Skip to content

RSC Notes Demo

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

Framework
Use Case
Database
Publisher ▲ Vercel
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

RSC Notes Demo

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

Framework
Use Case
Database
Publisher ▲ Vercel

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