ImmoConnect — Guide de déploiement

1

Acheter votre nom de domaine

~10€/an · 5 minutes

OVH

7€/an

.fr · Support français · Hébergeur FR

ovh.com →

Gandi

15€/an

.fr · Éthique · Pas de pub

gandi.net →

Namecheap

8€/an

.com · Moins cher · Interface US

namecheap.com →

💡

Noms suggérés : immoconnect.fr · immo-connect.fr · monimmo.fr · trouver-mon-bien.fr
Activez toujours la protection WHOIS et le renouvellement automatique.

2

Choisir l'hébergement

Gratuit pour commencer

Vercel

Gratuit

HTTPS auto · CDN mondial · Déploiement git

Netlify

Gratuit

Simple · Forms intégrés · CDN

OVH mutualisé

3€/mois

FTP · PHP · MySQL inclus

VPS Hetzner

4€/mois

Serveur dédié · Node.js · Full control

Option A — Vercel (recommandé, 0€)

Terminal

# 1. Installer Vercel CLI
npm install -g vercel

# 2. Se placer dans le dossier
cd immoconnect/

# 3. Déployer (créer un compte Vercel si besoin)
vercel

# 4. Lier votre domaine
vercel domains add immoconnect.fr

Option B — FTP OVH / Hostinger

FileZilla FTP

# Télécharger FileZilla (filezilla-project.org)
# Connexion :
Hôte     : ftp.immoconnect.fr
Login    : (fourni par hébergeur)
MDP      : (fourni par hébergeur)
Port     : 21

# Uploader les 3 fichiers dans public_html/ ou www/ :
  index.html
  carte-dvf.html
  dashboard.html

Option C — VPS avec Nginx

Bash (SSH sur votre serveur)

# Connexion SSH
ssh root@VOTRE_IP_SERVEUR

# Installer Nginx et Node.js
apt update && apt install -y nginx
curl -fsSL https://deb.nodesource.com/setup_20.x | bash -
apt install -y nodejs

# Copier les fichiers
mkdir -p /var/www/immoconnect
scp -r pages/ root@IP:/var/www/immoconnect/

# Copier la config Nginx (fichier nginx.conf inclus)
cp nginx.conf /etc/nginx/sites-available/immoconnect
ln -s /etc/nginx/sites-available/immoconnect /etc/nginx/sites-enabled/
nginx -t && systemctl reload nginx

3

Configurer le DNS et le HTTPS

Sur votre registraire de domaine

Zone DNS (interface de votre registraire)

# Pour Vercel :
Type    Nom    Valeur
A       @      76.76.21.21
CNAME   www    cname.vercel-dns.com

# Pour votre propre serveur VPS :
Type    Nom    Valeur
A       @      VOTRE_IP_SERVEUR
A       www    VOTRE_IP_SERVEUR

⏱

La propagation DNS prend 1 à 48h. Pendant ce temps, votre site peut ne pas être accessible. C'est normal.

HTTPS gratuit sur VPS (Let's Encrypt)

Bash

apt install -y certbot python3-certbot-nginx
certbot --nginx -d immoconnect.fr -d www.immoconnect.fr
# → Entrer votre email → Accepter les CGU → OK
# Renouvellement automatique inclus ✅

4

Créer la base de données (Supabase)

Gratuit jusqu'à 500MB · PostgreSQL managé

Aller sur supabase.com → Start your project
Créer un compte (GitHub ou email)
New Project → Nommer immoconnect → Choisir une région EU (Paris)
Attendre 2 min que le projet se crée
Aller dans SQL Editor → coller le contenu de backend/schema.sql → Run
Aller dans Settings → API → copier URL et anon key

JavaScript — Intégration dans dashboard.html

// Ajouter dans le <head> de dashboard.html
<script src="https://cdn.jsdelivr.net/npm/@supabase/supabase-js@2"></script>

// Remplacer dans le <script> de dashboard.html :
const { createClient } = supabase
const sb = createClient(
  'https://VOTRE_PROJECT.supabase.co',
  'VOTRE_ANON_KEY'
)

// Charger les demandes depuis Supabase
async function loadDemandes() {
  const { data } = await sb
    .from('demandes')
    .select('*')
    .order('created_at', { ascending: false })
  demandes = data || []
  updateBadges()
  renderDashboard()
}

// Enregistrer une nouvelle demande
async function submitDemande() {
  const { data, error } = await sb
    .from('demandes')
    .insert([{
      profile: currentProfile,
      prenom: document.getElementById('fPrenom').value,
      nom: document.getElementById('fNom').value,
      email: document.getElementById('fEmail').value,
      // ... autres champs
    }])
    .select()
    .single()

  if (error) showToast('Erreur: ' + error.message, 'error')
  else {
    showToast('Demande enregistrée !', 'success')
    await loadDemandes()
  }
}

5

Emails automatiques

Confirmation aux contacts · Alertes aux agents

Utiliser EmailJS (sans serveur, directement depuis le navigateur) :

Créer un compte sur emailjs.com (gratuit : 200 emails/mois)
Add Service → Gmail ou Outlook → Autoriser
Email Templates → New Template → copier le template ci-dessous
Récupérer Service ID, Template ID, Public Key

HTML — Ajouter dans <head>

<script src="https://cdn.jsdelivr.net/npm/@emailjs/browser@3/dist/email.min.js"></script>
<script>
  emailjs.init("VOTRE_PUBLIC_KEY")
</script>

JavaScript — Envoyer email de confirmation

async function sendConfirmation(demande) {
  await emailjs.send("service_XXXXX", "template_XXXXX", {
    to_email: demande.email,
    to_name: demande.prenom + ' ' + demande.nom,
    profile: demande.profile,
    type_bien: demande.type_bien,
    budget: demande.budget_max || demande.prix
  })
}
// Appeler après submitDemande()

📧

Pour un volume plus important, utiliser Resend.com (3000 emails/mois gratuits) avec le fichier api.js inclus dans le projet.

6

Mise en ligne finale

SEO · Analytics · Mentions légales

Google Analytics (statistiques visiteurs)

HTML — Dans <head> de chaque page

<!-- Créer un compte sur analytics.google.com → récupérer G-XXXXXXXXXX -->
<script async src="https://www.googletagmanager.com/gtag/js?id=G-XXXXXXXXXX"></script>
<script>
  window.dataLayer = window.dataLayer || [];
  function gtag(){dataLayer.push(arguments);}
  gtag('js', new Date());
  gtag('config', 'G-XXXXXXXXXX');
</script>

SEO — Balises meta à ajouter dans index.html

HTML — Dans <head>

<meta name="description" content="ImmoConnect — Plateforme immobilière française. Acheteurs, vendeurs et agents. biens disponibles dans votre région.">
<meta property="og:title" content="ImmoConnect — Trouvez votre bien idéal">
<meta property="og:description" content="La plateforme qui connecte acheteurs et vendeurs en France">
<meta property="og:url" content="https://immoconnect.fr">
<link rel="canonical" href="https://immoconnect.fr">

⚖️

Obligatoire en France (RGPD) :
• Mentions légales : nom de l'éditeur, SIRET, hébergeur
• Politique de confidentialité : données collectées, durée de conservation, droits des utilisateurs
• Bandeau cookies si vous utilisez Google Analytics
→ Générer gratuitement sur legalstart.fr ou iubenda.com

Carte professionnelle

🪪

Si vous exercez une activité d'agent immobilier, vous devez disposer d'une carte professionnelle T (Transaction) délivrée par la CCI. Sans elle, vous ne pouvez pas percevoir de commissions sur des ventes.

€

Budget total estimé

Service	Gratuit	Pro (~500 demandes/mois)
Hébergement (Vercel)	✅ 0€	20€/mois
Nom de domaine	—	~10€/an
Base de données (Supabase)	✅ 0€ jusqu'à 500MB	25€/mois
Emails (EmailJS / Resend)	✅ 200-3000/mois	20€/mois
Analytics (Google)	✅ Gratuit	✅ Gratuit
TOTAL	~10€/an	~75€/mois

✓

Checklist de lancement

Cliquez pour cocher

Mettez ImmoConnect en ligne