Build a Nuxt Blog

Build Harborline Digest with Nuxt 3, Pico.css, Drizzle, cookie sessions, owned post CRUD, search, password recovery, and Cloudflare Pages deploy notes.

  • Difficulty Intermediate
  • Parts 12
  • Stack TypeScript, Nuxt 3, Nitro, Pico.css, Drizzle, PostgreSQL, cookie sessions, bcrypt

How this project works

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

The path starts with Nuxt and routing, adds layouts and Pico, then introduces isolated Postgres databases. Later parts add sessions, media, ownership, pagination, search, reset tokens, and deploy notes.

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

Local Postgres runs through Docker Compose on host port 5441 with databases harborline_01harborline_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.