Next.js Development

Course overview

Go beyond React basics and learn how production Next.js applications are structured: server and client components, routing, data fetching, caching, authentication, metadata and deployment.

What you will learn

• Choose between server and client components and explain the trade-offs
• Fetch, cache and revalidate data correctly
• Build forms and mutations with server actions and API routes
• Add authentication, metadata and structured data for SEO
• Deploy a Next.js application to a server

Syllabus

1. Module 1: Next.js foundations

   • App Router
   • Layouts and routing
   • Server and client components

2. Module 2: Data and caching

   • Fetching data
   • Caching and revalidation
   • Database access

3. Module 3: Mutations and APIs

   • Server actions
   • Route handlers
   • Validation

4. Module 4: SEO and performance

   • Metadata API
   • Sitemaps and structured data
   • Images and Core Web Vitals

5. Module 5: Authentication and deployment

   • Sessions and roles
   • Environment configuration
   • Deploying and monitoring

Projects and assignments

• An SEO-ready business website with an admin area
• An authenticated dashboard backed by a database

Instructor

Amol Kharate

Founder and technical lead at FenvoraTech. Senior full-stack developer with 10+ years of experience building SaaS platforms, e-commerce systems and REST APIs with React, Next.js, Node.js and Laravel.