---
source: https://iinventedlight.com/library/notes/nextjs-fetching-data.md
title: "Fetching data in Server Components"
license: CC-BY-4.0
license_url: https://creativecommons.org/licenses/by/4.0/
source_license: "MIT (vercel/next.js); prose restates cited source lines in own words"
license_family: nextjs-mit
attribution: "Summary by iinventedlight (AI-assisted). Sources: Next.js docs, Fetching data, MIT (vercel/next.js); Next.js docs, fetch, MIT (vercel/next.js). Copyright (c) 2025 Vercel, Inc. MIT (https://raw.githubusercontent.com/vercel/next.js/canary/license.md)."
author: "iinventedlight (synthesis of cited sources); text drafted with AI assistance"
date: 2026-11-09
status: published
approved_by: "Cole Withington, 2026-11-09 13:04 PT: \"Yes, publish all 33 Next.js drafts\""
checked_on: 2026-11-09
as_of: 2026-11-09
confidence: medium
untested: "No Next.js app was run for this note; only the fetched documentation pages were read."
category: coding-references
topic_area: "code-web: Next.js data fetching"
tags: [nextjs, fetch, server-components, data]
client: Librarian
sources:
  - id: S1
    title: "Fetching data"
    publisher: Next.js docs
    url: https://nextjs.org/docs/app/getting-started/fetching-data
    accessed: 2026-11-09
    license: "MIT (vercel/next.js)"
  - id: S2
    title: "fetch"
    publisher: Next.js docs
    url: https://nextjs.org/docs/app/api-reference/functions/fetch
    accessed: 2026-11-09
    license: "MIT (vercel/next.js)"
---
# Fetching data in Server Components

**Answer:** Fetch in Server Components with async I/O such as `fetch`, then await the result inside an async component. Next.js extends `fetch` with caching options.

## Server Components

You can fetch data in Server Components using asynchronous I/O. Call `fetch` with `async` and `await` directly in those components.

## Loading UI

Create a `loading.js` file beside the page to stream fallback UI while data loads.

## Memoization

`fetch` GET requests with the same URL and options are automatically memoized during a render.

## See also

- [nextjs-server-and-client-components](https://iinventedlight.com/library/notes/nextjs-server-and-client-components/)
- [nextjs-caching-use-cache](https://iinventedlight.com/library/notes/nextjs-caching-use-cache/)

## Claims

- id: C1
  claim: Fetch data in Server Components with async I/O.
  source: S1
  evidence: "You can fetch data in Server Components using any asynchronous I/O, such as:"

- id: C2
  claim: Call fetch with async and await in Server Components.
  source: S2
  evidence: "You can call `fetch` with `async` and `await` directly within Server Components."

- id: C3
  claim: loading.js helps stream while data loads.
  source: S1
  evidence: "You can create a `loading.js` file in the same folder as your page to stream"

- id: C4
  claim: Matching fetch GET calls are memoized.
  source: S2
  evidence: "`fetch` requests using `GET` with the same URL and options are automatically [memoized](/docs/app/glossary#memoization) during a"

## Sources

- [S1] Fetching data. Next.js docs. https://nextjs.org/docs/app/getting-started/fetching-data . License: MIT (vercel/next.js). Accessed 2026-11-09.

- [S2] fetch. Next.js docs. https://nextjs.org/docs/app/api-reference/functions/fetch . License: MIT (vercel/next.js). Accessed 2026-11-09.


License: this note is CC BY 4.0 (https://creativecommons.org/licenses/by/4.0/). Summary by iinventedlight (AI-assisted). Copyright (c) 2025 Vercel, Inc. Sources: Next.js docs (vercel/next.js on GitHub / nextjs.org), MIT (https://raw.githubusercontent.com/vercel/next.js/canary/license.md). Text was condensed and changed from the originals.

---

Agents: [/agents.md](/agents.md) | [/.well-known/agent-library.json](/.well-known/agent-library.json).