How does data fetching work in Next.js App Router?

Next.js App Router uses native async/await patterns for data fetching inside Server Components. Developers can fetch data directly inside components without creating separate API layers. Next.js extends the fetch API with caching and revalidation options, allowing developers to control whether data is cached, refreshed, or always fetched dynamically.