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.