Full Stack Roadmap

1. Phase I:

   1. HTTP/HTTPS

   2. Client/Server

   3. DNS

   4. Website Works

2. Phase - II - FrontEnd(70% Knoweldge and Move Forward)

   1. HTML

   2. CSS

   3. JavaScript

3. Phase - III - Browser Devtools Chrome

4. comfortable with CLI

5. TypeScript

6. React.js / Next.js / Tanstack

   1. App Router

   2. Pages Router

   3. ZOD

   4. Zustand

   5. Immer.js

   6. Tanstack Query

   7. Tailwind CSS

   8. Motion(Framer Motion)

   9. Shadcn UI/Radix UI

7. BackEnd

   1. Shell

   2. Linux Programming CLI

   3. Node.js/Rust/GO

   4. Readable/Writable Streams(Build AI Apps)

      1. AI SDK By Vercel

      2. OpenAI SDK

      3. xAI SDK

      4. Anthropic SDK

   5. Testing

      1. Unit Testing

      2. Integration Testing

      3. E2E Testing

         1. Vitest

         2. PlayWright(Puppeteer)

         3. TestSprite

   6. Databases

      1. SQL

      2. Indexes

      3. Tables

      4. Query Planner

      5. Reddis

      6. Vector DB

         1. AWS S3 Vector

         2. Turbopuffer

         3. pgvector

         4. SQ Lite

8. DevOps

   1. Docker

   2. Kubernetes

   3. CI/CD

   4. Cloud Providers(AWS/GCP/Azure/Vercel/Netlify/Terraform)

   5. Monitoring and Logging

   6. Pulumi

   7. Firecracker

   8. Sendboxing

   9. Railway

   10. Object Storage(S3)

9. MISC/AI Tech

   1. GraphQL

   2. gRPC

   3. WebAssembly

   4. WebRTC

   5. WebSockets

   6. Service Workers

   7. Progressive Web Apps (PWAs)

   8. AI Integration

      1. LangChain

      2. LLMs

      3. Vector Databases

   9. SSE

   10. CDNs/ Edge Computing Cloudflare/AWS Cloudfront

   11. Message Brokers (e.g., RabbitMQ, Kafka)

   12. Convex(Realtime DB)

   13. AI Agents SDKs

   14. RAG and the Providers

   15. WASM(FFMPEG)