Build a Next.js Blog

Build Meridian Notes with the Next.js App Router, TypeScript, Tailwind CSS, Prisma, PostgreSQL, Auth.js credentials, owned posts, search, password reset, and Vercel.

  • Difficulty Intermediate
  • Parts 12
  • Stack TypeScript, Next.js App Router, Prisma, PostgreSQL, Auth.js v5, Tailwind CSS

How this project works

Meridian Notes is an original teaching blog built as twelve complete snapshots. Clone the companion repository once, then run any numbered folder without rebuilding all earlier lessons.

The path starts with App Router pages and shared layouts, introduces Tailwind UI and PostgreSQL through Prisma, then builds feed, registration, credentials login, sessions, profiles, owned post CRUD, pagination, search, and secure password reset.

Snapshots 4–12 include deterministic seed accounts: ada@example.com and grace@example.com, both using password123. Each data-backed snapshot has its own database so experiments do not leak into another lesson.

The final snapshot documents a Vercel deployment backed by Neon PostgreSQL, environment-only secrets, production migrations, and durable media considerations.

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.