</>Code Kaksha
MERN StackPHP / LaravelPython / DjangoJava / SpringData Science
Join Training
CoursesMERN StackPHP / LaravelWeb DesignPython / DjangoMEAN StackNext.jsReact NativeJava / SpringData ScienceData AnalyticsMachine LearningAIDigital Marketing

Next.js

15 lessons · 100% free
1Next.js Basics
What is Next.js?Setting Up a Next.js ProjectFile-Based RoutingPages and Shared LayoutsLinking and NavigationDynamic Routes
2Rendering & Data
Rendering: CSR, SSR, SSG and ISRServer vs Client ComponentsFetching Data
3Full-Stack Next
Route Handlers (API Endpoints)Server Actions (Mutations)Metadata and SEO
4Style & Ship
Styling: CSS Modules and TailwindDeploying on Vercel
5Project
Project: A Full-Stack Blog
Framework

Next.js — Production React

The React framework for production — file-based routing, server rendering, API routes and easy deployment for fast, SEO-friendly apps.

15 lessons5 chaptersStart: What is Next.js? →

1Next.js Basics

What is Next.js?25 minSetting Up a Next.js Project30 minFile-Based Routing35 minPages and Shared Layouts35 minLinking and Navigation30 minDynamic Routes35 min

2Rendering & Data

Rendering: CSR, SSR, SSG and ISR35 minServer vs Client Components40 minFetching Data40 min

3Full-Stack Next

Route Handlers (API Endpoints)40 minServer Actions (Mutations)40 minMetadata and SEO35 min

4Style & Ship

Styling: CSS Modules and Tailwind35 minDeploying on Vercel30 min

5Project

Project: A Full-Stack Blog150 min
</>Code Kaksha

Free, hands-on coding tutorials with live, editable examples — from your first HTML tag to full-stack apps, data science and AI. Built so anyone can learn to code.

By the CodingClave team — a coding training institute in Lucknow, India.

Courses

MERN StackPHP / LaravelPython / DjangoData ScienceJava / SpringMachine LearningAll courses →

Popular Topics

HTMLCSSJavaScriptPythonReactNode.jsMySQL

CodingClave

Training Programs1:1 MentorshipAbout UsContact
© 2026 Code Kaksha — Learn to code, free.Made with ♥ in Lucknow, India