Next.js: Basic to Advanced

A complete bilingual Next.js course covering the App Router from the ground up: routing, layouts, Server & Client Components, data fetching, Server Actions, rendering strategies, middleware, SEO, and the very latest Next.js 16.2/16.3 features (Cache Components, Turbopack, Instant Navigations). Every page is written in both English and Bengali, with runnable TypeScript/JSX examples.

Introduction to Next.js

What is Next.js & Why Use It?

Setting Up a Project

Setting Up a Next.js Project

File-Based Routing

File-Based Routing with the App Router

Layouts & Navigation

Layouts, Templates & the Link Component

Server & Client Components

Server Components vs Client Components

Data Fetching & Caching

Data Fetching & Caching

Server Actions & Mutations

Server Actions & Mutating Data

Rendering Strategies

Rendering Strategies: SSR, SSG, ISR & Cache Components

API Routes & Route Handlers

API Routes: Route Handlers

Middleware & Edge Runtime

Middleware & the Edge Runtime

Styling in Next.js

Styling in Next.js

SEO & Optimization

SEO, Metadata & Image/Font Optimization

Authentication & Environment Variables

Authentication & Environment Variables

Latest Functionalities & Features

Next.js 16: Cache Components, Turbopack & Better Routing Next.js 16.2 & 16.3: Streaming Metadata, Instant Navigations & AI Tooling

Practice Exercises & Next Steps

Practice Exercises & Next Steps

Next.js Tutorial — Basic to Advanced (English & Bengali) | DevNotes