Eine Züchterseite,
die ihre Besitzerinnen selbst betreiben.
Springer Spaniel und Portugiesische Wasserhunde, in Joroinen, Finnland.
5
Sammlungen, die sie pflegen
0
Deploys zum Veröffentlichen
2026
gebaut
Das Projekt
Worum es geht
Tia und Tua züchten English Springer Spaniel und Portugiesische Wasserhunde in Joroinen, im Osten Finnlands. Sie brauchten einen Ort für ihre Hunde, für Wurfankündigungen und für die Gesundheitsergebnisse und Ausstellungsplatzierungen, an denen eine Zucht gemessen wird. Ich habe die Seite entworfen und gebaut.
Das Problem
Bei einer Zucht hört der Inhalt nie auf
Würfe kommen zur Welt, Welpen bekommen Namen und ziehen aus, Gesundheitsergebnisse kommen vom Tierarzt zurück, und Ausstellungsplatzierungen gibt es fast jedes Wochenende. Auch der Deckrüde eines geplanten Wurfs steht oft erst spät fest. Eine Seite, bei der das alles über mich laufen müsste, wäre nach einem Monat veraltet, und die Version, die ich von Hand pflege, wäre schlechter als die, die sie selbst aktuell halten.
Ein Wurf kommt zur Welt
Acht Welpen brauchen Namen, Fotos und je eine eigene Seite, und nach und nach ziehen sie aus.
Gesundheitsergebnisse kommen zurück
Hüften, Ellbogen, Augen und Gentests treffen über Monate verteilt vom Tierarzt ein, und jedes gehört auf die Seite des jeweiligen Hundes.
Ein Ausstellungswochenende
Platzierungen und Titel kommen in der Saison fast jedes Wochenende dazu, und eine Zucht wird auch daran gemessen, dass die aktuell sind.
Ein Wurf wird geplant
Die Mutter steht lange vor dem Rüden fest, die Ankündigung muss also online, solange die Hälfte noch offen ist.
Die Struktur
Das Inhaltsmodell
Ein Stammbaum fächert sich von einem Hund über zwei Eltern zu vier Großeltern auf, und das Inhaltsmodell hat dieselbe Form. Das hier ist das Raster der Wurfseiten, von links nach rechts gelesen. Links steht, was die Züchterinnen pflegen, in der Mitte, was daran hängt, und rechts ein Beispiel dafür, was jeweils hineingeht.
Inhaltsmodell
Drei weitere stehen daneben: Neuigkeiten, geplante Würfe sowie Ausstellungs- und Prüfungsergebnisse.
Die Übergabe
Tia und Tua tippen, die Seite ändert sich
Am Veröffentlichen bin ich nicht beteiligt. Das hier ist nachgebaut. Tipp etwas ins Panel, und die öffentliche Karte zieht mit.
Probier es aus: benenn den Hund um, lösch das Foto oder stell ihn auf Entwurf.
Hund bearbeitenUnlock The Nine-Tailed Fox
"Foxy"
Hüften
A/A
Veröffentlicht, bevor es fertig ist
Ein geplanter Wurf geht online, sobald es einen anzukündigen gibt, und dann steht die Mutter fest, der Rüde meistens noch nicht. Also veröffentlicht die Seite, was da ist, und sagt es auch. Die Karte der Mutter ist ausgefüllt, beim Rüden steht, dass er später bekannt gegeben wird, und eine Zeichnung hält den Platz frei, bis es ein Foto gibt. Ist gar kein Wurf geplant, fällt der Abschnitt ganz weg. Das Modell soll einen halb bekannten Eintrag veröffentlichen können, statt zu warten, bis alles feststeht.
Darunter
Was das trägt
Tia und Tua veröffentlichen direkt in die Produktion, also muss alles darunter genau damit rechnen.
Sieben gecachte Endpunkte
Jeder Lesezugriff wird gecacht und im Hintergrund erneuert: Die alte Antwort geht sofort raus, während die frische nachgeladen wird. Das CMS liegt nie im kritischen Pfad eines Besuchers.
Bilder werden unterwegs verkleinert
Die Asset-URLs tragen Breite, Format und Qualität selbst. Wer ein Sechs-Megabyte-Foto vom Handy hochlädt, liefert kein Sechs-Megabyte-Foto aus.
CMS-Text wird vor dem Rendern bereinigt
Inhalt aus einem CMS bleibt unvertrauenswürdige Eingabe. Er wird als Markdown geparst und bereinigt, bevor er die Seite erreicht.
Die Sitemap baut sich selbst
Ein neuer Hund oder Wurf ist auffindbar, samt seinen Bildern, ohne dass jemand eine Datei anfasst.
Wenn das CMS nicht erreichbar ist
Dann liefern die Seiten einen sauberen Fehler und die Sitemap nichts, statt den Build scheitern zu lassen.
Gebaut mit
Der Stack
- Nuxt 4
- Vue 3
- TypeScript
- Tailwind 4
- Directus
- marked
- DOMPurify
- Docker
- nixpacks
Das Bearbeitungs-Panel oben ist ein Nachbau, nicht das Original. Directus und das Icon-Set bleiben in dem Projekt. Nichts auf dieser Seite spricht mit einem CMS.
Kennel Unlock