Next.js performance tipes

Ensure dynamic routes have a loading.tsx file

If you don’t add a loading.tsx file, navigations to a dynamic route mean the user must wait for the entire server response before they’re navigated to the new route.

Having a loading.tsx for dynamic routes means Next.js can partially render the loading UI whilst the rest of the page is ready to render.

Deduplicate requests with React.cache

See here.

See additional tips

See here