Go to supabase.com and create a free account

Open your browser and go to supabase.com. Click "Start your project" and sign up with your email or GitHub account. The free tier gives you 500MB of storage and up to 50,000 monthly active users — more than enough to launch and grow MisePasse to hundreds of restaurants.

Create a new project

Once logged in, click "New project". Give it a name like misepasse-prod. Choose the region closest to where your restaurants are located (e.g. US East for East Coast). Set a strong database password and save it somewhere safe — you won't need it often but you must not lose it. Click "Create new project" and wait about 60 seconds for it to spin up.

Open the SQL Editor and run the setup script

In your Supabase project, click "SQL Editor" in the left sidebar. Click "New query". Copy and paste the entire script below into the editor, then click "Run".

-- MisePasse database setup script
-- Run this once in Supabase SQL Editor

create table if not exists restaurant_data (
  id           uuid default gen_random_uuid() primary key,
  restaurant_id text not null,
  section       text not null,
  data          jsonb not null default '{}',
  updated_at    timestamptz default now(),
  unique(restaurant_id, section)
);

-- Row Level Security — each restaurant only sees its own data
alter table restaurant_data enable row level security;

-- Read: only your own restaurant
create policy "Users read own data"
on restaurant_data for select
using (restaurant_id = auth.uid()::text);

-- Insert: only your own restaurant
create policy "Users insert own data"
on restaurant_data for insert
with check (restaurant_id = auth.uid()::text);

-- Update: only your own restaurant
create policy "Users update own data"
on restaurant_data for update
using (restaurant_id = auth.uid()::text);

-- Delete: only your own restaurant
create policy "Users delete own data"
on restaurant_data for delete
using (restaurant_id = auth.uid()::text);

-- Speed up queries
create index if not exists idx_restaurant_data_rid
on restaurant_data(restaurant_id);

-- Enable realtime sync across devices
alter publication supabase_realtime add table restaurant_data;

✓ You should see "Success. No rows returned" — that means it worked.
⚠ If you ran an older version of this script, run this to remove the open policy first: DROP POLICY IF EXISTS "Public access for app data" ON restaurant_data;

Find your Project URL and anon key

In your Supabase project, click Settings (gear icon) → API. You will see two things you need:

Important: Use only the anon/public key — never the service_role key. The anon key is safe to put in your app code.

Edit the two lines at the top of the app's JavaScript

Open the MisePasse HTML file in a text editor (Notepad on Windows, TextEdit on Mac, or VS Code). Search for SUPABASE_URL. You will find these two lines near the top of the <script> section:

const APP_VERSION = 'MISEPASSE_BUILD_2026_V12'; const SUPABASE_URL = 'https://yhoxsxemumydhfnfvaih.supabase.co';
const SUPABASE_KEY = 'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJpc3MiOiJzdXBhYmFzZSIsInJlZiI6Inlob3hzeGVtdW15ZGhmbmZ2YWloIiwicm9sZSI6ImFub24iLCJpYXQiOjE3NzYyNzQzMTEsImV4cCI6MjA5MTg1MDMxMX0.LGtNw-1n4Ko7foEkda7zRIbfApls9ryMCCQLKXGKQZ4'; // Edge function routing removed — using local getCategoryStation()

Replace YOUR_SUPABASE_URL with your Project URL and YOUR_SUPABASE_ANON_KEY with your anon key. Keep the single quotes around each value. Save the file.

// After editing it should look like this:
const SUPABASE_URL = 'https://abcdefghijk.supabase.co';
const SUPABASE_KEY = 'eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9...';

Deploy to Cloudflare Pages (free)

1. Go to pages.cloudflare.com and create a free account.

2. Click "Create a project" → "Upload assets".

3. Give it a name like misepasse. Drag and drop your edited HTML file into the upload area. Click "Deploy site".

4. In about 30 seconds you'll get a live URL like misepasse.pages.dev. Every device that opens that URL will share the same cloud data in real time.

5. To use your own domain (misepasse.com): go to the Custom Domains tab in Cloudflare Pages and follow the 3-step wizard. It takes about 5 minutes.

Test real-time sync across two devices

1. Open the app URL on your phone.

2. Open the same URL on a second device (laptop, tablet, or second phone).

3. Log in as Manager on one device and Server on the other — use the same restaurant name on both.

4. On the manager device, go to Shift Setup and add a special. On the server device, check the floor map — the shift note banner should appear within 1–2 seconds automatically.

5. Look for the ☁ Synced indicator that briefly appears after any save — that confirms cloud sync is working.

✓ If both devices update automatically, you're fully set up. MisePasse is production-ready.

Walk-in / To Go

Counter order — no table needed