Next.js Learn

What the courses cover

Next.js Learn offers three free courses:

• React Foundations: for people moving from JavaScript to React, covering the core ideas the Next.js course assumes.
• The Dashboard App course (App Router): the main course, 16 chapters that build "Acme", a financial dashboard app.
• Pages Router course: building a simple static blog with the older Pages Router, useful mainly for maintaining existing apps.

The dashboard course chapters run in this order: getting started, CSS styling, optimising fonts and images, creating layouts and pages, navigating between pages, setting up your database, fetching data, static and dynamic rendering, streaming, adding search and pagination, mutating data, handling errors, improving accessibility, adding authentication, adding metadata, and next steps. Your progress is saved as you complete chapters.

The concept it teaches best

Where the server ends and the client begins. That boundary is the most confusing thing about modern React frameworks and the source of most errors people hit (using a hook in a server component, leaking secrets to the browser, fetching data in the wrong place). Working through an application where the split is deliberate at each step is far more effective than reading about it. The streaming and search chapters also show clearly how URL state, server rendering and suspense fit together.

How long it takes

The dashboard course takes one to two weeks at a couple of hours a day. Going faster by copying code defeats the purpose.

How to use it well

• Type the code rather than copying or cloning the finished app.
• At each server and client boundary, predict what runs where before reading the explanation.
• Deploy the app when the course suggests it. Seeing it work on a real host removes a lot of mystery.
• After finishing, extend it: add an edit history, a new chart, or role-based access. That is where the concepts stick.
• Keep the Next.js documentation open for the APIs the course introduces; the course shows one way, the docs show the options.

Before you start

You need working React: components, props, state and hooks. If React is new, do React Foundations first, or the official React docs. Basic knowledge of SQL helps in the database chapters, although the course provides the queries.

Where it stops

The course builds one app in one way. It does not go deeply into caching strategy, testing, internationalisation, complex authentication, or self-hosting outside Vercel. Next.js also changes quickly, so if something in the course differs from the current docs, trust the docs.

Common questions

Is it free? Yes, all courses are free.

Do I get a certificate? The course tracks progress but is not designed around a certificate. The deployed dashboard is better proof of skill.

Do I need to use Vercel? The course deploys to Vercel for convenience, but what you learn applies to any host.

Best for: React developers moving to Next.js, and anyone confused by server components.