This is a Next.js project bootstrapped with create-next-app.

Getting Started

First, run the development server:

npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun dev

Open http://localhost:3000 with your browser to see the result.

You can start editing the page by modifying app/page.tsx. The page auto-updates as you edit the file.

This project uses next/font to automatically optimize and load Geist, a new font family for Vercel.

Learn More

To learn more about Next.js, take a look at the following resources:

• Next.js Documentation - learn about Next.js features and API.
• Learn Next.js - an interactive Next.js tutorial.

You can check out the Next.js GitHub repository - your feedback and contributions are welcome!

🚀 Déploiement

Option 1 : Vercel (Recommandé) ⭐

Le moyen le plus simple de déployer votre application Next.js est d'utiliser Vercel :

1. Connectez votre compte GitHub
2. Importez le dépôt dousel-immo
3. Ajoutez les variables d'environnement :
   • NEXT_PUBLIC_SUPABASE_URL
   • NEXT_PUBLIC_SUPABASE_ANON_KEY
   • NEXT_PUBLIC_APP_URL
4. Déployez ! 🚀

👉 Déployer sur Vercel

Option 2 : GitHub Pages

⚠️ Limitation : GitHub Pages ne supporte que les sites statiques. Les fonctionnalités serveur (authentification, API routes) ne fonctionneront pas.

Pour plus de détails, consultez docs/GITHUB-PAGES-SETUP.md.

Variables d'environnement

Créez un fichier .env.local à la racine du projet :

# Supabase
NEXT_PUBLIC_SUPABASE_URL=https://votre-projet.supabase.co
NEXT_PUBLIC_SUPABASE_ANON_KEY=votre-anon-key
NEXT_PUBLIC_APP_URL=http://localhost:3000

# Google Analytics (optionnel)
NEXT_PUBLIC_GOOGLE_ANALYTICS_ID=G-HCQXTE7LS1

Note : Pour plus de détails sur la configuration Google Analytics avec consentement cookies, voir docs/GOOGLE-ANALYTICS-SETUP.md.

🤖 Configuration IA (Cursor, Claude, Antigravity)

Ce projet est configuré pour travailler efficacement avec des assistants IA.

Fichiers de Contexte

• .cursorrules / .clauderules : Règles système pour l'IA (Stack, Réutilisation, Style).
• COMPONENT_MAP.md : Carte complète des composants existants. Si ce fichier n'existe pas, générez-le :

  npm run map

Comment utiliser avec une IA externe (Claude Web, ChatGPT) ?

1. Lancez npm run map pour mettre à jour la carte.
2. Copiez le contenu de COMPONENT_MAP.md.
3. Collez-le au début de votre session de chat : "Voici la liste de mes composants, utilise-les pour la suite : ..."

Bonnes Pratiques

• Réutilisation : Toujours vérifier @/components/ui avant de créer un nouveau composant.
• Imports : Utilisez le barrel file pour les composants UI : import { Button } from "@/components/ui".