Next.jseasy

Next.js App Router: Server Component vs Client Component — what’s the difference?

Answer

Server Components render on the server, can access backend resources directly, and don’t support client hooks/events. Client Components run in the browser, can use `useState/useEffect` and event handlers, but add JS to the bundle.

Related questions

Next.js

App Router data fetching: what do `cache: 'no-store'` and `revalidate` change?

#nextjs#fetch#cache

Next.js

Static vs dynamic rendering in the App Router: what makes a route dynamic?

#nextjs#rendering#static

Next.js

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

#nextjs#link#prefetch

Next.js

Middleware in Next.js: what is it good for and what are its limitations?

#nextjs#middleware#edge

Next.js

Route Handlers in the App Router: how do you define them and what are they used for?

#nextjs#route-handlers#api

Next.js

Cache invalidation: what do `revalidatePath` and `revalidateTag` do?

#nextjs#cache#revalidate