Gabriel Dev Studio

Expliquer à un boulanger ou à une coiffeuse ce qu’un site pourrait lui apporter, ça marche assez mal. Le lui montrer, beaucoup mieux.

C’est de là qu’est parti Gabriel Dev Studio : un site pour présenter mon activité, et surtout des démos qu’on ouvre et qu’on utilise comme de vrais sites. La planche d’exemples⁰¹ est le cœur de la page d’accueil.

Chaque démo est un site complet pour une entreprise inventée, avec ses pages, ses parcours, et un espace d’administration quand le métier en a besoin. Elles sont toutes en ligne, vous pouvez les essayer. Le métier concerné est en surbrillance :

• Maison ChahutBoutique de vêtementsCatalogue, tailles et stock, panier, paiement simulé et back-office des commandes.↗
• Atelier RacinesSalon de coiffurePrise de rendez-vous et espace d’administration.↗
• Nord Devis ServicesArtisan du bâtimentDemandes de devis reçues, interventions suivies.↗
• Agence SolanceAgence immobilièreAnnonces et espace réservé aux agents.↗
• Léna Morel PhotographePhotographePortfolio avec réservation.↗
• Maison LevainBoulangerieProduits et horaires.↗
• Atelier NordEntreprise de rénovationChantiers réalisés et demandes de devis.↗

Trois d’entre elles en images : la boutique⁰³, le salon de coiffure⁰⁴ et l’artisan⁰⁵.

Le site a aussi une partie complète pour que le client comprenne ce dont il a besoin et le visualise avant de me contacter. On y coche ce que le futur site doit permettre de faire, par exemple être trouvé, montrer son travail ou recevoir des rendez-vous, et on voit ce que ça donne en exemples. C’est le composeur de projet⁰².

Quand je rencontre un commerçant, je lui prépare une maquette de son futur site. Je la lui laisse sur une fiche papier avec un QR code : il la scanne et la découvre sur son téléphone, en clair ou en sombre.

• Next.js 16 avec l’App Router, React 19 et Tailwind CSS 4.
• Tous les textes et l’offre rangés dans un seul fichier de données, pour tout modifier au même endroit.
• Un formulaire de contact traité côté serveur, avec des emails envoyés par Resend et mis en page avec React Email.
• Des en-têtes de sécurité et une politique de sécurité du contenu.
• Le référencement local : métadonnées, sitemap, données structurées.
• Hébergé sur un serveur personnel, avec mes propres scripts pour déployer et vérifier la production.

Sur ce projet, je joue les deux rôles : celui de l’indépendant qui présente une offre, et celui du développeur. Ça m’oblige à réfléchir à l’offre, aux prix et aux textes, à écrire pour des gens qui ne sont pas du métier, et à garder mon propre site professionnel rapide et sûr. C’est de lui qu’il s’agit ici : je le maintiens seul, personne d’autre ne le fait à ma place.