Next.js App Router — study notes

The App Router brings React Server Components to Next.js.

Server vs Client components

• Components are server by default — they can be async and fetch data directly.
• Add "use client" only when you need state, effects or browser APIs.

export default async function Page() {
  const data = await getData()
  return <main>{data.title}</main>
}