Next.jseasy

What is code splitting and how does `dynamic()` help in Next.js?

Answer

Code splitting loads code only when needed instead of shipping one big bundle. `next/dynamic` lets you lazy-load heavy components (and optionally disable SSR for them), improving initial load performance.

Related questions

Next.js

`next/link` prefetching: what does it do and how can you control it?

#nextjs#link#prefetch

Next.js

Browser-only library in App Router: how do you use it without breaking SSR/Server Components?

#nextjs#server-components#client-components

Next.js

What does `next/font` solve and how does it reduce layout shift (CLS)?

#nextjs#fonts#performance

Next.js

What does `next/image` do for you (and why use it)?

#nextjs#images#performance

Next.js

Edge runtime vs Node.js runtime in Next.js — when choose which?

#edge#runtime#nodejs

Next.js

Name two practical ways to improve Next.js performance.

#performance#bundling#next-image