open atlas

nextjs

Next.js, zero to senior

Rendering strategies, App Router, server components and caching layers — production Next.js.

10 units·32 lessons·~9 h

Start track
01

SSR, SSG, ISR, server components

Each rendering mode is a different answer to 'when does HTML get built and who pays the latency'.
02

App Router, caching layers, server actions

App Router stacks four caches between you and fresh data; knowing which one bit you is the production skill.
03

Route handlers, middleware, runtimes

Route handlers are your API surface; middleware runs on every matched request at the edge — and the runtime decides what code may exist.
04

Auth in the App Router

Auth in Next.js is a boundary question: middleware redirects, layouts don't protect, and every server action is a public endpoint.
05

Images, fonts, bundle budgets

Assets dominate LCP and INP: next/image and next/font exist to make the fast path the default — budgets keep it that way.
06

Deployment and the edge

Self-host is a real option: standalone output in a container, edge for routing not data, ISR needs a shared cache behind more than one pod.
07

Observability and errors

error.tsx is a boundary tree, not a page: instrumentation.ts wires OTel before anything runs, and RSC logs live on the server only.
08

Architecture at scale

Route groups are module boundaries: a monorepo splits by domain, shared code moves to packages, and pages→app migrates route by route.
09

The data layer

RSC talk to the database directly: pool per process not per request, serverless needs a proxy, cache tags model your domains.
10

Next.js in production

Production Next.js fails in cache poisoning, ISR storms and cold starts — this unit is incident anatomy plus the cost engineering math.

Build with this track

Guided projects that exercise what you learn here.

Next track

Go, zero to senior

A small language for big systems — types, errors, interfaces, and concurrency that actually scales.