Technik hinter dieser Website

Diese Seite wird von mir privat gepflegt - ohne Agentur und ohne fertigen Baukasten. Für alle, die sich dafür interessieren, hier ein Einblick, mit welcher Software und welchen Werkzeugen eifel-touren.de gebaut ist und wie sie sich seit dem Umzug von WordPress verändert hat.

Wie die Seite aufgebaut ist

eifel-touren.de ist eine statische Website, gebaut mit dem Open-Source-Framework Astro. Das bedeutet: Jede Seite wird schon beim Erstellen einmal fertig als reines HTML erzeugt, statt bei jedem Aufruf neu aus einer Datenbank zusammengebaut zu werden (wie es z.B. bei WordPress der Fall ist). Für Besuchende bedeutet das vor allem: schnellere Ladezeiten und eine deutlich kleinere Angriffsfläche, weil auf dem Webserver selbst keine Datenbank und kein Content-Management-System mehr läuft, das regelmäßig aktualisiert und abgesichert werden müsste.

Karten und Höhenprofile

Die interaktiven Karten laufen mit Leaflet, einer bekannten Open-Source-Kartenbibliothek, auf Basis von OpenStreetMap- und OpenTopoMap- Kartenmaterial. GPX-Tracks, Fotomarker und das höhenabhängig eingefärbte Höhenprofil unter der Karte sind eigene, selbst geschriebene Auswertungen der jeweiligen GPX-Datei - dafür wird keine externe Karten- oder Auswertungs-API genutzt, alles läuft direkt im Browser.

Verwaltung im Hintergrund

Neue Touren, Panoramen und Fotos pflege ich über ein kleines, selbst geschriebenes Verwaltungswerkzeug, das ausschließlich lokal auf meinem eigenen Rechner läuft - es ist von außen nicht erreichbar und für Besuchende der Website nicht sichtbar. Es erzeugt aus den eingegebenen Daten die Inhalte, aus denen Astro anschließend die fertigen Seiten baut.

Kommentarfunktion

Die Kommentare unter den Touren und Panoramen laufen über eine schlanke, selbst geschriebene Lösung (keine Drittanbieter-Kommentarplattform) mit Freigabe durch mich vor der Veröffentlichung - dadurch bleibt bewusst auch bei den Kommentaren die volle Kontrolle darüber, was auf der Seite landet.

Von WordPress zu Astro

eifel-touren.de lief ursprünglich, wie viele private Websites, auf WordPress mit dem Seitenbaukasten Elementor und mehreren Plugins - unter anderem einem Plugin, das GPX-Track, Höhenprofil und Fotogalerie einer Tour miteinander kombiniert hat. Das hat lange gute Dienste geleistet, brachte aber mit der Zeit auch die typischen WordPress-Themen mit sich: regelmäßige Plugin- und Kern-Updates, eine gewisse Grundlast durch die Datenbank bei jedem Seitenaufruf, und eine wachsende Abhängigkeit von Plugins, die einzeln gepflegt und aktuell gehalten werden müssen.

Bei der Migration wurden alle Inhalte (Touren, Panoramen, Fotos, Texte) aus der bestehenden WordPress-Datenbank ausgelesen und automatisiert in das neue, Astro-eigene Datenformat überführt. Funktionen, die vorher über Plugins liefen - allen voran die Kombination aus Karte, Höhenprofil und Foto-Slider -, habe ich als eigene Komponenten neu geschrieben, direkt auf Basis von Leaflet (s. oben). Die einzelnen Touren- und Panorama-Adressen (URLs) sind dabei bewusst gleich geblieben, damit bestehende Verlinkungen und die Platzierung in Suchmaschinen erhalten bleiben.

Dank an Martin von Berg

Einige der ursprünglichen Ideen für die Kombination aus Karte, Höhenprofil und Fotogalerie - inzwischen hier in Astro neu umgesetzt - gehen auf den Austausch mit Martin von Berg zurück, der mit seiner eigenen Seite selbst ein umfangreiches Tourenportal betreibt und darüber hinaus mehrere sehr gute WordPress-Plugins programmiert (zu finden auf seinem GitHub-Profil). Vielen Dank dafür!