Foundation

01JavaScript Essentials Refresher
02React Fundamentals Refresher
03TypeScript Essentials for Next.js

Next.js Core

04Development Environment Setup
05Next.js 16 Introduction & Project Setup
06Routing & Navigation
07Server & Client Components
08Server Actions & Forms
09API Routes
10Error Handling & Loading States
11Tailwind CSS v4 Setup & Basics
12Building UI Components

Database & Supabase

13Dashboard Layout with Sidebar and Header
14SQL & PostgreSQL Fundamentals
15Supabase Setup & Configuration
16Database Schema Design
17Supabase Client in Next.js
18Row Level Security (RLS)
19Database Relationships & Complex Queries

Authentication

20Supabase Auth Setup
21Registration & Login Forms
22Session Management & Protected Routes
23Password Reset & Email Verification

Project Build

24User Dashboard & Profile
25Wallet System
26Bill Payment API Integration
27Airtime & Data Purchase
28Electricity & Cable TV Payments

Production

29Testing & Optimization
30Deployment to Vercel

Lesson 12

Building UI Components

Create a reusable component library for the bill payment platform