Skip to content
Avatar of vercelvercel/server-components-notes-demo

RSC Notes Demo

Demo of React Server Components with the Next.js App Router.

Framework
Use Case
Database
RSC Notes Demo

Next.js App Router + Server Components Notes Demo

Try the demo live here: next-rsc-notes.vercel.app.

This demo was originally built by the React team. 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.

Environment Variables

These environment variables are required to start this application (you can create a .env file for Next.js to use):

KV_URL='redis://:<password>@<url>:<port>' # 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:

License

This demo is MIT licensed. Originally built by the React team

RSC Notes Demo
Avatar of vercelvercel/server-components-notes-demo

RSC Notes Demo

Demo of React Server Components with the Next.js App Router.

Framework
Use Case
Database

Next.js App Router + Server Components Notes Demo

Try the demo live here: next-rsc-notes.vercel.app.

This demo was originally built by the React team. 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.

Environment Variables

These environment variables are required to start this application (you can create a .env file for Next.js to use):

KV_URL='redis://:<password>@<url>:<port>' # 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:

License

This demo is MIT licensed. Originally built by the React team

Unleash New Possibilities

Deploy your app on Vercel and unlock its full potential