https://github.com/netlify/full-react-server-demo
https://github.com/netlify/full-react-server-demo
Last synced: about 2 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/netlify/full-react-server-demo
- Owner: netlify
- Created: 2021-01-02T22:41:38.000Z (over 4 years ago)
- Default Branch: main
- Last Pushed: 2023-03-10T09:53:37.000Z (over 2 years ago)
- Last Synced: 2025-05-01T00:30:50.889Z (about 2 months ago)
- Language: JavaScript
- Size: 285 KB
- Stars: 45
- Watchers: 6
- Forks: 1
- Open Issues: 3
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
- awesome-list - full-react-server-demo
README
# React Server Components Demo on Netlify
This is an adapted version of the official [React Server Components demo](https://github.com/reactjs/server-components-demo) that runs on Netlify using Netlify Functions.
Note that Server Components in general should be treated as experimental and it's not recommended to use this as a starting point for any real world production applications at this point.
## Getting Started
Make sure you have an internet reachable Postgres database that you're not too worried about. The demo app has no authentication or the like, so anyone with the URL can add and edit notes. One easy option is to setup a free [Database on Heroku](https://www.heroku.com/postgres) to play with.
Once you have that in place, copy the Postgress URI to the clipboard and you're ready to Deploy to Netlify:
[
](https://app.netlify.com/start/deploy?repository=https://github.com/netlify/full-react-server-demo)
Enter your Postgress URI for the PG_URI when prompted.
To run locally, clone your new repository to your local machine and from there run:
```
npm i
netlify dev
```
Note that there's currently no live reloading or the like, PRs to improve the experience will be welcomed.