Aller au contenu
ApexService - Studio
Logo DJ Mélo — Rakoto Service

DJ Mélo — Rakoto Service

Refaire un site de DJ de mariage que Google ne voyait pas

Un site haut de gamme, lisible par les moteurs de recherche, hébergé pour zéro euro par mois et construit en quatre jours, avec un parcours pensé pour la demande de devis.

Page d’accueil du site djmelo.fr : logo DJ Mélo et bouton « Demander un devis »
Secteur
Événementiel, prestation de mariage
Lieu
Grenoble, Isère
Mon rôle
Conception, développement, contenu, nom de domaine, hébergement, maintenance
Durée
Développé du 17 au 20 août 2026, puis maintenu

Voir le site en ligne

En chiffres

de développement, du 17 au 20 août 2026
4 joursde développement, du 17 au 20 août 2026
d’hébergement par mois, pour un site statique servi par Cloudflare
0 €d’hébergement par mois, pour un site statique servi par Cloudflare
pages publiées et déclarées aux moteurs de recherche
12pages publiées et déclarées aux moteurs de recherche

Contexte

Mélo est DJ de mariage à Grenoble, avec une formule en duo avec un saxophoniste. Il avait déjà un site, construit avec un outil de génération automatique. Il était joli, mais il avait un défaut invisible à l’œil nu : la page arrivait vide chez Google, et le texte n’apparaissait qu’une fois le code exécuté dans le navigateur. Pour un moteur de recherche, le site ne disait presque rien.

Pour un DJ de mariage, c’est le moment qui compte : un couple tape « DJ mariage Grenoble » des mois avant la date, compare trois ou quatre profils, puis demande un devis.

Ce que j’ai construit

Un site statique, écrit pour être lu. Chaque page est générée à l’avance, avec son texte, ses titres et ses données structurées. Google lit exactement ce que voit le visiteur, sans attendre l’exécution d’un script.

Un hébergement gratuit, sans serveur à entretenir. Le site est servi par Cloudflare Pages : pas de serveur, pas de mise à jour de sécurité, zéro euro par mois. Chaque modification poussée dans le code est en ligne en quelques minutes, avec une adresse de prévisualisation pour valider avant.

Le nom de domaine, de bout en bout. Achat du domaine, délégation des DNS à Cloudflare, messagerie conservée chez OVH : le client garde son adresse e-mail et tout est à son nom.

Un parcours qui mène au devis. Le bouton « Demander un devis » est présent sur chaque page, et reste accessible en bas d’écran sur mobile. Le formulaire recueille ce qu’il faut pour répondre sans aller-retour : date, lieu, nombre d’invités, horaires, formule, tranche de budget, options. La validation se fait dans le navigateur puis sur le serveur, avec une protection contre les robots et une limite d’envois.

Une vitrine qui fait entendre et voir. Cinq formules comparées dans un tableau, sept univers musicaux, une galerie de photos et de vidéos filtrable, des sélections musicales dont le lecteur ne se charge qu’au clic, pour ne pas alourdir la page.

Deux décisions de chantier

Retirer les prix sans casser la page. Le client a choisi de ne plus afficher ses tarifs. L’emplacement du prix était réservé dans chaque carte de formule : les tarifs ont été retirés sans que la mise en page bouge, et les remettre se fera en un seul changement.

Des emplacements nommés pour les photos. Les photos et vidéos arrivent au fil des mariages. Chaque emplacement du site porte un nom et un format, ce qui permet au client de savoir exactement quoi envoyer, et à moi de remplacer une image sans toucher au reste.

Ce que ce projet démontre

Un joli site peut être invisible. Pour une activité locale, la première question n’est pas le graphisme, c’est ce que Google peut lire. Le format présenté ici, peu de pages, un objectif de devis clair, un hébergement qui ne coûte rien, est celui que je propose aux artisans et aux indépendants.

Stack technique

  • Next.js 16 en export statique, React 19, TypeScript
  • Tailwind CSS 4
  • React Hook Form et Zod pour le formulaire de devis
  • Fonction serveur Cloudflare Pages et Resend pour l’envoi des demandes
  • Hébergement Cloudflare Pages, déploiement à chaque envoi de code
  • Nom de domaine et messagerie chez OVH, DNS chez Cloudflare
  • Données structurées LocalBusiness

Étude de cas suivante

Une plateforme VTC complète, développée et exploitée au quotidien

Misy

Trente minutes pour cadrer votre projet

Un échange sans engagement. Vous repartez avec un périmètre, un ordre de grandeur budgétaire et un avis franc sur la pertinence du projet. Si votre besoin ne justifie pas un développement sur mesure, je vous le dis.