Projets Kadeo – Keramiek Atelier Katleen Deprez

Kadeo : site web pour un atelier de céramique

Site web full-stack pour l'atelier de céramique Kadeo : Angular avec rendu côté serveur, backend Express, traitement d'images et panneau d'administration.

  • Angular 21
  • Angular SSR
  • TypeScript
  • Tailwind CSS
  • Node.js
  • Express
  • SQLite
  • Sharp
  • JWT
  • IIS
Kadeo : site web pour un atelier de céramique

Kadeo est l’atelier de céramique de Katleen Deprez. Elle souhaitait un site qui laisse parler son travail : calme, chaleureux et visuel, avec une galerie qu’elle peut enrichir elle-même sans l’intervention d’un développeur. J’ai conçu et développé le site de A à Z et je l’héberge sur l’infrastructure de Rock-IT.

Le défi

Le site portfolio d’une artiste tourne autour de l’image. Les photos doivent se charger vite, rester nettes sur chaque écran et être faciles à gérer : téléverser, recadrer, classer par section, et c’est fait. En même temps, le site doit être bien référencé dans Google, disposer d’un formulaire de contact qui bloque le spam et respecter la législation sur les cookies. Tout cela sans frais d’abonnement à un CMS externe.

La solution

Une seule application full-stack avec une partie publique et un panneau d’administration sécurisé :

  • Site public : accueil, à propos de Kadeo, offre et ateliers, galerie avec lightbox et contact, avec des arrière-plans subtilement animés dans une palette terre cuite
  • Panneau d’administration sur mesure : gestion des sections et des images (téléverser, recadrer, réordonner, masquer), lecture des messages du formulaire de contact, horaires et adresses de deux sites, métadonnées SEO par page et gestion des utilisateurs
  • Traitement d’images intelligent : chaque téléversement est automatiquement optimisé en WebP avec miniatures, pour une galerie toujours rapide
  • Visible et sécurisé : rendu côté serveur et prérendu pour le SEO, sitemap XML automatique, formulaire de contact avec honeypot et limitation de débit, bannière de cookies avec Google Analytics en opt-in
  • Mise à jour depuis le smartphone : une API protégée par clé qui permet à l’application compagnon Kadeo Photo Uploader d’ajouter des photos à la galerie directement depuis un smartphone

Technologie

  • Frontend : Angular 21 avec rendu côté serveur et prérendu, Tailwind CSS 4, TypeScript en mode strict, Vitest pour les tests
  • Backend : Node.js avec Express 5, base de données SQLite, traitement d’images avec Sharp, authentification JWT avec hachage des mots de passe bcrypt
  • Hébergement : Windows Server avec IIS comme reverse proxy, script de déploiement automatisé, hébergé et maintenu par Rock-IT

Résultat

Un site rapide et visuellement fort que Katleen gère entièrement elle-même, sans coûts mensuels de CMS. Les nouvelles photos sont en ligne en moins d’une minute, depuis l’ordinateur portable ou directement depuis son iPhone.