Superheroes Demo

Server-side Fetched Superheroes

  • Batman
  • superman
  • the flash
  • Green Lanter
  • Robin
  • Nightwing

Client-side Fetched Superheroes

Loading superheroes...

Key Differences

Server-side Implementation

  • Uses Next.js Server Actions
  • No client-side state management
  • Automatic page revalidation
  • Progressive enhancement - works without JS

Client-side Implementation

  • Uses client-side fetch API
  • Manages loading and error states
  • Immediate UI feedback
  • Requires JavaScript
Turborepo
Turborepo logo

Docs ->

Find in-depth information about Turborepo features and API.

Learn ->

Learn more about monorepos with our handbook.

Templates ->

Choose from over 15 examples and deploy with a single click.

Deploy ->

Instantly deploy your Turborepo to a shareable URL with Vercel.