Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/vercel/server-components-notes-demo
Experimental demo of React Server Components with Next.js. Deployed serverlessly on Vercel.
https://github.com/vercel/server-components-notes-demo
nextjs react react-server-components serverless vercel
Last synced: 2 days ago
JSON representation
Experimental demo of React Server Components with Next.js. Deployed serverlessly on Vercel.
- Host: GitHub
- URL: https://github.com/vercel/server-components-notes-demo
- Owner: vercel
- License: mit
- Created: 2020-12-25T17:02:43.000Z (almost 4 years ago)
- Default Branch: main
- Last Pushed: 2024-11-04T18:32:20.000Z (about 2 months ago)
- Last Synced: 2024-12-20T13:05:23.316Z (3 days ago)
- Topics: nextjs, react, react-server-components, serverless, vercel
- Language: TypeScript
- Homepage: https://next-rsc-notes.vercel.app
- Size: 932 KB
- Stars: 742
- Watchers: 98
- Forks: 83
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE
Awesome Lists containing this project
README
# Next.js App Router + Server Components Notes Demo
> Try the demo live here: [**next-rsc-notes.vercel.app**](https://next-rsc-notes.vercel.app).
This demo was originally [built by the React team](https://github.com/reactjs/server-components-demo). This version has been forked and modified for use with the Next.js App Router.
## Introduction
This is a demo app of a notes application, which shows the Next.js App Router with support for React Server Components. [Learn more](https://nextjs.org/docs/getting-started/react-essentials).
### Environment Variables
These environment variables are required to start this application (you can create a `.env` file for Next.js to use):
```bash
KV_URL='redis://:@:' # vercel.com/kv
SESSION_KEY='your session key'
OAUTH_CLIENT_KEY='github oauth app id'
OAUTH_CLIENT_SECRET='github oauth app secret'
```### Running Locally
1. `pnpm install`
2. `pnpm dev`Go to `localhost:3000`.
### Deploy
You can quickly deploy the demo to Vercel by clicking this link:
[![Deploy with Vercel](https://vercel.com/button)]()
## License
This demo is MIT licensed. Originally [built by the React team](https://github.com/reactjs/server-components-demo)