07/04/2026
1 min
Fetch data directly in Server Components with built-in caching and performance benefits.
When you fetch data in Server Components, the data is fetched and rendered on the server for each request. If you have any slow data requests, the whole route will be blocked from rendering until all the data is fetched.
To improve the initial load time and user experience, you can break the page into smaller chunks and progressively send those chunks from the server to the client. This is called streaming. See the Streaming guide for a deeper look at how streaming works, including the HTTP contract, infrastructure considerations, and performance trade-offs.
1async function getData() {
2 const res = await fetch('https://api.example.com', {
3 cache: 'force-cache'
4 });
5 return res.json();
6}Control how often data updates using incremental static regeneration.