Next.js Data Fetching and Mutating

Expert guidance on data fetching in Next.js App Router — Server Components, Streaming, Suspense, parallel/sequential patterns, and client-side fetching with React use API.

@doc-version: 16.2.6

Core Concepts

ใน App Router การดึงข้อมูลถูกออกแบบให้ทำบน Server เป็นหลัก เพราะปลอดภัยและเร็วกว่า พร้อมระบบ Streaming ที่ทยอยแสดงผลไม่ให้หน้าค้าง

Guidelines

1. การดึงข้อมูลใน Server Components (แนะนำ)

Server Components รองรับ async/await โดยตรง:

ใช้ fetch API