Fetching Data in Next.js Server Components with fetch()

One of the coolest features is the ability to fetch data directly in Server Components. It's simple, efficient, and keeps your frontend lean.

✅ Why this matters:

- No client-side loading spinners (SSR does the job)

- Faster Time to First Byte (TTFB)

- Easier SEO optimization

- Cleaner separation between server and client logic

Just turn your component into an async function and use the native fetch() API like this:

It's a request from server to server.
→ No Logs of Network Request
→ No Logs of Data on Client

PS: It's a simple example.