Free Learning Roadmap

How to Become a Full-Stack Engineer

Owns features end-to-end — frontend, backend, database, deploy. Trades depth for breadth; ships product without waiting on other teams.

Topics
12
Resources
33
Cost
Free
Most resources are free or freemium
Format
Self-paced

1. Language Fluency Across the Stack

core
TypeScript on Both Ends

Node + React with shared types is the most productive full-stack combo today. One language, one type system, one dependency tree.

Python + JS Alternative

FastAPI/Django on the backend, React on the frontend. Trade shared-types ergonomics for backend richness.

2. Full-Stack Meta-Frameworks

core
Next.js

App router, server components, server actions, streaming. The most common way to ship a full-stack React app in 2026.

Remix / SvelteKit

Web-standards-native alternatives. Progressive enhancement, nested routes, form-first data loading.

3. Frontend Essentials

core
React Core

Components, state, effects, refs, context — enough to build any UI a designer hands you.

Styling — Tailwind + Design Tokens

Tailwind + shadcn/ui is the default fast-shipping combo for full-stack devs.

Accessibility Basics

Semantic HTML, keyboard navigation, WCAG AA. Don't ship inaccessible UIs.

4. Backend Essentials

core
REST API Design

Resources, verbs, status codes, versioning, pagination, idempotency. Full-stack devs design the APIs they consume.

Auth (Sessions, JWT, OAuth)

NextAuth, Clerk, Auth0, Supabase Auth — pick a provider unless you deeply want the custom-auth headache.

5. Databases & ORMs

core
PostgreSQL

The default. Master the query planner, indexes, and JSONB for schema-flexible needs.

Prisma / Drizzle / SQLAlchemy

Prisma is the default TS ORM; Drizzle for teams who want thinner abstraction; SQLAlchemy in Python.

6. Deploy & Infra

core
Vercel / Fly.io / Render / Railway

Managed platforms that hide most of the ops. Full-stack devs should be shipping without owning K8s.

Docker Basics

Package the app + its deps. Enough to deploy anywhere.

7. Testing

core
Unit + Integration

Vitest + Testing Library on the frontend; pytest / vitest on the backend. Ship untested code only for prototypes.

E2E with Playwright

Cover critical user journeys — signup, checkout, primary action. Skip everything else.

8. State & Data Fetching

core
TanStack Query / SWR

The right way to manage server state on the frontend. Cache, retry, revalidate — for free.

Zustand / Redux for Client State

For truly client-owned state — modals, wizards, editor buffers. Small tools for small needs.

9. Security Basics

recommended
OWASP Top 10

SQL injection, XSS, CSRF, IDOR — the vulnerabilities full-stack devs ship daily if they're not careful.

10. Observability

recommended
Sentry + Vercel/Fly Analytics

The 90% observability solution for small full-stack teams. Errors, performance, real user monitoring.

11. Productivity & Craft

recommended
AI Pair Programming

Cursor, Copilot, Claude Code. The productivity multiplier for solo full-stack devs.

12. Career & Craft

optional
Ship Side Projects

Nothing beats real, deployed projects on your résumé. Idea → prod in a weekend is the full-stack superpower.

Want a personalised version?

This roadmap is the same one our platform uses internally, but the logged-in version lets you tick off topics as you complete them, track a personalised First 90 Days plan, and see your AI-durability score against this role. All free.

Open the interactive roadmap →
Curated by WhatTNext Ai · methodology · all roadmaps · last updated 2026-07-29