Best Frontend Courses LogoBest Frontend Courses
    • AI
    • Accessibility
    • Algorithms
    • Angular
    • Architecture
    • Astro
    • Auth
    • CSS
    • Firebase
    • Game Development
    • Gatsby
    • Git
    • GraphQL
    • HTML
    • Ionic
    • JavaScript
    • Jotai
    • MobX
    • Native
    • Netlify
    • Next.js
    • Nx
    • Performance
    • Prisma
    • React
    • React Native
    • Redux
    • Remix
    • Rx.js
    • SCSS/Sass
    • SolidJS
    • Storybook
    • Supabase
    • Svelte
    • Tailwind
    • Testing
    • TypeScript
    • Vue.js
    • XState
    • jQuery
    • p5.js
  • Add Course
  • Login

Copyright Š 2025Best Frontend Courses. All rights reserved.

  • Categories
  • Instructors
  • Terms of Service
  • Privacy Policy
  • Feedback
  1. Home
  2. Next.js
  3. Next Migration Course Extras
Next.js
Video

Next Migration Course Extras

by Ben Patton
Enroll
đŸ•šī¸ Levels: 😎 Intermediate
âŗ Duration: 0.5 hours
🤑 Price: Free
🧑‍đŸ’ģ Learning Platform: Egghead.io
🧑‍🎓 Certificate: No

🔑 Key Learning Outcomes

  • Understanding Next.js App Router.
  • Migrating pages and API routes in Next.js.
  • Refactoring React components in Next.js.
  • Implementing server actions in Next.js.

👨‍đŸĢ About the Course

This course provides extra lessons as a supplement to the Next Migration Course. It covers topics like dynamic routing, migrating routes, and refactoring components and API routes in Next.js.

đŸŽ¯ Target Audience

  • Developers familiar with Next.js looking to deepen their understanding of the app router and improve their migration and refactoring skills.

✅ Requirements

  • Basic knowledge of Next.js.
  • Familiarity with React components and API routes.

📖 Course Content

  • 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.
Update Course

Drop a comment

Next Migration Course Extras by Ben Patton

Log in to leave a feedback

Login

👇 Psst! Interested in More Next.js Courses?

Next.jsNext.js

Intermediate Next.js
Video

by Scott Moss

đŸ•šī¸ Levels: 😎 Intermediate

âŗ Duration: 3.5 hours

🤑 Price: Subscription

🧑‍đŸ’ģ Learning Platform: Frontend Masters

Next.jsNext.jsPrismaPrisma

Build a Full-Stack App with Prisma
Video

by Xiaoru Li

đŸ•šī¸ Levels: 🌱 Beginner, 😎 Intermediate

âŗ Duration: 0.5 hours

🤑 Price: Free

🧑‍đŸ’ģ Learning Platform: Egghead.io

ReactReactNext.jsNext.js

Using DynamoDB with Next.js
Video

by Lee Robinson

đŸ•šī¸ Levels: 😎 Intermediate

âŗ Duration: 0.5 hours

🤑 Price: Free

🧑‍đŸ’ģ Learning Platform: Egghead.io

🔙 Back to Next.js Category