Eigene Website

GuddiWeb

guddiweb.com ist die Website meines Einzelunternehmens. Diese Seite beschränkt sich auf die technische Arbeit daran: ein Internationalisierungs-Audit, die Sprachumschaltung zwischen Deutsch und Englisch und das statische Prerendering.

Zeitraum
laufend
Meine Rolle
Konzeption und Entwicklung
Technologien
react-i18next · statisches Prerendering
Status
im Einsatz
Live
guddiweb.com
Titelbild GuddiWeb: Startseite von guddiweb.com

Worum es geht

Die Website wurde zunächst nur auf Deutsch betrieben. Für englischsprachige Anfragen wurde eine zweite Sprache nötig, ohne die Seite zu verdoppeln.

Das Audit hat alle Textstellen erfasst, darunter hart kodierte Zeichenketten sowie Datums- und Zahlenformate. Das Ergebnis war die Grundlage für die Übersetzungsdateien.

Meine Rolle

Konzeption und Entwicklung stammen von mir.

Technische Umsetzung

  1. Internationalisierungs-Audit

    Vor der Umstellung wurden alle Textstellen erfasst, dazu Datums- und Zahlenformate. Das Ergebnis war die Grundlage für die Übersetzungsdateien.

  2. Sprachumschaltung mit react-i18next

    Alle Texte liegen in Übersetzungsdateien für Deutsch und Englisch. Die Sprache lässt sich auf jeder Seite umschalten.

  3. Statisches Prerendering

    Beide Sprachfassungen werden beim Build vorgerendert. Suchmaschinen und Besucher ohne JavaScript erhalten vollständige Seiten.

  4. Messwerte

    Ladeverhalten und Barrierefreiheit werden mit Lighthouse gemessen. Die aktuellen Werte werden hier nachgetragen.