Next.js Full-Stack CurriculumLive 1:1 Mentorship

From zero setup to a deployed full-stack app.

This is the roadmap we'll follow together. We'll set up your environment, learn the core language and UI pieces, build a real auth system, an admin dashboard, and a mini blog all with Next.js, TypeScript, Tailwind, Better Auth, TRPC, Neon, and Vercel.

Next.js App RouterTypeScriptTailwind CSSBetter AuthTRPCNeon PostgresVercel
Phase 0Focused learning module

Environment Setup & Foundations

We’ll install core tools, set up your accounts, wire up a real database, and bootstrap your first Next.js project.

EnvironmentTooling

System Setup

Topic
  • Install Node.js (LTS)
  • Install VS Code + core extensions
  • Install Git and create a GitHub account
  • Create a Neon Postgres project
  • Create a Vercel account
  • Intro to git: clone, commit, push

Project Bootstrapping

Topic
  • Create a new Next.js App Router project (create-next-app)
  • Review app/, components/, lib/ structure
  • Configure Neon connection via environment variables
  • Push the initial commit to GitHub

We don't need perfection on every bullet before moving on — the goal is comfort and repetition, not memorizing every detail in one sitting.

By the end of this curriculum, you will be able to:

  • Set up a full-stack environment with GitHub, Neon, and Vercel from scratch.
  • Build and deploy a Next.js app with real authentication and session handling.
  • Create an admin dashboard with CRUD operations using TRPC and Tailwind.
  • Launch a small blog system with an admin editor and public-facing pages on Vercel.