MODERN DEVELOPER ROADMAP

Fullstack Developer Curriculum

7 practical, presentation-driven lessons designed to take you from your very first line of local Git version control all the way to building and deploying production-ready web apps with Next.js, Tailwind CSS, Shadcn UI, PostgreSQL with Neon Database, and Vercel.

7
Mastery Lessons
100%
Real Terminal & Code
Interactive
Fullscreen Presentations
Bilingual
English & ភាសាខ្មែរ
01. Git 02. GitHub 03. Next.js 04. Tailwind CSS 05. Shadcn UI 06. PostgreSQL & Neon 07. Vercel & Deployment
MODULE 01 Beginner

Git: Local Version Control

Master local version control on your machine. Learn repository initialization, file tracking, staging, commits, branches, and the 4-layer mental model.

git init git status git add git commit git branch .gitignore
23 Slides • Local Machine Start Lesson
MODULE 02 Beginner

GitHub: Cloud Repositories & Collaboration

Connect local projects to the cloud. Configure remotes, push code, handle branches, clone repositories, and collaborate with teams using Pull Requests.

Remote Origin SSH vs HTTPS git push -u git pull git clone
18 Slides • Cloud & Remote Start Lesson
MODULE 03 Intermediate

Next.js: The React Framework for the Web

Build modern fullstack web applications with React 19 and the Next.js App Router. Master Server Components, file-based routing, nested layouts, and API routes.

App Router Server Components 'use client' Route Handlers
12 Slides • React Fullstack Start Lesson
MODULE 04 Beginner / Intermediate

Tailwind CSS: Modern Utility-First Styling

Style clean, responsive, production interfaces without leaving your HTML. Learn utility classes, flexbox/grid layouts, responsive breakpoints, and dark mode.

Utility-First Flexbox & Grid Breakpoints (sm/md/lg) Dark Mode
12 Slides • Modern CSS Start Lesson
MODULE 05 Intermediate

Shadcn UI: Accessible Component Architecture

Assemble accessible, production-grade component systems using Radix UI primitives, Tailwind CSS, and the modern CLI. Customize design tokens with ease.

Radix Primitives CLI Init Component Customization CVA & cn()
12 Slides • Component System Start Lesson
MODULE 06 Intermediate / Production

PostgreSQL & Neon Database

Master relational database architecture, psql CLI, data modeling, indexes, ACID transactions, migrations, and serverless PostgreSQL with Neon branching.

psql CLI PostgreSQL Neon Serverless ACID & Joins Drizzle / Prisma Next.js App Router
72 Slides • Relational & Serverless Start Lesson
MODULE 07 Intermediate / Production

Vercel & Web Deployment

Master real-world Next.js web deployment from GitHub to Vercel. Configure Neon PostgreSQL, custom domains, DNS records, HTTPS, and production rollbacks.

Vercel Git CI/CD Preview vs Prod Neon Database Custom Domains & DNS Instant Rollbacks Production Checklist
72 Slides • Cloud & Production Start Lesson