Logo Cinquin Andy Signature

Nature Paysage Laheux

Developer Freelance - Cinquin Andy
Développeur Freelance - Logo

Résumé du projet

Un projet très sympathique !
Cela fait un moment que je me dis que je voudrais bien tester Payload CMS. Je connaissais déjà Pocketbase, Strapi, et j'avais testé d'autres CMS, mais Payload, avec sa promesse d'être intégré directement au projet nativement, me tentait vraiment bien.
Voici pourquoi je me suis lancé dans le développement du site internet de Nature Paysage Laheux, un paysagiste, en Next.js avec Payload CMS en guise de backend.
Une DB PostgreSQL sur Coolify, le site en lui-même également sur Coolify, quelques variables d'environnement et le setup est plié : ultra simple, ultra rapide, ultra pratique. Quelques inspirations sur Dribbble pour choisir des "Hero" que j'aime bien et en designer quelques-uns, une assistance IA avec 21st et des composants customs à la main.
J'ai bidouillé un composant pour la map en récupérant les données des villages et villes aux alentours, tout en créant un petit algorithme pour classer les plus pertinents en fonction de la taille et du nombre d'habitants afin de cibler le référencement de ces éléments. Puis, j'ai réalisé le composant de map avec OpenStreetMap et les contours en coordonnées de la ville via l'API du gouvernement français (qui est gratuite et ouverte à tous). Cela m'a permis de dessiner les zones sur la carte facilement.
À côté de ça, avec Payload, il suffit de créer les types particuliers. Ici, j'ai intégré le détail de toutes les strings du site directement dans Payload pour que tout soit modifiable. Un joli tuto directement en PDF et une présentation en physique sont prévus lors de la livraison. Bref, un service complet et clé en main. Avec plusieurs petits points et des photos prises sur le terrain, j'ai ainsi pu créer des éléments propres et sur mesure pour permettre l'édition du site dans sa globalité : chaque texte, image et élément est directement éditable dans Payload.
J'en ai profité pour coder un plugin pour ForVoyez et pour Gemini, afin de générer automatiquement les textes "SEO-proof" et les descriptions d'images, qui sont des éléments purement techniques que le paysagiste et sa femme n'ont pas besoin de savoir gérer.
De quoi pouvoir gérer le blog, éditer des éléments directement et ajouter les derniers travaux effectués.
Un projet avec toutes les bonnes pratiques : du motion, du design, des éléments customs dans tous les sens... un site ultra premium comme on n'en fait plus !
Bref, allez voir directement, ça rend super bien, je trouve ! :D

Les technologies utilisées

icon-3d
(Next.js)
icon-3d
(Typescript)
icon-3d
(Biomejs)
icon-3d
(Payloadcms)
icon-3d
(React)
icon-3d
(Googlegemini)

Les sites et les ressources associées

DÉVELOPPONS ENSEMBLE VOS PROJETS

Une idée, un projet ? Je suis là pour répondre à vos demandes et vous accompagner.
N’hésitez pas, je serais ravi d’échanger avec vous sur votre projet !
© 2025 Andy Cinquin - Tous droits réservés - Developed & Designed with ❤️
🐝 ForHives co-founders
Site Web Paysagiste : Étude de cas Next.js & Payload CMS