Home/Roadmaps/Full Stack Developer
Roadmap · Updated May 2026

The Full Stack Developer trek

HTML to deployment. Frontend with React, backend with Node.js, databases, auth, testing, and the end-to-end thinking that makes full-stack engineers valuable.

Stages
13
Estimated time
8 months
Level
Beginner → Advanced
Maintained by
3 practitioners
01
Stage 01

Web & HTTP fundamentals

How the web actually works: DNS, HTTP, the browser rendering pipeline, and the client-server model every full-stack developer builds on.

HTTPWebBeginner
02
Stage 02

HTML, CSS & responsive design

Semantic HTML, CSS Grid, Flexbox, and building interfaces that work at every screen size.

HTMLCSSResponsiveBeginner
03
Stage 03

JavaScript & TypeScript

ES2024, closures, async/await, the module system, and TypeScript — the languages of the full-stack web.

JavaScriptTypeScriptES2024
04
Stage 04

React & component architecture

Components, hooks, state, data fetching, and the React patterns used in production applications.

ReactHooksState
05
Stage 05

Node.js backend & REST APIs

Building REST APIs with Express or Fastify, structuring a Node.js application, and designing APIs that are clean and maintainable.

Node.jsExpressREST
06
Stage 06

Databases: SQL & NoSQL

PostgreSQL for relational data, Redis for caching, and understanding which tool fits which problem.

PostgreSQLRedisPrisma
07
Stage 07

Authentication & security

Sessions, JWTs, OAuth, and the security patterns that protect your users.

AuthJWTOAuthSecurity
08
Stage 08

Next.js — full-stack React

App Router, Server Components, server actions, and shipping production full-stack apps where frontend and backend live together.

Next.jsApp RouterServer Actions
09
Stage 09

Testing full-stack apps

Unit, integration, and end-to-end tests — and how to structure them so they actually catch bugs in production.

TestingPlaywrightVitest
10
Stage 10

Performance optimization

Core Web Vitals, bundle optimization, database query performance, and the end-to-end view of web performance.

PerformanceCore Web VitalsOptimization
11
Stage 11

Docker, CI/CD & deployment

Containerize the stack, build a deployment pipeline, and ship with confidence on every commit.

DockerCI/CDDeployment
12
Stage 12

GraphQL & real-time

GraphQL for flexible APIs, WebSockets for real-time features, and when each pattern is the right choice.

GraphQLWebSocketsReal-time
13
Stage 13

Capstone — ship a full-stack product

Design, build, deploy, and iterate on a real full-stack product. Real users, real traffic, real feedback.

CapstoneAdvancedPortfolio

Trek complete. What's next?

You've walked the full roadmap. Now ship the capstone, write about it, and share the path with the next engineer who needs it.

Read the blogExplore more roadmaps