Website-Design & Hosting mit reinem Vibe Coding

Diese Website — www.niceneasy.ch — wurde vollständig durch konversationelle KI entworfen und gebaut. Keine Mockups, keine Wireframes, kein manuelles Coding. Ein einziger Engineer hat Claude Code durch natürliche Sprache angeleitet und eine komplette Next.js-14-Applikation mit i18n (4 Sprachen), Dark-Mode-Designsystem, Mermaid-Diagrammen, Blog mit Kommentaren, Authentifizierung und Azure Static Web Apps Deployment erzeugt — in einer einzigen Session.

Impact: Komplette Firmenwebsite in Stunden statt Wochen. Null Zeilen handgeschriebener Code. Kontinuierlich KI-gewartet.

Architekturübersicht

Was ist Vibe Coding?

Vibe Coding ist ein neues Paradigma, bei dem der Entwickler seine Absicht in natürlicher Sprache beschreibt und ein KI-Agent den Code schreibt, debuggt und deployed. Der Mensch bleibt als Architekt und Reviewer im Loop — die KI tippt. Diese Website wurde genau so gebaut: jede Komponente, jede Übersetzung, jede Deployment-Pipeline wurde durch Konversation mit Claude Code generiert.

Wie diese Website gebaut wurde

Ein Engineer öffnete ein Terminal, beschrieb die Firmenidentität und Zielgruppe, und iterierte durch Sprints — genau wie ein traditionelles Projekt, aber 10x schneller. Sprint 1: Next.js-Scaffolding + i18n. Sprint 2: Homepage mit animiertem Hero, Glasmorphismus-Karten, Scroll-Animationen. Sprint 3: Express-API mit Cosmos DB, Google/LinkedIn OAuth. Sprint 4: fünf Service-Seiten mit technischem Inhalt. Sprint 5: interaktive Use-Case-Seiten mit Mermaid-Architekturdiagrammen. Sprint 6: vollständige Blog-Plattform mit Kommentaren und Reaktionen. Sprint 7: About-, Kontakt- und rechtliche Seiten. Sprint 8: SEO, Sitemap, PWA-Manifest. Alles deployed auf Azure Static Web Apps mit GitHub Actions CI/CD.

Wie sie gewartet wird

Die Wartung folgt dem gleichen Muster. Neuer Blogpost nötig? Beschreiben. Neue Use-Case-Seite nötig? Beschreiben — wie diese hier. Bug in Produktion? Fehlermeldung einfügen. Der KI-Agent liest die Codebase, versteht die Architektur und macht chirurgische Fixes. Kein Onboarding, kein Context-Switching. Die gesamte Website-Historie lebt in Git, vollständig auditierbar.

Warum das für Ihr Business wichtig ist

Wenn wir unsere eigene Firmenwebsite so bauen und warten können, stellen Sie sich vor, was wir für Ihre tun können. Landingpages, interne Tools, Dashboards, Dokumentationsseiten — alles durch Konversation gebaut, in Stunden deployed und zu einem Bruchteil der traditionellen Kosten gewartet. Das ist keine Demo. Das ist Produktion.

Sollen wir Ihr nächstes Projekt vibe-coden?

Mehr erfahren