Watch Using the App Router in Next.js 14 Free Online - Full Video Classroom | MJ Accedemy

Pluralsight – Using the App Router in Next.js 14 2024-11

Download Course (Free)

Lecture 7/18

00:00/00:00

Lecture 7 of 18

Creating Dynamic Routes

Download Course (Free)

Course Content

0 / 18 completed

Section 1: Introducing the Next.js App Router8 videos

Handling Loading and Error States

Creating Layouts with the App Router

Meet the Next.js App Router

Creating Routed Components with the App Router

Creating Non-routed Child Components

Getting Started with the Next.js App Router

10m

Creating Dynamic Routes

4mNow Playing

Using Route Groups

Section 2: Server Components vs. Client Components6 videos

Static and Dynamic Generation with Server Components

10m

Understanding Server and Client Components

Using Server Components

Creating a Shopping Cart Context

Using Client Components

Using Server Actions

Section 3: Migrating from Pages to the App Router4 videos

Migrating Layouts

Getting Started with Migration to the App Router

Migrating getStaticProps() and getServerSideProps() Components

Migrating API Endpoints

About this Lecture

Section: Introducing the Next.js App Router • Size: 7.88 MB • Duration: 4m

Course Summary

Using the App Router in Next.js Course 14. In the dynamic world of web development, Next.js is known as one of the most popular React frameworks. As the core in the new versions of Next.js, App Router plays a very important role in the structure and performance of applications. This comprehensive course will help you to fully familiarize yourself with App Router and be able to build powerful and scalable web applications.

Course Content

0 / 18 completed

Section 1: Introducing the Next.js App Router8 videos

Handling Loading and Error States

Creating Layouts with the App Router

Meet the Next.js App Router

Creating Routed Components with the App Router

Creating Non-routed Child Components

Getting Started with the Next.js App Router

10m

Creating Dynamic Routes

4mNow Playing

Using Route Groups

Section 2: Server Components vs. Client Components6 videos

Static and Dynamic Generation with Server Components

10m

Understanding Server and Client Components

Using Server Components

Creating a Shopping Cart Context

Using Client Components

Using Server Actions

Section 3: Migrating from Pages to the App Router4 videos

Migrating Layouts

Getting Started with Migration to the App Router

Migrating getStaticProps() and getServerSideProps() Components

Migrating API Endpoints