# Darija Duo — mise en ligne
## 1. Créer la base Supabase (gratuit, 2 minutes)
1. Va sur
supabase.com → « Start your project » → connecte-toi (Google/GitHub).
2. Crée un nouveau projet (nom libre, ex: `darija-duo`, choisis un mot de passe, région Europe).
3. Une fois le projet créé, va dans l'onglet **SQL Editor** (menu de gauche) et colle ceci, puis « Run » :
```sql
create table darija_state (
id text primary key,
value jsonb,
updated_at timestamptz default now()
);
alter table darija_state enable row level security;
create policy "public read/write" on darija_state
for all
using (true)
with check (true);
```
Cette politique rend la ligne lisible/écrivable par tout le monde qui a l'URL — c'est volontairement simple puisque vous n'êtes que deux à utiliser l'app et qu'il n'y a pas de données sensibles dedans.
4. Va dans **Project Settings → API**. Copie :
- `Project URL` → tu en auras besoin pour `VITE_SUPABASE_URL`
- `anon public` key → pour `VITE_SUPABASE_ANON_KEY`
## 2. Configurer le projet en local
1. Renomme `.env.example` en `.env` et colle tes deux valeurs Supabase dedans.
2. Installe les dépendances et teste en local :
```bash
npm install
npm run dev
```
Ouvre le lien affiché (généralement
localhost) pour vérifier que ça marche.
## 3. Déployer sur Netlify
**Option A — via l'interface Netlify (le plus simple) :**
1. Mets ce dossier dans un dépôt GitHub (crée un repo, push le code).
2. Sur
app.netlify.com → « Add new site » → « Import an existing project » → connecte ton repo GitHub.
3. Netlify détecte automatiquement `npm run build` et le dossier `dist` (grâce à `netlify.toml`).
4. Avant de cliquer sur « Deploy », va dans **Site settings → Environment variables** et ajoute :
- `VITE_SUPABASE_URL`
- `VITE_SUPABASE_ANON_KEY`
5. Déploie. Tu obtiens une URL du type `
ton-nom.netlify.app`.
**Option B — glisser-déposer rapide (sans GitHub) :**
1. En local : `npm install && npm run build` (ça crée un dossier `dist`).
2 …