Skip to content

React Server Components

Experimental demo of React Server Components with Next.js.

Framework Next.js, React
Use Case Starter
CSS CSS-in-JSX
Publisher ▲ Vercel

Next.js 12 React Server Components Demo (Alpha)

Try the demo live here: next-rsc-hn.vercel.app.

Warning This demo is built for showing what features that Server Components provide and what the application structure might look like. It's not ready for production adoption, or performance benchmarking as the underlying APIs are not stable yet, and might change or be improved in the future.

Introduction

This is a demo app of the Hacker News website clone, which shows Next.js 12's experimental React Server Components support. We recommend you taking a look at these links, before trying out the experimental feature:

Technical Details

This Next.js application uses React 18 (RC build) and the new Edge Runtime. It has runtime set to 'experimental-edge' and feature flag serverComponents enabled. You can check out next.config.js for more details.

Running Locally

  1. yarn install
  2. yarn dev

Go to localhost:3000.

Deploy

You can quickly deploy the demo to Vercel by clicking this link:

License

This demo is MIT licensed.

React Server Components

Experimental demo of React Server Components with Next.js.

Framework Next.js, React
Use Case Starter
CSS CSS-in-JSX
Publisher ▲ Vercel

Next.js 12 React Server Components Demo (Alpha)

Try the demo live here: next-rsc-hn.vercel.app.

Warning This demo is built for showing what features that Server Components provide and what the application structure might look like. It's not ready for production adoption, or performance benchmarking as the underlying APIs are not stable yet, and might change or be improved in the future.

Introduction

This is a demo app of the Hacker News website clone, which shows Next.js 12's experimental React Server Components support. We recommend you taking a look at these links, before trying out the experimental feature:

Technical Details

This Next.js application uses React 18 (RC build) and the new Edge Runtime. It has runtime set to 'experimental-edge' and feature flag serverComponents enabled. You can check out next.config.js for more details.

Running Locally

  1. yarn install
  2. yarn dev

Go to localhost:3000.

Deploy

You can quickly deploy the demo to Vercel by clicking this link:

License

This demo is MIT licensed.

Unleash New Possibilities

Deploy your app on Vercel and unlock its full potential