Vigenia — créateur de boutiques Shopify par IA

Décris ton produit : l'IA pose la stratégie (marché, promesse, offres, objections), construit la boutique (marque, pages, fiches produits, FAQ, visuels), la publie sur Shopify, puis l'optimise chaque jour.

Lancer en local

npm install
cp .env.example .env.local
npm run dev          # http://localhost:3000

Par défaut, NEXT_PUBLIC_API_MODE=mock : toute l'application fonctionne avec des données de démonstration stockées dans le navigateur (compte, boutiques, chat, publication, abonnement). Passe en live quand le back-end est configuré.

Documentation

• docs/CLES-ET-COMPTES.md — les comptes à créer et où trouver chaque clé (Supabase, Claude, Shopify, paiement par Shopify).
• docs/BACKEND.md — les routes d'API, la base de données et le fonctionnement du back-end.

Structure

Dossier	Contenu
app/(site)	Site public : accueil, produit, exemples, tarifs, démo, blog, outils, affiliation, légal…
app/(auth)	Connexion, inscription, mot de passe oublié
app/app	Espace client : accueil, boutiques, éditeur IA, studio, pilotage, abonnement, paramètres
app/api	Routes du back-end
components/ui	Design system (boutons, apparitions au défilement, lumière, retours d'état)
components/site, components/app	Composants du site et de l'application
lib/api	Contrat d'API (types.ts), client (client.ts), back-end simulé (mock.ts)
lib/content	Textes du site : FAQ, tarifs, exemples, blog, nouveautés, pages légales
lib/site.ts	Nom de la marque et coordonnées

Design

Palette Shopify (blanc, gris neutres, vert #008060), titres en Bricolage Grotesque, texte en Figtree, une seule couleur d'accent. Les sections apparaissent au défilement (components/ui/Reveal.tsx), certaines animations suivent la position de défilement (components/ui/useScrollProgress.ts). Toutes les animations respectent le réglage « réduire les animations » du système.

Vidéos de démonstration

Les vidéos de la landing (public/videos) sont de vraies captures de l'application, enregistrées avec scripts/record-demo-videos.mjs (Playwright). Pour les refaire après un changement d'interface : lance l'app en mode démo sur le port 3300 (npm run build && npx next start -p 3300), puis node scripts/record-demo-videos.mjs public/videos.