|
1 | 1 | # Next.js 12 React Server Components Demo (Alpha)
|
2 | 2 |
|
3 |
| -Try the demo live here: [**next-rsc-hn.vercel.app**](https://next-rsc-hn.vercel.app). |
| 3 | +Try the demo live here: [**https://next-plugin-rsc-demo.netlify.app**](https://next-plugin-rsc-demo.netlify.app). |
4 | 4 |
|
5 | 5 | ## Introduction
|
6 | 6 |
|
7 |
| -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: |
| 7 | +This is a demo app of the Hacker News website clone, which shows Next.js 12's experimental React Server Components |
| 8 | +support. We recommend you taking a look at these links, before trying out the experimental feature: |
8 | 9 |
|
9 | 10 | - [**Introducing Zero-Bundle-Size React Server Components**](https://reactjs.org/blog/2020/12/21/data-fetching-with-react-server-components.html)
|
10 | 11 | - [**Everything About React Server Components**](https://vercel.com/blog/everything-about-react-server-components)
|
11 | 12 | - [**Docs of React Server Components in Next.js**](https://nextjs.org/docs/advanced-features/react-18#react-server-components)
|
12 | 13 |
|
13 |
| -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. |
| 14 | +This demo is built for showing what features that Server Components provide and what the application structure might |
| 15 | +look like. **It's not ready for production adoption, or performance benchmarking** as the underlying APIs are not stable |
| 16 | +yet, and might change or be improved in the future. |
14 | 17 |
|
15 | 18 | ## Technical Details
|
16 | 19 |
|
17 |
| -This Next.js application uses React 18 (RC build) and the new [Edge Runtime](https://nextjs.org/docs/api-reference/edge-runtime). It has `runtime` set to `'edge'` and feature flag `serverComponents` enabled. You can check out [next.config.js](https://github.com/vercel/next-react-server-components/blob/main/next.config.js) for more details. |
| 20 | +This Next.js application uses React 18 (RC build) and the new |
| 21 | +[Edge Runtime](https://nextjs.org/docs/api-reference/edge-runtime). It has `runtime` set to `'edge'` and feature flag |
| 22 | +`serverComponents` enabled. You can check out |
| 23 | +[next.config.js](https://github.com/vercel/next-react-server-components/blob/main/next.config.js) for more details. |
18 | 24 |
|
19 | 25 | ### Running Locally
|
20 | 26 |
|
|
0 commit comments