Gabriel Dev Studio

Explaining to a baker or a hairdresser what a website could do for them doesn’t get you very far. Showing them works much better.

That’s where Gabriel Dev Studio comes from: a site that presents my work and, above all, demos you can open and use like real websites. The board of examples⁰¹ is the heart of the home page.

Each demo is a complete site for a made-up business, with its own pages and user journeys, plus an admin area when the trade needs one. They’re all online (in French), so feel free to try them. The trade each one is made for is highlighted:

• Maison ChahutClothing shopCatalogue, sizes and stock, cart, simulated payment and an order back-office.↗
• Atelier RacinesHair salonOnline booking and an admin area.↗
• Nord Devis ServicesBuilding tradespersonQuote requests received, jobs tracked.↗
• Agence SolanceEstate agencyListings and a private area for the agents.↗
• Léna Morel PhotographePhotographerPortfolio with bookings.↗
• Maison LevainBakeryProducts and opening hours.↗
• Atelier NordRenovation companyPast work and quote requests.↗

Three of them in pictures: the shop⁰³, the hair salon⁰⁴ and the tradesperson⁰⁵.

The site also has a full section so that clients can understand what they need and picture it before contacting me. You tick what your future site should let you do, such as being found, showing your work or receiving appointments, and you see what that looks like through examples. That’s the project composer⁰².

When I meet a shop owner, I make a mock-up of their future site. I leave it with them on a printed sheet with a QR code: they scan it and browse it on their phone, in light or dark mode.

• Next.js 16 with the App Router, React 19 and Tailwind CSS 4.
• All the text and the offer in a single data file, so everything is edited in one place.
• A contact form handled on the server, with emails sent through Resend and laid out with React Email.
• Security headers and a content security policy.
• Local SEO: metadata, sitemap, structured data.
• Hosted on a personal server, with my own scripts to deploy and check production.

On this project I play both roles: the freelancer presenting an offer, and the developer. It makes me think about the offer, the prices and the wording, write for people outside the trade, and keep my own professional site fast and safe. That’s the site I mean here: I maintain it alone, nobody else does it for me.