The React Framework for the Web
The React framework for production. Build full-stack web apps with server rendering, file-based routing, and a first-class developer experience.
Learn by building. Each project breaks down into small, verifiable steps.
Add real sign-in to a Next.js app with NextAuth (GitHub + credentials), protected routes, and a database-backed session.
The classic first project. Learn components, props, state, and forms by building a working todo list with add, toggle, and delete.
Build a small storefront with a product catalog, cart, Stripe checkout, and order history — the full production-grade flow.
An auth-protected dashboard with a database, Server Actions, and charts. The capstone project that ties everything together.
Build a blog that reads Markdown files and generates a page per post using dynamic routes and static generation.
Fetch live weather from a public API and render it with Server Components, caching, and a clean responsive layout. A great first taste of data fetching.