Next.js App Router: routing và data fetching

App Router là gì?

Next.js 13+ App Router dựa trên thư mục: app/page.tsx là trang chủ, app/posts/[slug]/page.tsx là trang động. Layout chung, loading và error boundary theo segment. Server Component mặc định, Client Component khi cần interact hoặc hook.

Data fetching trên server

Trong Server Component, async function: fetch trực tiếp hoặc gọi service. Không cần useEffect; Next cache fetch theo mặc định. Revalidate với revalidatePath hoặc revalidateTag khi có mutation. Dynamic segment (slug) cho phép generateMetadata và generateStaticParams.