ITextreme sieht nicht nur anders aus. Die Website wurde von Grund auf neu gebaut. Aus dem bisherigen Weblog ist ein Digitalmagazin geworden, das seine Artikel in den Mittelpunkt stellt und technisch deutlich besser auf die nächsten Jahre vorbereitet ist.
Der Neustart war keine kosmetische Übung. Ein neues Farbschema über eine alte Struktur zu legen, hätte zwar schneller nach Veränderung ausgesehen, aber die eigentlichen Probleme nicht gelöst. Inhalte, Navigation, Technik und Betrieb mussten gemeinsam neu gedacht werden.
Vom Weblog zum Digitalmagazin
Die wichtigste Änderung ist direkt auf der Startseite sichtbar: Beiträge sind nicht länger eine Ergänzung rund um einen großen Marketing-Einstieg. Sie sind das Zentrum der Seite.
Ausgewählte Artikel erhalten mehr Raum. Danach folgen Beiträge nach Themen, unterbrochen von kurzen Einordnungen, Zitaten und Hinweisen auf nützliche Bereiche. Die sieben bewährten Kategorien stehen vollständig in der Hauptnavigation. Alles, was nicht zur unmittelbaren Orientierung im Magazin gehört, findet seinen vernünftigen Platz im Footer. Eine Navigation muss nicht beweisen, wie viele Links in eine Zeile passen.
Auch bei einem größeren Archiv soll erkennbar bleiben, was ITextreme ausmacht: aktuelle Beiträge, unterschiedliche Themen, Artikelserien und ein Bestand, in dem sich das Stöbern lohnt. Dafür gibt es unter anderem:
- eine chronologische Übersicht unter Alle Artikel,
- eigene Seiten für Themen und Schlagwörter,
- Artikelserien mit klarer Reihenfolge,
- Autorenprofile mit den zugehörigen Beiträgen,
- Pagination statt endlosem Nachladen und
- eine Suche, die den aktuellen Artikelbestand direkt im Browser durchsucht.
Die Inhalte sind umgezogen, der alte Ballast nicht
Zum Neustart gehören 37 Artikel, sieben Kategorien, 85 Schlagwörter, eine Artikelserie und 28 Zitate. Bestehende öffentliche Pfade wurden weitgehend erhalten. Wer einen früheren Artikel gespeichert oder verlinkt hat, soll nicht grundlos vor einer 404-Seite stehen. So hübsch sie auch geworden ist.
Bei der Migration wurden Inhalte und Darstellung bewusst getrennt. Alte Markdown-Felder, die Abstände, Kartenvarianten oder andere Designentscheidungen steuerten, sind nicht mitgewandert. Im Inhalt stehen heute nur noch fachliche und semantische Angaben: Titel, Beschreibung, Autor, Kategorie, Schlagwörter, Veröffentlichungsdatum und Bild. Wie daraus eine Seite entsteht, entscheidet das gemeinsame Designsystem.
Diese Trennung klingt zunächst nach einer technischen Feinheit. Für die redaktionelle Arbeit ist sie ziemlich praktisch: Ein Artikel bleibt ein Artikel, unabhängig davon, ob er auf einer Übersichtsseite, im RSS-Feed oder später in einem anderen Format erscheint.
Besser lesen auf großen und kleinen Bildschirmen
Die neue Oberfläche wurde nicht nachträglich auf Smartphones zusammengestaucht. Navigation, Artikelkarten, Tabellen, Bilder und Seiteneinstiege reagieren auf den tatsächlich verfügbaren Platz.
Auf kleinen Bildschirmen reduziert sich der Header auf die wesentlichen Funktionen. Das mobile Menü führt zuerst durch die Kategorien und danach zu Magazin, Serien, Videos, Tools und Hintergrundseiten. Auf größeren Ansichten bleibt das vollständige Logo länger sichtbar; die kompakte Bildmarke übernimmt erst dort, wo der Platz wirklich knapp wird.
Artikelseiten bieten breitere, ruhigere Leseflächen, besser erkennbare Metadaten und einheitliche Bereiche für Schlagwörter, Serien, Autor und verwandte Beiträge. Titelbilder gehören nun durchgängig zu den Artikeln und erscheinen auch in Archiven, Taxonomien, RSS und Social-Media-Vorschauen.
Hell und Dunkel sind eigenständig gestaltet. Standardmäßig folgt ITextreme der Systemeinstellung. Über den Theme-Schalter lassen sich außerdem dauerhaft Hell, Dunkel oder System wählen. Dark Mode ist dabei keine automatische Farbumkehr, bei der aus Weiß einfach Schwarz und aus gut lesbar plötzlich kreativ wird.
Das neue Design folgt einem System
Das Corporate Design arbeitet mit einer ruhigen neutralen Basis, technischer Typografie und dem ITextreme-Rot als gezieltem Fokus. Die visuelle Leitidee heißt „verbundene Ordnung“: Inhalte erscheinen als nachvollziehbare Module und Beziehungen, nicht als dekoratives Netzwerk aus Linien, die wichtig aussehen und nichts erklären.
Für längere Texte und Bedienoberflächen kommt Inter zum Einsatz. Orbitron prägt Überschriften, ohne ganze Absätze in ein Raumschiff-Display zu verwandeln. JetBrains Mono kennzeichnet Code, Pfade und technische Angaben. Gemeinsame Design Tokens steuern Farben, Abstände, Radien, Typografie, Bewegung sowie Light und Dark Mode.
Das Ergebnis soll technisch wirken, aber nicht nach Gaming, Neon oder beliebiger KI-Zukunftskulisse. Gute Gestaltung hilft bei der Orientierung. Wenn sie sich wichtiger nimmt als der Inhalt, ist etwas schiefgelaufen.
Was unter der Haube steckt
Die neue Website basiert auf Next.js 16, React 19 und TypeScript. Next.js erzeugt sowohl statische Seiten als auch serverseitig gerenderte Bereiche und übernimmt Routing, Metadaten sowie die Optimierung von Bildern und Schriften.
Tailwind CSS 4 bildet die gemeinsamen Design Tokens ab. shadcn/ui und Base UI liefern die Grundlage für ausgewählte interaktive Komponenten. Sie bestimmen aber nicht das Erscheinungsbild der Website. Die Komponenten wurden an das ITextreme-System angepasst, statt ein fremdes Standarddesign unverändert zu übernehmen.
Die Artikel bleiben als Markdown und MDX im Git-Repository. Ein typisiertes Inhaltsmodell prüft erlaubte Felder, interne Links, Bilder, Alternativtexte, Überschriften, Taxonomien und Serienbezüge. Aus demselben Bestand entstehen Artikelseiten, Übersichten, Sitemap, RSS-Feed und Suchkatalog. Das vermeidet mehrere halbsynchrone Inhaltsablagen, die sich früher oder später gegenseitig widersprechen.
Zur technischen Qualitätskette gehören:
- Prüfung der Design Tokens,
- Validierung aller Inhalte und Medien,
- Linting und TypeScript-Prüfung,
- vollständiger Produktions-Build,
- Kontrolle reproduzierbarer RSS-Bilder und
- Sicherheitsprüfung des produktiven Abhängigkeitsbaums.
Ein Push allein gilt trotzdem nicht als erfolgreicher Release. Erst wenn beide Git-Remotes denselben Stand besitzen, die Qualitätsprüfung erfolgreich war, das Deployment durchgelaufen ist und die öffentlichen Endpunkte antworten, ist die Arbeit erledigt. Alles andere ist nur sehr optimistisches Hochladen.
SEO, RSS und Datenschutz gehören zur Grundlage
Sitemap, robots.txt, Canonical URLs, Open-Graph-Daten und strukturierte Daten werden direkt aus dem Inhaltsmodell erzeugt. Artikelbilder sind auch im RSS-Feed enthalten. Mit llms.txt gibt es zusätzlich eine kompakte Orientierung für KI- und Suchsysteme. Sie ergänzt etablierte Standards, ersetzt sie aber nicht.
Google Analytics wird weiterhin verwendet, jedoch erst nach Einwilligung über CCM19 geladen. Das gilt auch für eingebettete YouTube-Videos. Ohne Zustimmung bleibt der externe Inhalt draußen. Cookie-Einstellungen sind dauerhaft im Footer erreichbar; ein schwebender Knopf muss dafür nicht über dem Copyright wohnen.
Vom Repository bis zum laufenden Dienst
Forgejo bleibt die primäre Git-Quelle. GitHub dient als geprüfter Deployment-Spiegel. Sobald ein freigegebener Stand auf GitHub landet, baut Ploi die Anwendung auf einem DigitalOcean Droplet neu und startet den von PM2 verwalteten Next.js-Prozess. nginx übernimmt HTTPS und leitet öffentliche Anfragen intern an die Anwendung weiter. Ein Health Check kontrolliert, ob die Website erreichbar bleibt.
Das klingt nach einigen beweglichen Teilen. Genau deshalb ist der Ablauf dokumentiert und automatisiert. Handarbeit ist beim Aufbau oft unvermeidbar; als dauerhafte Deploymentstrategie ist sie eher Folklore.
Fertig ist nicht dasselbe wie eingefroren
Die neue Website ist produktiv, aber nicht abgeschlossen im Sinne von „nie wieder anfassen“. Für einen wachsenden Artikelbestand ist ein eigener statischer Suchindex vorgesehen. Automatisierte Browser- und visuelle Regressionstests sollen die bestehende Qualitätskette ergänzen. Videos und Wiedergabelisten sind technisch vorbereitet und werden ausgebaut, sobald es echte Inhalte dafür gibt.
Das Fundament steht: klarere Orientierung, stärkere Artikel, konsistente Komponenten, ein belastbares Inhaltsmodell und ein nachvollziehbarer Betriebsweg. Von hier aus kann ITextreme wachsen, ohne bei jedem neuen Inhalt wieder über die eigene Struktur zu stolpern.
Alle Artikel entdecken oder einen Blick auf die eingesetzten Tools werfen.
