Ella Griechische Produkte & Feinkost

Schlanke One-Page-Website mit mediterranem Look, Platzhaltergalerie, separaten Rechtstext-Seiten und einem privaten Admin-Bereich für Tagesmenü und leichte Seiteninhalte.

Stack

• Vite für die statische Website
• Plain HTML, CSS und JavaScript für eine einfache Übergabe
• Supabase für Admin-Login, Tagesmenü und einfache Seiteninhalte
• Empfohlenes Hosting: Vercel

Lokal starten

1. Abhängigkeiten installieren: npm install
2. Umgebungsvariablen vorbereiten: cp .env.example .env
3. Entwicklungsserver starten: npm run dev

Vercel Livegang

1. Projekt in ein Git-Repository pushen.
2. In Vercel ein neues Projekt importieren und das Repository verbinden.
3. Framework Preset auf Vite lassen.
4. Diese Umgebungsvariablen in Vercel setzen: VITE_SUPABASE_URL=... VITE_SUPABASE_ANON_KEY=... VITE_SITE_URL=https://ella-griechische-produkte.de VITE_ADMIN_EMAILS=kundenmail@beispiel.de
5. Domain ella-griechische-produkte.de in Vercel verbinden.
6. DNS beim Domain-Anbieter nach Vercel-Vorgabe setzen.
7. Nach dem ersten Deploy testen: https://ella-griechische-produkte.de https://ella-griechische-produkte.de/admin/ https://ella-griechische-produkte.de/impressum.html https://ella-griechische-produkte.de/datenschutz.html

Supabase einrichten

Die empfohlene und bereits vorbereitete Variante ist:

1. Neues Supabase-Projekt erstellen.
2. Unter Authentication > URL Configuration eintragen: Site URL: https://ella-griechische-produkte.de Redirect URL: https://ella-griechische-produkte.de/admin/
3. Unter Authentication > Providers > Email den E-Mail-Login aktiv lassen.
4. Unter Project Settings > API URL und anon key in .env setzen.
5. .env (lokal) bzw. Vercel Env mit folgenden Werten pflegen: VITE_SUPABASE_URL=... VITE_SUPABASE_ANON_KEY=... VITE_SITE_URL=https://ella-griechische-produkte.de VITE_SUPABASE_STORAGE_BUCKET=site-media VITE_ADMIN_EMAILS=kundin@beispiel.de (optional für UI-Whitelist)
6. Im Supabase SQL Editor den Inhalt aus supabase/setup.sql ausführen.
7. Danach in Supabase die erlaubten Admin-Mails setzen: insert into public.admin_emails (email) values ('kundin@beispiel.de') on conflict do nothing;
8. In Authentication > Users denselben Admin als echten Auth-User mit Passwort anlegen.

Details und Checkliste: supabase/SUPABASE-SETUP.md

Privater Admin-Bereich

• Admin-URL: https://ella-griechische-produkte.de/admin/
• Login per E-Mail und Passwort
• Optional: nur freigegebene E-Mail-Adressen über VITE_ADMIN_EMAILS
• Nach dem Login kann die Kundin 4 bis 5 Tagesgerichte plus Preise ändern
• Zusätzlich kann sie Hero-Text, Kontaktdaten, Öffnungszeiten und Galerie-Beschriftungen anpassen
• Solange niemand eingeloggt ist, bleibt der Editor ausgeblendet

Handover für die Kundin

• Website auf Vercel deployen
• Domain ella-griechische-produkte.de verbinden
• Kundin bekommt genau eine Admin-URL: https://ella-griechische-produkte.de/admin/
• Anmeldung erfolgt nur per E-Mail-Magic-Link
• Im Admin-Bereich pflegt sie Tagesmenü, Kontaktinfos, Öffnungszeiten und leichte Inhalte

Vor Livegang noch ersetzen

• Logo-Datei einbauen
• Echte Galerie-Fotos einsetzen
• Finale Impressum- und Datenschutztexte eintragen
• Falls gewünscht: öffentliche E-Mail-Adresse anpassen