🔑 Key Learning Outcomes

Understanding how to migrate api routes, pages, and nested layouts in Next.js.
Utilizing routing in the app router for a better nested layout experience.
Converting getServerSideProps into a React Server Component.
Implementing server actions.

👨‍🏫 About the Course

This course focuses on migrating an application to Next.js new app router architecture, including server components and actions. It covers the process of transitioning from the pages router to the app router, exploring various features and enhancements. The course aims to provide practical knowledge and guidance for developers looking to leverage the benefits of the Next.js app router.

🎯 Target Audience

Developers familiar with Next.js who want to explore the new app router architecture and learn how to migrate their applications effectively.

✅ Requirements

Basic familiarity with Next.js and web development concepts.
Prior experience with creating routes, api routes, and layouts in Next.js.

📖 Course Content

Fork and Clone the Next.js 13 Project to Get Started.
Set up GitHub OAuth for a Next.js 13 Application.
Set up Planetscale Main and Dev Branches and Create Tables through Prisma.
Deploy the Initial Next.js App with Vercel & Planetscale.
Walkthrough the Next.js Pages Invoice Project That Will Be Migrated.
Initialize the App Router in a Next.js Project.
Setup the Root Layout in a Next.js App Router Project.
Migrate a Next.js Pages Route to App Router.
Specify Client Components with Client-side Routing to 'use client' in Next.js App Dir.
Access Route Params from Props inside a Next.js Dynamic App Router Route.

Update Course