What will I learn?
- React 19
- Next.js 15 App Router
- React Server Components
- Server Actions
- Zustand
- Supabase
- Tailwind CSS
- shadcn/ui
What do I need before starting?
- Solid JavaScript / TypeScript fundamentals
- Familiarity with HTML and CSS
What is the weekly roadmap?
Week 1: React 19 Core & Hooks Mastery
useActionState · useOptimistic · Custom Hooks · Component Lifecycle
Week 2: Next.js 15 App Router Architecture
Server vs Client Components · Route Handlers · Parallel & Intercepting Routes · Metadata API
Week 3: Server Actions & Form Handling
Mutations without APIs · Zod Validation · Toast Notifications · Optimistic Updates
Week 4: Database Modeling & Supabase Auth
Supabase PostgreSQL · Row Level Security · OAuth & OTP Auth · Storage Buckets
Week 5: State Architecture & TanStack Query
Server cache invalidation · Client query caching · Infinite Scroll pagination · Real-time subscriptions
Week 6: Payment & Transactional Infrastructure
Stripe Checkout integration · Resend transactional emails · Webhooks handling · Rate limiting
Week 7: Security, SEO & Performance Tuning
CSRF & XSS prevention · OpenGraph dynamic images · Streaming SSR · Bundle analyzer
Week 8: Production SaaS Capstone & Defense
Building collaborative workspace app · Staging & Production Vercel pipelines · Mentor Code Review · Graduation
How do I earn the React & Next.js Fullstack Sprint certificate?
Complete every weekly task and receive a reviewed or approved result of at least 65% on each. You can then purchase the optional ProofCohort certificate bundle. Partner-issued credentials require a confirmed, authorized issuing arrangement.
Read the assessment guide →Certificate verification and support →Prepare your project evidence
For each assigned task, connect its requirements to a deliverable the reviewer can open. Explain your contribution, decisions, checks, and any unfinished work. Use the actual task instructions for submission requirements and the templates below to organize your evidence.