Atlas-Flora — Pflanzenatlas mit Artenkarten und Gartenratgebern

Atlas-Flora ist ein Pflanzenatlas — ein Referenzportal mit Artenkarten, Gartenratgebern und einer Krankheitsenzyklopädie, von Grund auf für Suchmaschinen (Google, Bing) sowie generative Suche (ChatGPT Search, Perplexity, Gemini) konzipiert, in drei Sprachen.

Startseite von Atlas-Flora mit Kategorien-Grid für Pflanzen
Startseite: Suche und Kategorien-Grid — Navigation über zwei Taxonomie-Achsen.

Die Herausforderung

Einen Dienst aufbauen, der auf Tausende Pflanzenkarten skaliert und dabei auf jeder einzelnen fachliche Qualität und einen vollständigen Satz strukturierter Daten beibehält — in drei Sprachen, mit Nutzerkonten und geräteübergreifender Synchronisation, bei nahezu null Infrastrukturkosten.

Technologie

Den Kern bildet Astro mit Content Collections und Schema-Validierung via Zod — die Artendaten liegen als Dateien im Repository und werden bei jedem Build geprüft. Das Ganze läuft auf Cloudflare Pages im Hybrid-Modus: über 700 Inhaltsseiten werden statisch vom Edge ausgeliefert, Server-Code übernimmt ausschließlich die Konten-API. Nutzerdaten liegen in Cloudflare D1 (SQLite) in der EU-Region. Die Suche (Pagefind) baut ihren Index aus dem fertigen HTML — ohne eigenen Such-Server.

Was das Projekt auszeichnet

  • Daten im Repository statt Datenbank — ein Zod-Schema bricht den Build bei einem Tippfehler im Artnamen oder einer nicht existierenden Referenz ab, und jede fachliche Korrektur durchläuft ein Review wie ein Pull Request.
  • Drei Sprachen ohne Content-Triplizierung — die kanonische polnische Karte ist die einzige Datenquelle, Übersetzungen sind Overlays, die nur den Fließtext Feld für Feld überschreiben. Auch die URL-Segmente sind übersetzt (/roslina/, /de/pflanze/, /en/plant/), verbunden über vollständiges hreflang.
  • Konten ohne Auth-Bibliothek — eigenes OAuth (Authorization Code + PKCE) und JWT: Access-Token ausschließlich im Speicher des Browser-Tabs, rotierender Refresh-Token in einem HttpOnly-Cookie, in der Datenbank nur als Hash gespeichert.
  • Vollständiges SEO und GEO — Schema.org (Article, Dataset, FAQPage, HowTo, BreadcrumbList), Sitemap, hreflang sowie llms.txt in drei Sprachen für Zitierfähigkeit durch Sprachmodelle.
KI-generiertes Foto einer Fensterblatt-Monstera
KI-generiertes Artenfoto — Monstera deliciosa, Prompt aus den Merkmalen der konkreten Pflanze aufgebaut.
Artenkarte in Atlas-Flora mit botanischen Daten
Ausführliche Artenkarte mit Standortanforderungen, Begleitpflanzen und strukturierten Daten.

Ergebnis

169 Artenkarten, 70 botanische Familien und 12 Ratgeber — jedes Element in drei Sprachen, zusammen 711 statische Seiten und 324 eigene Fotos. Lighthouse: SEO 100/100. Die Infrastrukturkosten bleiben innerhalb der kostenlosen Cloudflare-Limits — auch nach Einführung von Konten und Datenbank.

Live-Ergebnis ansehen: atlas-flora.com

Technologien: Astro · TypeScript · Zod · Cloudflare Pages · Cloudflare D1 · Pagefind · generative KI.

Ähnliches Projekt geplant?

Ich helfe gerne, einen Dienst zu konzipieren und zu bauen, der für SEO und Content skaliert.

Schreiben Sie mir