YoVDO

Next Migration Course Extras

Offered By: egghead.io

Tags

Next.js Courses Server Actions Courses

Course Description

Overview

> _**As new features are added to Nextjs app router that do not fall within the scope of the main course, these lessons will be updated and more will be added**_ How to use this course: This course is meant to be a supplemental course for the [Next Migrate Course](https://egghead.io/courses/migrate-next-js-application-to-app-router-c4b31d29). The lessons match up as follows: - The two 'primer' lessons follow the 'Initialize The App Router' lesson in the Next Migration Course. - The 'migrating routes/pages' lessons (3 & 4) match up with the migrating routes lessons (sales, customer routes, and deposit route) - The migrating route handler and api routes lessons follow the migration of customer api routes from the main course - The refactoring of api routes to server components lessons follow "Refactor Customer Id Api Route Handler to Server Component" lesson - The refactoring to server actions lessons follow/fall within the main course refactoring to server action lessons

Syllabus

  • Primer on Next.js App Router Nested Layouts
  • Primer on Dynamic Routing in the Next.js App Router
  • Migrate Invoice Routes to Next.js App Router
  • Migrate Remaining Next.js Pages to App Router
  • Migrate UploadThing Route Handler to Next.js App Router
  • CHALLENGE: Migrate Remaining Pages Api Routes
  • Refactor React Invoice Client Components in Next.js
  • Refactor Next.js User Info Api Route into React Server Components
  • Refactor Invoice POST Handler to Next.js Server Action
  • Refactor Next.js API Route for Deleting a Deposit Into a Server Action
  • Refactor Create Deposit Api Route into a Next.js Server Action

Taught by

Ben Patton

Related Courses

Build a Twitter Clone with the Next.js App Router and Supabase
egghead.io
Migrate Next.js Application to App Router
egghead.io
Working with Data in React
Pluralsight
Build an Expense Tracker with Next.js, TypeScript, Prisma, Neon, and Clerk
Traversy Media via YouTube
Build and Deploy a Full Stack AI SaaS Platform with Next.js 14, TypeScript, and Stripe
JavaScript Mastery via YouTube