Class Central is learner-supported. When you buy through links on our site, we may earn an affiliate commission.

Pluralsight

Using the App Router in Next.js 14

via Pluralsight

Overview

The App Router is core to modern Next.js apps. Learn to master the App Router as you explore file organization, nested layouts, route groups, loading and error states, server vs. client components, and migrating older projects.

Building modern Next.js applications can be challenging when managing project organization, complex routing, and server-side communication. In this course, Using the App Router in Next.js 14, you’ll learn to create robust and scalable web applications. First, you'll compare the old Page Router to the new App Router and explore how to use the App Router to organize files and implement naming patterns for clarity and maintainability. Next, you’ll discover how to use nested layouts and route groups, manage component loading and error states, and use server and client components. Finally, you'll learn how to migrate old Page Router applications to use the new App Router. When you’re finished with this course, you’ll have the skills and knowledge of the Next.js App Router needed to build and migrate high-performance Next.js web applications.

Syllabus

  • Introducing the Next.js App Router 36mins
  • Server Components vs. Client Components 34mins
  • Migrating from Pages to the App Router 19mins

Taught by

Jim Cooper

Reviews

Start your review of Using the App Router in Next.js 14

Never Stop Learning.

Get personalized course recommendations, track subjects and courses with reminders, and more.

Someone learning on their laptop while sitting on the floor.