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: about 2 months 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 (over 3 years ago)
• Default Branch: main
• Last Pushed: 2023-10-29T18:42:05.000Z (11 months ago)
• Last Synced: 2024-06-03T02:33:51.458Z (4 months ago)
• Topics: nextjs, react, react-server-components, serverless, vercel
• Language: TypeScript
• Homepage: https://next-rsc-notes.vercel.app
• Size: 924 KB
• Stars: 726
• Watchers: 93
• Forks: 80
• 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 Next.js 13's 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)