10 common mistakes with the Next.js App Router

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-mistak...

#nextjs #react