Next.js 12 React Server Components Demo (Alpha)

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

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:

Introducing Zero-Bundle-Size React Server Components
Everything About React Server Components
Docs of React Server Components in Next.js

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.

Technical Details

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

Running Locally

yarn install
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.

liuderchi / next-react-server-components