Server Functions & Components Test

This page demonstrates Server Components and Server Functions in Next.js. All data fetching and computation happens on the server.

Server Component Fetch

Fetched from external API on the server:

sunt aut facere repellat provident occaecati excepturi optio reprehenderit

quia et suscipit suscipit recusandae consequuntur expedita et cum reprehenderit molestiae ut ut quas totam nostrum rerum est autem sunt rem eveniet architecto

Server Function Results

Computation Time:
301ms
Node Version:
v24.3.0
Platform:
linux
Heap Used:
41 MB

Key Features

  • Server Components run only on the server (no JavaScript sent to client)
  • Can directly access server resources (databases, file system, etc.)
  • Server Functions can perform async operations and computations
  • Reduced client bundle size
  • Better security (API keys never exposed to client)