Skip to content

Roadmaps Resources Practice Projects Journal Community

Search/Sign in

LearnPath

Learn anything. Build everything. Free, structured learning paths built from the best resources on the web.

Learn

Roadmaps
Skills
Resources
Practice

Build

Challenges
Projects
My learning
Search

Project

Journal
About & RRRTX Labs
Community
Open source
Privacy
Terms

LEARNPATH

Built by RRRTX Labs

Free and open source. No certificates. No paywall. No trackers.

Full Stack Developer / Next.js & full-stack React

Learn
Practice
Challenge
Prove
Not started

Full Stack Developer

01Programming fundamentals
02HTML & CSS
03JavaScript fundamentals
04Git & GitHub
05Web accessibility
06TypeScript fundamentals
07React fundamentals
08Next.js & full-stack React
09Node.js & HTTP APIs
10SQL fundamentals
11Databases & ORMs
12Authentication for the web
13Testing web apps
14Deploy & ship
15Containers & orchestration
16CI/CD & cloud basics
17System design
18Data structures & algorithms

View the full graph →

Stage 02 · 02 · Core web · skill 4 of 4

Next.js & full-stack React

The App Router mental model: server components, routing, data fetching and server actions, ending in a deployed full-stack project.

Recommended first: React fundamentals, TypeScript fundamentals

After this you will be able to

Decide what renders on the server and what on the client
Route, load and cache data in the App Router
Ship a full-stack feature end to end

freeCodeCamp.org · why we picked it

Previous Next: Node.js & HTTP APIs

Practice

No playground attached to this skill. The practice lab has every runtime.

Evidence

Learned
Practiced
Challenge passed
Used in a project

Not demonstrated yet

Notes

Notes