Data Fetching (App Router)

Priority: P0 (CRITICAL)

[!WARNING] Covers App Router fetch only. For pages/ directory: use getServerSideProps / getStaticProps. Ignore native fetch caching advice below.

Fetch data directly in Server Components using async/await.

Strategies

• Static: Build-time. fetch(url, { cache: 'force-cache' }).
• Dynamic: Request-time. fetch(url, { cache: 'no-store' }) or cookies().
• Revalidated: fetch(url, { next: { revalidate: 60 } }).

Patterns