← All roadmaps

Full-stack with AI

How I work today: Next.js, data, the cloud and AI applied to real problems.

Click a step or a topic to see what to study. The circle marks it done in one click, and progress is saved in this browser.

1. 01
   Next.js App Router0/5Server Components change where code runs. Understand that before anything else.

   • Server and Client Components›
   • Routes and layouts›
   • Server Actions›
   • Caching and revalidation›
2. 02
   Interface0/5An accessible, translated UI from day one costs less than retrofitting it.

   • Tailwind and design tokens›
   • shadcn/ui›
   • Accessibility›
   • Internationalisation›
3. 03
   Data and auth0/4A simple SQL database solves much more than it seems.

   • Drizzle and migrations›
   • Validation with Zod›
   • Sessions and permissions›
4. 04
   LLMs in practice0/5Calling a model is easy. The work is in structured output, cost and failure.

   • Streaming›
   • Structured output›
   • Model proxy›
   • Decision models›
5. 05
   RAG0/5Making the model answer from your documents, and being able to show where the answer came from.

   • Chunking and embeddings›
   • Vector search›
   • Hybrid search and RRF›
   • Access control›
6. 06
   Agents0/4An agent is a model calling tools in a loop. The hard part is knowing when it's really done.

   • Tool calling›
   • MCP›
   • Coding agents›
7. 07
   AI observability0/4Every bad answer has to be debuggable: question, retrieved chunks and final prompt.

   • Traces›
   • Cost and tokens›
   • Evaluation with real cases›
8. 08
   Deploy0/4Pick where to run based on what the system needs, not on fashion.

   • Vercel›
   • AWS with SST and OpenNext›
   • Queues for heavy work›