Course details
Next.js
Learn how Next.js turns a folder of React components into a complete web app. You will create a project, map folders to URLs, choose how each page is rendered, split server and client components, add layouts, loading and error screens, and write your own API endpoints — all while building one small hiking-trail guide.
Course curriculum
Why Next.js4 lessons
See what React leaves open, what Next.js fills in, how it compares with Remix, why frameworks exist at all, and the difference between single-page apps and server rendering.
Your First Next.js App5 lessons
Scaffold Trailhead with create-next-app, build routes from folders, link between them, add a page per trail with dynamic segments, and learn the words the docs use for all of it.
Rendering Strategies3 lessons
Compare building pages in the browser, on the server for every request, and once at build time, and learn how Next.js picks between them for each route.
The App Router4 lessons
Compare the older Pages Router with the App Router, see why new projects use the App Router, and learn when a component runs on the server and when it needs 'use client'.
Layouts, Loading and Errors4 lessons
Wrap pages in layouts that persist, use templates when you need a fresh start, show loading screens while data streams in, and catch errors and missing pages without breaking the whole app.
API Endpoints4 lessons
Build route handlers that answer HTTP requests with the Web Request and Response objects, decide whether they are cached, stream long responses, and send visitors elsewhere with redirects.