10 common mistakes with the Next.js App Router

Video Description

After talking to hundreds of developers and looking at thousands of Next.js repositories, I've noticed ten common mistakes when building with the Next.js App Router. This video will share why these mistakes can happen, how to fix them, and some tips to help you understand the new App Router model. 0:00 – Introduction 0:13 – Calling Route Handlers from Server Components 1:59 – Static or dynamic Route Handlers 7:00 – Route Handlers and Client Components 9:03 – Using Suspense with Server Components 12:35– Using the incoming request 13:59 – Using Context providers with App Router 15:10 – Using Server and Client Components together 15:41 – Adding “use client” unnecessarily 17:51 – Not revalidating data after mutations 19:11 – Redirects inside of try/catch blocks https://vercel.com/blog/common-mistakes-with-the-next-js-app-router-and-how-to-fix-them #nextjs #react