Projecten Kadeo – Keramiek Atelier Katleen Deprez

Kadeo: website voor een keramiekatelier

Full-stack website voor keramiekatelier Kadeo: Angular met server-side rendering, Express-backend, beeldverwerking en een eigen beheerpaneel.

  • Angular 21
  • Angular SSR
  • TypeScript
  • Tailwind CSS
  • Node.js
  • Express
  • SQLite
  • Sharp
  • JWT
  • IIS
Kadeo: website voor een keramiekatelier

Kadeo is het keramiekatelier van Katleen Deprez. Ze wilde een website die haar werk laat spreken: rustig, warm en visueel, met een galerij die ze zelf kan aanvullen zonder tussenkomst van een developer. Ik ontwierp en bouwde de site van A tot Z en host ze op de infrastructuur van Rock-IT.

De uitdaging

Een portfoliosite voor een kunstenaar draait om beeld. Foto’s moeten snel laden, scherp zijn op elk scherm en eenvoudig te beheren: uploaden, bijsnijden, ordenen in secties en klaar. Tegelijk moet de site vindbaar zijn in Google, een contactformulier hebben dat spam buitenhoudt en voldoen aan de cookiewetgeving. En dat alles zonder abonnementskosten voor een extern CMS.

De oplossing

Eén full-stack applicatie met een publieke kant en een beveiligd beheerpaneel:

  • Publieke site: home, over Kadeo, aanbod en workshops, galerij met lightbox en contact, met subtiel geanimeerde achtergronden in een aardse kleitint
  • Eigen beheerpaneel: secties en afbeeldingen beheren (uploaden, bijsnijden, herordenen, verbergen), berichten van het contactformulier lezen, openingsuren en adressen van twee locaties, SEO-metadata per pagina en gebruikersbeheer
  • Slimme beeldverwerking: elke upload wordt automatisch geoptimaliseerd naar WebP met thumbnails, zodat de galerij snel blijft
  • Vindbaar en veilig: server-side rendering en prerendering voor SEO, automatische XML-sitemap, contactformulier met honeypot en rate limiting, cookiebanner met opt-in Google Analytics
  • Mobiel aanvullen: een API met API-sleutel waarmee de bijhorende Kadeo Photo Uploader-app foto’s rechtstreeks vanop de smartphone in de galerij plaatst

Technologie

  • Frontend: Angular 21 met server-side rendering en prerendering, Tailwind CSS 4, TypeScript in strict mode, Vitest voor tests
  • Backend: Node.js met Express 5, SQLite-database, beeldverwerking met Sharp, JWT-authenticatie met bcrypt-wachtwoordhashing
  • Hosting: Windows Server met IIS als reverse proxy, geautomatiseerd deploy-script, gehost en onderhouden door Rock-IT

Resultaat

Een snelle, visueel sterke website die Katleen volledig zelf beheert, zonder maandelijkse CMS-kosten. Nieuwe foto’s staan binnen de minuut online, vanop de laptop of rechtstreeks vanop haar iPhone.