Next.js
28 hands-on lessons that take you from the basics of the Next.js 16 App Router through Server Components, data, forms, security, and all the way to production deployment.
33 Lessons · 504 min
Getting Started — Your Guide to Learning Next.js
What you need on the desk
- Node.js 20.9 or a newer version
- pnpm or npm
- VS Code or your preferred editor
- Git and a GitHub account
Know this much before you start
- Basic HTML and CSS
- Basic modern JavaScript
- Basic understanding of React components, props, and state
- Comfortable using a few terminal commands
By the end, you can
- Build pages, layouts, and dynamic routes using App Router file conventions
- Split Server and Client Components the right way to cut down on browser JavaScript
- Choose and apply data fetching, streaming, caching, and revalidation strategies
- Write full-stack features with Route Handlers, Server Actions, a database layer, and authorization
- Apply testing, accessibility, performance, SEO, and security checklists
- Deploy to production on Vercel or self-host with Docker