NextPlayground

Sign in to explore cutting-edge Next.js features with interactive examples

Getting Started

Follow these steps to set up your own playground

Terminal

# Clone and install dependencies

git clone https://github.com/rmcguiness/next-playground.git
cd next-playground
npm install

# Run the development server

npm run dev
Browser

# Connect to Supabase

create a project at supabase.com
get your project URL and anon key from the project settings
add these to your .env.local file

# Open your browser

http://localhost:3000

Subjects Include

Suspense vs Loading Layout patterns

Promise-based Modal implementations

Dynamic Navbar with Supabase Auth

Jest and React Testing Library