Web unter der Haube & das Newsletter-System: DevBlog #2

In diesem neuen DevBlog richtet sich der Fokus auf ein zentrales Fundament des Projekts: die Webpräsenz des Spiels Luni.

Um ein zuverlässiges, schnelles und der künstlerischen Vision treues Erlebnis zu gewährleisten, fiel die Entscheidung auf eine klare, maßgeschneiderte Lösung: eine performante öffentliche Website für die Community und ein dediziertes Administrationspanel, das Struktur und Inhalte in sechs Sprachen einheitlich verwaltet.

Das Ziel: ein agiles und durchdachtes System, das die Spielgrafik und die visuelle Atmosphäre unterstreicht und gleichzeitig volle redaktionelle Kontrolle ohne ungenutzte Funktionen oder unnötige externe Abhängigkeiten bietet.

Eine kurze Anmerkung zu den Sprachen:
Ich spreche 3 davon (in denen wir uns auch direkt in der Community austauschen können), für den Rest habe ich mich jedoch entschieden, mit Hilfe von KI zu übersetzen. Dies ist ein hervorragender Anwendungsfall, der das visuelle und narrative Universum des Spiels für viele weitere Regionen öffnet.

Unter der Haube: Die Web-Architektur im DevBlog #2

Das Projekt gliedert sich in zwei unabhängige Anwendungen, die jeweils für ihre spezifische Aufgabe im Gesamtkonzept optimiert sind:

1. Öffentliche Website und DevBlog

• Next.js 16: Vollständig als statischer Export (SSG) kompiliert. Alle Seiten liegen als vorgefertigte HTML-Dateien und Ressourcen vor, wodurch serverseitige Rechenzeiten bei Aufrufen entfallen. Das Laden erfolgt bei jedem Seitenaufruf praktisch verzögerungsfrei.

• Tailwind CSS v4 & TypeScript: Sorgt für ein modernes, klares Erscheinungsbild, das harmonische Animationen und feine visuelle Nuancen ermöglicht, während TypeScript eine zuverlässige Typsicherheit im gesamten Quellcode garantiert.

• Sechs Sprachen: Native Unterstützung für alle sechs Zielsprachen, wobei die einheitliche Seitenstruktur beibehalten und lediglich die jeweiligen Texte angepasst werden.

• AWS & CloudFront: Vorgefertigte Dateien werden weltweit über das CloudFront-CDN verteilt, um unabhängig vom Standort des Besuchers minimale Ladezeiten und geringe Latenzen zu gewährleisten.

2. Das Administrationspanel (BackOffice)

• Vue 3: Eine moderne, schnelle und responsive Single Page Application zur komfortablen und reibungslosen Verwaltung aller redaktionellen Inhalte.

• Modularer Block-Editor: Eigens für die speziellen Anforderungen des Blogs entwickelt. Er trennt das visuelle Layout (Zeilen, Bilder, Textblöcke) sauber von den Übersetzungstexten, wodurch eine gleichzeitige Bearbeitung in allen sechs Sprachen ohne das Risiko von Layoutfehlern möglich ist, ergänzt durch eine integrierte Echtzeit-SEO-Prüfung.

• Backend mit .NET 10 & PostgreSQL: ASP.NET Core strukturiert nach den Prinzipien der Clean Architecture für saubere Entkopplung der Geschäftslogik, solide Validierungen und sichere Persistenz in einer relationalen Datenbank.

• Hosting & CI/CD: Containerisiert auf AWS mit deklarativer Infrastruktur über Terraform und automatisierten Bereitstellungspipelines.

In Entwicklung: Das Newsletter-System

Aktuell konzentriert sich die Entwicklungsarbeit auf den nächsten wichtigen Meilenstein: ein direkt in die Plattform integriertes Newsletter-Modul.

Warum ein eigenes System statt externer Plattformen?
Die Wahl fiel aus ganz praktischen Gründen auf die bestehende Infrastruktur des Projekts: vollständige Kontrolle über die Zustellung, keine externen Tracking-Skripte, keinerlei überflüssige Abhängigkeiten und die einfache Entwicklerpräferenz, etwas zielgerichteten Code zu schreiben, anstatt sich auf überladene oder teure Drittanbieterdienste zu verlassen. Ein eigenes Modul liefert exakt die benötigten Funktionen in einem kompakten, robusten und langfristig wartbaren Rahmen.

So funktioniert das System für Abonnenten:

• Double Opt-In: Keine Adresse wird ohne ausdrückliche Zustimmung gespeichert. Die Anmeldung wird erst nach Anklicken des automatisch per E-Mail versendeten Bestätigungslinks wirksam.

• Kein Spam: Benachrichtigungen werden ausschließlich bei Veröffentlichung neuer Artikel verschickt, um Interessierte über wichtige Entwicklungsschritte auf dem Laufenden zu halten, ohne Werbung oder unerwünschte Mitteilungen.

• Abmeldung mit einem Klick: Jede E-Mail enthält einen direkten Abmeldelink, der die Privatsphäre und Präferenzen jedes Abonnenten respektiert.

Ausblick

Nach Abschluss dieser Webinfrastrukturphase richtet sich die gesamte Aufmerksamkeit wieder auf die Kernproduktion des Spiels. Die jüngsten technischen Meilensteine bilden ein stabiles Fundament für die Kommunikation mit den Spielern, sodass die verbleibende Zeit vollumfänglich in Gameplay-Mechaniken, Rätseldesign, Umgebungen und narrative Elemente fließen kann.

Zukünftige Updates werden auch die Community-Kanäle (wie Discord und soziale Plattformen) hervorheben und Raum für den Austausch über den Spielfortschritt bieten.

Weitere Neuigkeiten folgen in Kürze!