⚡

Learn Next.js

Build a production-ready bill payment platform with Next.js, React, TypeScript, Supabase, and Tailwind CSS

30 lessons•40 hours•beginner
Start Learning

Foundation

Lesson 1

JavaScript Essentials Refresher

Lesson 2

React Fundamentals Refresher

Lesson 3

TypeScript Essentials for Next.js

Next.js Core

Lesson 4

Development Environment Setup

Lesson 5

Next.js 16 Introduction & Project Setup

Lesson 6

Routing & Navigation

Lesson 7

Server & Client Components

Lesson 8

Server Actions & Forms

Lesson 9

API Routes

Lesson 10

Error Handling & Loading States

Lesson 11

Tailwind CSS v4 Setup & Basics

Lesson 12

Building UI Components

Database & Supabase

Lesson 13

Dashboard Layout with Sidebar and Header

Lesson 14

SQL & PostgreSQL Fundamentals

Lesson 15

Supabase Setup & Configuration

Lesson 16

Database Schema Design

Lesson 17

Supabase Client in Next.js

Lesson 18

Row Level Security (RLS)

Lesson 19

Database Relationships & Complex Queries

Authentication

Lesson 20

Supabase Auth Setup

Lesson 21

Registration & Login Forms

Lesson 22

Session Management & Protected Routes

Lesson 23

Password Reset & Email Verification

Project Build

Lesson 24

User Dashboard & Profile

Lesson 25

Wallet System

Lesson 26

Bill Payment API Integration

Lesson 27

Airtime & Data Purchase

Lesson 28

Electricity & Cable TV Payments

Production

Lesson 29

Testing & Optimization

Lesson 30

Deployment to Vercel