Next.js · Build a working foundation
Six sequenced labs covering the framework’s core workflow, input boundaries, failure handling and a practical extension. Each includes code, expected behavior and a review checklist.
Prerequisite: React components, hooks and TypeScript; basic HTTP. · 195 minutes of guided study
6 published lessons, from first principles to a small project.
Start first lesson →What you’ll be able to do
- Routes, layouts and internal links
- Dynamic routes and missing resources
- Server and Client Component boundaries
- Route handlers and validated input
- Loading states and recoverable errors
- Project · A public course page with accurate metadata
How to study this course
Follow the numbered modules. Read the example, explain why it works, attempt the exercise, then compare your result with the supplied checks.
Setup: Next.js 15 App Router with TypeScript. File comments specify where each snippet belongs. Run npm run dev in the project. These examples need the Next.js server and cannot run in the console playground.
Times estimate guided reading and practice. Projects and revision can take longer.