Next.js
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.
Next.js Projects
Learn by building. Each project breaks down into small, verifiable steps.
Authentication Starter
Add real sign-in to a Next.js app with NextAuth (GitHub + credentials), protected routes, and a database-backed session.
Build a Todo App
The classic first project. Learn components, props, state, and forms by building a working todo list with add, toggle, and delete.
E-Commerce Store
Build a small storefront with a product catalog, cart, Stripe checkout, and order history — the full production-grade flow.
Full-Stack SaaS Dashboard
An auth-protected dashboard with a database, Server Actions, and charts. The capstone project that ties everything together.
Markdown Blog with Dynamic Routes
Build a blog that reads Markdown files and generates a page per post using dynamic routes and static generation.
Weather Dashboard
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.