Full Lifecycle

Full Stack Developer

End-to-end expertise across modern frontend frameworks, backend APIs, databases, CI/CD, and deployment.

Progression:0%
0 / 11 Milestones Mastered
L1

1. Beginner

Web fundamentals across the full client-server boundary.

Client-Server Architecture

essential

Request-response cycle, cookies, headers, CORS, statelessness.

CORS preflightHTTP statelessnessJSON payloadsREST principles

JavaScript & Modern Web Stack

essential

DOM manipulation, ES Modules, async fetch, error handling.

PromisesFetch APIEvent delegationLocal storage
L2

2. Foundation

Unified language TypeScript across frontend and backend.

Full Stack TypeScript

essential

Shared type definitions between frontend and backend, zod schemas.

Shared schemasZod validationtRPC principlesType safety

PostgreSQL & Prisma/Drizzle

essential

Migrations, relation schemas, query builders, indexing basics.

Prisma migrationsRelations 1:N, N:MTransactionsConnection pool
L3

3. Core Skills

Full Stack meta-frameworks and modern routing.

Next.js Full Stack Architecture

essential

Server Actions, route handlers, middleware, revalidation tags.

Server ActionsIncremental Static RegenerationRoute handlersMiddleware

Authentication & Session Management

essential

NextAuth / Auth.js, JWT in cookies, OAuth providers, protected routes.

OAuth flowSession cookiesCSRF tokensRoute guards
L4

4. Framework

State management, caching, and background jobs.

Client State & Data Fetching (TanStack Query)

essential

Cache invalidation, optimistic updates, pagination, polling.

Stale-while-revalidateMutationsInfinite queriesPrefetching

Background Jobs & Webhooks

essential

Stripe webhooks, BullMQ / Inngest for email and long-running tasks.

Webhook signature verificationWorker queuesRetry backoffIdempotency
L5

5. Real Projects

Production SaaS application ready for paying users.

Multi-tenant SaaS Starter with Subscriptions

essential

Organizations, team seats, Stripe billing, audit logs, dark mode.

Stripe WebhooksOrganization RBACPrisma multi-tenant schema
L6

6. Advanced

Docker, CI/CD, and Observability.

Containerization & Deployment

essential

Dockerfile multi-stage builds, docker-compose, GitHub Actions CI/CD.

Multi-stage DockerfileGitHub Actions workflowsFly.io / AWS ECS deployHealth checks
L7

7. Interview Prep

Full-stack feature design and end-to-end bug isolation.

End-to-End Architectural Interview

essential

Designing features from DB schema to UI state, caching, and error resilience.

End-to-end data flowSecurity checksPerformance bottleneck triage

Hands-on Portfolio Projects for this Roadmap

B2B SaaS with Organizations, Roles, and Billing
Full-stack Issue Tracker (Linear / Jira clone)
Collaborative Real-time Whiteboard with Undo/Redo