Get in Touch

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 using React Context and hooks

Performance Optimisation

  • Techniques for optimising load times and Core Web Vitals
  • Best practices for image optimisation 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
  • Leveraging the Next.js community and resources for ongoing support

Summary and Next Steps

Requirements

  • A solid understanding of JavaScript ES6 and React fundamentals
  • Familiarity with web development concepts and workflows
  • Experience with server-side rendering and static site generation is advantageous

Audience

  • Web developers
  • React developers
  • Technical leads and architects
 21 Hours

Number of participants


Price per participant

Testimonials (1)

Provisional Upcoming Courses (Require 5+ participants)

Related Categories