EthicsComputerCourses
Join training

Web Development Build websites and web apps, from your first HTML page to React and Next.js.

Backend Development Server-side apps and APIs with Node.js, PHP, Django, Spring Boot and ASP.NET Core.

Programming Languages Core languages for college, coding interviews and real projects.

Mobile Development Build Android and iOS apps with Flutter and Swift.

Computer Science Core Operating systems, networks, DBMS and system design for college, GATE and interviews.

Databases Store, query and design data with SQL, PostgreSQL and MongoDB.

Data Science & AI Statistics, data analysis, dashboards and machine learning.

Cloud, DevOps & Testing Containers, Kubernetes, the cloud and software testing.

Security & Systems Protect systems and work confidently on Linux servers.

IoT & Electronics Build smart devices with Arduino, sensors and Raspberry Pi.

Office, Accounts & Career Computer basics, Excel, Tally with GST and digital marketing for jobs and business.

New to coding? Start with Intro to Programming Browse all 68 tutorials
EthicsComputerCourses
Join training +91 90532 10052
  1. Tutorials
  2. Next.js Tutorial

Next.js Tutorial

Learn Next.js 16 with the App Router: routing, Server Components, caching, Server Actions, SEO and deployment.

27 free lessons Intermediate to Advanced Covers Next.js 16.4 (App Router, React 19.3)

Start the first lesson

Getting Started Intermediate

  1. 1Next.js Introduction
  2. 2Create a Next.js App
  3. 3Project Structure

Routing Intermediate

  1. 4Pages & Layouts
  2. 5Dynamic Routes
  3. 6Route Groups & Private Folders
  4. 7Link & Navigation
  5. 8Loading, Error & Not Found UI

Rendering & Data Intermediate

  1. 9Server & Client Components
  2. 10Fetching Data
  3. 11Streaming & Suspense
  4. 12Caching with use cache
  5. 13Revalidating Cached Data
  6. 14Static, Dynamic Rendering & ISR

Mutations & APIs Advanced

  1. 15Server Actions & Forms
  2. 16Route Handlers
  3. 17Proxy (formerly Middleware)

Optimising Advanced

  1. 18Metadata & SEO
  2. 19Images, Fonts & Scripts
  3. 20Styling: CSS Modules & Tailwind

Production Advanced

  1. 21Environment Variables
  2. 22Authentication Patterns
  3. 23Testing Next.js Apps
  4. 24Deploying Next.js
  5. 25Pages Router (Legacy)
  6. 26Migrating & Upgrading

Projects Project

  1. 27Project: Course Catalogue with Search

Learn Next.js with a mentor

Free lessons get you started. Our Full Stack Web Development training adds real projects and code reviews from working developers.

  • Project-based learning
  • Mentor code reviews
  • Free counselling call
Get course details +91 90532 10052