Worum es geht
Satu Sonkamuotka massiert Hunde und behandelt sie mit Low-Level-Lasertherapie, bei Hausbesuchen rund um Jyväskylä, neben ihrer Arbeit als Krankenschwester. Die Seite ist ihr ganzes Schaufenster. Auf ihr steht, was sie anbietet, was es kostet und wie man sie erreicht.
Die Anforderung
Die Seite muss ihr persönlich ähneln.
Mehr war es nicht. Keine Klinik, keine Firma, nichts Auffälliges. Also ist die Seite weich und leise. Keine Verläufe, keine Animationen, ein schlafender Hund als Strichzeichnung und Fotos ihrer eigenen Hunde statt Stockbildern. Bei jeder Entscheidung habe ich gefragt, ob sich das nach Satu anfühlt, und nicht, ob es einer UI-Konvention folgt.
Wie sie gebaut ist
Nuxt, weil sich die Inhalte selten ändern und ein statischer Build das Hosting günstig und schnell hält. Tailwind fürs Styling. Nuxt UI ist hier der Sonderfall. Meine eigene Seite nutzt es nicht, also sind die Karten und Listen, die du gerade siehst, von Hand in reinem Tailwind nachgebaut, damit sie zu Satus Seite passen.
Unter der Haube:
- Nuxt 4 mit Vue 3
- Tailwind CSS 4
- Nuxt UI 4 für die Komponenten
- @nuxtjs/sitemap
- Deployment über nixpacks
- Node 22
Ein Rundgang
