RSC Notes Demo

RSC Notes Demo
Type: Code
Framework: Next.js
CSS: Styled Components
Database: Redis

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

Sign In

Register

Reset Password

Please enter your username or email address, you will receive a link to create a new password via email.