Learning Tracks
Your roadmap to real skills.
Four tracks, dozens of sub-tracks, and every lesson available self-paced or live, 1-on-1, with a volunteer tutor.
Learning Tracks
Four tracks, dozens of sub-tracks, and every lesson available self-paced or live, 1-on-1, with a volunteer tutor.
From zero to deploying full-stack apps on Vercel.
~12 hours · 10 lessons
View track details →Why Next.js Won: What It Is and Why You'll Use It
Understand what a JavaScript framework is, why React and Next.js dominate web development in 2025, and what the rest of the subtrack will teach you.
Project Setup with create-next-app
Scaffold a fresh Next.js + TypeScript + Tailwind app with create-next-app and make your first edit.
App Router: Layouts, Pages, Loading, Errors
Build a multi-page Next.js app with file-based routing, nested layouts, and automatic loading + error boundaries.
React Hooks
Use useState, useEffect, useContext, and your own custom hooks fluently — and respect the Rules of Hooks.
Server Components vs Client Components
Decide which type of component to use, fetch data on the server without an API call, and add the 'use client' boundary correctly.
API Routes in Next.js
Build REST endpoints inside your Next.js app with route.ts files, validate input with Zod, and call them from client components.
Connecting Supabase: Database and Auth
Stand up Supabase, query Postgres with Row-Level Security, and wire up email/password authentication end to end.
Deploying to Vercel in Under 5 Minutes
Push to GitHub, deploy to Vercel, configure environment variables per environment, and add a custom domain.
Capstone: Full-Stack App on Vercel
Pick a project brief and build a real, deployed, portfolio-worthy Next.js + Supabase + Tailwind app with a custom domain.
Job Readiness: Junior Frontend and Full-Stack Roles
Translate your new skills into a job application: real titles, a competitive resume, interview answers, certifications, and a portfolio checklist.