Course Outline

Introduction to Next.js 14

  • What's new in Next.js 14?
  • Setting up the development environment
  • Exploring the Next.js directory structure and configuration

Deep Dive into New Features

  • Understanding Middleware and its use cases
  • Implementing React Server Components
  • Working with Edge Functions for enhanced performance

Building a Full-Fledged Application

  • Structuring a Next.js project for scalability
  • Advanced routing and dynamic pages
  • State management with React Context and hooks

Performance Optimization

  • Techniques for optimizing load times and Core Web Vitals
  • Best practices for image optimization and lazy loading
  • Deploying and monitoring a Next.js application

Troubleshooting and Debugging

  • Common pitfalls and how to avoid them
  • Debugging Next.js applications effectively
  • Utilizing the Next.js community and resources for ongoing support

Summary and Next Steps


  • Solid understanding of JavaScript ES6 and React basics
  • Familiarity with web development concepts and workflows
  • Experience with server-side rendering and static site generation is a plus


  • Web developers
  • React developers
  • Technical leads and architects


 21 Hours

Number of participants

Price per participant

Testimonials (1)