Next.js 16 + Supabase

Minimal full-stack message board

This worktree now contains a minimal App Router project with a single API route backed by Supabase. Add your environment variables, create the messages table, and the page is ready to run.

Front end

A client component handles loading, form submission, and error states.

API route

/api/messages exposes GET and POST handlers inside the App Router.

Database

Supabase stores messages in PostgreSQL and returns the newest items first.

Setup flow

  1. 1. Copy .env.example to .env.local.
  2. 2. Paste your Supabase project URL and publishable key.
  3. 3. Run the SQL in supabase/schema.sql inside the Supabase SQL editor.
  4. 4. Start the app with npm run dev.

Live demo

Guestbook

Checking...

0/280 characters

Recent messages

0 items
Loading messages...