1. Foundations of Next.js and the App Router
Next.js is a React framework created by Vercel that provides a complete toolkit for building production-ready web applications. It bundles together features that React alone does n...
Read full chapter →The essential Nextjs Framework cheat sheet: 8 concise chapters you can read in minutes, distilled from the full deck. When you're ready, drill the flashcards or test yourself under exam conditions.
Next.js is a React framework created by Vercel that provides a complete toolkit for building production-ready web applications. It bundles together features that React alone does n...
Read full chapter →In the App Router, every component is a Server Component by default. Server Components render on the server and send the resulting HTML to the browser, which means they can directl...
Read full chapter →Next.js supports several rendering strategies, and the App Router chooses one automatically based on how a page uses dynamic data. Server-Side Rendering, or SSR, generates the HTML...
Read full chapter →Beyond the basic folder-to-route mapping, Next.js offers several routing patterns that handle common real-world needs. A dynamic route uses square brackets in the folder name, like...
Read full chapter →Layouts are one of the App Router's most powerful features. A layout.tsx file in any folder defines the chrome that wraps every page beneath that segment, such as a navigation bar,...
Read full chapter →Data fetching in the App Router is one of the most pleasant developer experiences in modern web frameworks. Server Components can declare themselves async and use await directly on...
Read full chapter →Navigation is a first-class concern in Next.js, and the framework provides both declarative and programmatic ways to move between routes. The <Link> component from next/link...
Read full chapter →The main configuration file for a Next.js project is next.config.js, also available as .mjs or .ts. It centralizes many important settings, including allowed image domains, declara...
Read full chapter →Done reading?
Test yourself with the Nextjs Framework practice exam — timed questions, instant score, full review of wrong answers. Free.
🎯 Take the Practice Exam →