Skill
The App Router mental model: server components, routing, data fetching and server actions, ending in a deployed full-stack project.
Curated resources
Scores are LearnPath editorial opinions (clarity, cost, freshness, project density) — not an objective ranking. Every YouTube item is embedded officially after a click-to-load facade.
3h 35mProject-basedfreeCodeCamp.org3h 35m
A 2025 end-to-end MERN build with deployment — the whole loop of a modern web application in one sitting. Best used after React and Node basics so the value is in integration and deployment rather than syntax.
1h 28mBest for beginnersByteGrad1h 28m
An updated 2026 Next.js tutorial built around explaining the mental model of the App Router before writing code. The clearest short introduction to how Next.js differs from plain React.
4h 10mLearnPath pickJavaScript Mastery4h 10m
A four-hour build of a production-style application on Next.js 16 — App Router, server components, data fetching, auth, deployment. Published late 2025, it teaches the version that is actually current.
5hLama Dev5h
Five hours building a real-estate application with authentication, image uploads, chat and a database — the closest free equivalent to a bootcamp capstone project.
6h 54mAdvancedCodevolution6h 54m
Seven hours that go beyond the happy path — caching layers, revalidation, parallel routes, middleware, data patterns. The resource to use once a Next.js project gets past the tutorial stage.