Build a Remix Blog

Build Tidepool Notes with Remix, Bootstrap 5, Prisma, cookie session storage, bcrypt, owned post CRUD, search, password recovery, and Fly.io deployment notes.

  • Difficulty Intermediate
  • Parts 12
  • Stack TypeScript, Remix, Bootstrap 5, Prisma, PostgreSQL, cookie sessions, bcrypt

How this project works

Tidepool Notes is an original teaching blog in twelve complete snapshots. Clone once and run any numbered folder without rebuilding earlier stages.

The path starts with Remix loaders and file-based routes, adds Bootstrap layouts, then introduces isolated Postgres databases through Prisma. Later parts add bcrypt registration, signed cookie sessions, media, ownership, pagination, search, reset tokens, and Fly.io deploy notes.

Snapshots 4–12 seed ada@example.com and grace@example.com with password123.

Local Postgres runs through Docker Compose on host port 5442 with databases tidepool_01tidepool_12.

Open GitHub repo →

Parts in order

Work through the parts in sequence. Each lesson explains the ideas, then points you to a runnable GitHub snapshot.