Fill fields, review the preview, then copy or open elsewhere.
Leave a field empty to keep its placeholder in the preview.
Design a Next.js learning plan.
My React level: {{react_level}}
My goal: {{goal}}
Daily time: {{daily_time}}
What I want to build: {{project}}
Return:
1. App Router vs Pages Router — which to learn and why
2. The mental model shift: server components vs client components
3. Data fetching patterns: server components, server actions, when to use which
4. Routing: layouts, loading, error boundaries, parallel/intercepted routes
5. Authentication patterns (NextAuth / Clerk / custom)
6. Database integration patterns (Prisma, Drizzle, Supabase)
7. Performance: streaming, suspense, caching layers — where Next.js makes choices for you
8. Deployment: Vercel and alternatives
9. The 2 projects that solidify everything
10. Things Next.js does that often confuse — and the mental models that clear them up