Website-Relaunch 2026: Von Kirby CMS zu Nuxt und Storyblok

Der Relaunch meiner Website: Vom klassischen Stack zur modernen Frontend-Experience

Ein Relaunch ist immer mehr als nur ein neues Design. Für mich war es die Gelegenheit, meine gesamte Arbeitsweise zu hinterfragen und meine Website technisch wie konzeptionell auf ein neues Level zu heben.

Der alte Stack – solide, aber limitiert

Meine bisherige Seite lief auf einem klassischen Setup: Kirby CMS, PHP, Bootstrap und jQuery. Das hat lange gut funktioniert. Kirby ist flexibel, PHP zuverlässig, und mit Bootstrap sowie jQuery konnte ich schnell funktionale Interfaces bauen.

Aber: Mit der Zeit haben sich die Grenzen immer deutlicher gezeigt.

• Komponenten waren nicht wirklich wiederverwendbar

• State-Management wurde schnell unübersichtlich

• Performance und Developer Experience waren okay, aber nicht herausragend

• Moderne UI-Konzepte ließen sich nur mit zusätzlichem Aufwand umsetzen

Kurz gesagt: Es hat funktioniert – aber es hat mich nicht mehr begeistert.

Der neue Stack – modern, flexibel und inspirierend

Für den Relaunch habe ich mich bewusst für einen komplett neuen Ansatz entschieden:

Der Unterschied ist enorm.

Mit Nuxt arbeite ich jetzt in einem echten Komponenten-basierten System, das mir nicht nur Struktur gibt, sondern auch Geschwindigkeit. Alles fühlt sich konsistenter und durchdachter an. Besonders die Developer Experience ist ein riesiger Sprung nach vorne.

Nuxt UI hilft mir dabei, schnell hochwertige Interfaces zu bauen, ohne jedes Mal bei null anzufangen. Gleichzeitig bleibt genug Flexibilität, um individuelle Designs umzusetzen – ein wichtiger Punkt für mich als UI Designer.

Storyblok bringt endlich die perfekte Trennung zwischen Content und Frontend. Ich kann Inhalte strukturieren, flexibel modellieren und gleichzeitig eine saubere API-basierte Architektur nutzen. Das macht nicht nur die Entwicklung angenehmer, sondern auch zukünftige Erweiterungen deutlich einfacher.

Und TypeScript sorgt dafür, dass mein Code robuster wird. Weniger Überraschungen, mehr Klarheit.

Neue Arbeitsweise: KI als echter Bestandteil des Workflows

Ein großer Teil dieses Relaunches wäre ohne moderne KI-Tools so nicht möglich gewesen.

Ich habe intensiv mit Google Gemini gearbeitet – vor allem für:

• schnelle Ideenfindung

• Refactoring

• Generierung von Boilerplate-Code

• Debugging-Ansätze

Zusätzlich habe ich Google Antigravity genutzt, um schneller von Konzepten zu funktionierenden Lösungen zu kommen. Gerade in der Kombination mit einem modernen Stack entsteht hier ein Workflow, der sich extrem effizient anfühlt.

Was sich verändert hat:
Ich verbringe weniger Zeit mit repetitiven Aufgaben und mehr Zeit mit den wirklich wichtigen Dingen – Architektur, UX und Details.

Design & Systemdenken

Beim Relaunch ging es mir nicht nur um neue Technologien, sondern auch um ein besseres System.

Ich habe viel stärker in Komponenten und Patterns gedacht:

• klare Design Tokens

• wiederverwendbare UI-Bausteine

• konsistente Interactions

Das Ergebnis ist eine Website, die sich nicht nur besser anfühlt, sondern auch viel einfacher weiterentwickeln lässt.

Performance & Zukunftssicherheit

Ein weiterer wichtiger Punkt war Performance. Mit dem neuen Stack konnte ich:

• Ladezeiten deutlich reduzieren

• bessere SEO-Grundlagen schaffen

• eine insgesamt flüssigere User Experience bieten

Gleichzeitig ist die Seite jetzt viel zukunftssicherer. Neue Features lassen sich schneller integrieren, ohne dass alles auseinanderfällt.

Fazit

Der Relaunch war für mich mehr als ein Upgrade – es war ein echter Perspektivwechsel.
Ich habe nicht nur meinen Tech Stack modernisiert, sondern auch meine Art zu arbeiten. Die Kombination aus Nuxt, Storyblok, TypeScript und KI-gestütztem Workflow fühlt sich genau richtig an.

Und das Wichtigste: Ich habe wieder richtig Spaß daran, an meiner eigenen Website zu arbeiten. Wenn ich eines aus diesem Prozess mitnehme, dann das: Technologie sollte nicht nur funktionieren – sie sollte inspirieren.