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

Next Migration Course Extras

As we have been doing, refactor the deposit api route handler that handles deleting a deposit into a server action.

This video has been sped up. If you want to see the code checkout to the 'solution' branch with `git checkout solution` and look in the 'final' folder in src/app/actions for the delete deposit action.

Instructor: [0:00] Your challenge now is to move this deposit ID route to a server action, change the form from using React Hook Form, and then also add the new useFormStatus hook. All right, now I'll do my walk-through.

[0:15] [background sounds only]

Course

Next Migration Course Extras

Refactor Next.js API Route for Deleting a Deposit Into a Server Action

Share this video with your friends