Next.js Fullstack Training
Chapter 1
Welcome to the Internship
Congratulations — you made it. Over the next 12 weeks you will go from student to professional developer. This handbook is your practical reference. Read it once now, then keep it open every day.
What the 12 Weeks Look Like
| Week | Phase | What You're Learning | You Ship |
|---|---|---|---|
| 1–2 | Foundations I | React 19 hooks, Next.js 16 App Router, Tailwind v4, Shadcn/UI | Portfolio Website |
| 3–4 | Foundations II | Server Actions, Drizzle ORM v2, Neon Postgres, Full-stack mutations | Blog with Comments |
| 5–6 | Capstone: Auth + Setup | Fork capstone repo, Clerk v6, Route protection, Webhooks | Authenticated Dashboard |
| 7–8 | Capstone: Core Features | CRUD, useOptimistic(), PPR, Relational data model | Full Project + Task CRUD |
| 9–10 | Capstone: Polish | Drag-and-drop (dnd-kit), Code reviews, after() API | Interactive Kanban Board |
| 11–12 | Capstone: Ship It | Vitest, Playwright, Biome CI, OpenTelemetry, Showcase | Deployed App |
Pro Tip
The first two weeks feel overwhelming. That is normal. Every professional developer felt this way.
Your job is not to know everything — it is to figure out HOW to find answers quickly.
Struggling for 30 minutes before asking is productive. Struggling for 3 hours is not.