Vue 3 und Nuxt für Business-Websites: Wann sich SSG oder SPA wirklich lohnt

Vue Nuxt Business Website: wann lohnt sich der Umstieg von WordPress?

Ich bekomme diese Frage regelmäßig: "Wir wollen eine neue Website – soll das Vue oder WordPress werden?" Die ehrliche Antwort ist: es kommt drauf an. Aber da diese Antwort nie besonders hilfreich ist, zeige ich dir hier, wie ich die Entscheidung selbst treffe – und warum diese Seite (kipphard.com) mit Vue 3 und vite-ssg gebaut ist.

Was SSG und SSR für SEO und Performance bedeuten

Der häufigste Einwand gegen JavaScript-basierte Sites lautet: "Wird das überhaupt von Google gecrawlt?" Bei einem reinen Client-Side-Rendered SPA ohne Prerendering ist das eine berechtigte Sorge. Bei SSG (Static Site Generation) oder SSR (Server-Side Rendering) ist es keins.

Mit Nuxt oder vite-ssg wird jede Route beim Build-Prozess zu vollständigem HTML vorgerendert. Der Crawler sieht sofort semantisches Markup, Metatags und Inhalte – genauso wie bei einer klassischen HTML-Seite. Das Ergebnis:

• Volle Crawlbarkeit ohne JavaScript-Abhängigkeit
• Core Web Vitals profitieren vom statischen HTML – keine render-blockierenden JS-Bundles mehr
• Hosting auf CDN möglich: weltweite Auslieferung in unter 50 ms
• Keine Datenbankabfragen zur Laufzeit, keine Server-Kaltstartverzögerung

Bei SSR (z. B. Nuxt mit Node-Server) bekommst du zusätzlich dynamische Daten pro Request, während das HTML trotzdem serverseitig gerendert wird. Das ist der Sweet Spot für Shops oder Portale mit nutzerspezifischen Inhalten.

Developer Experience und Wartbarkeit

Vue 3 mit Composition API und TypeScript macht Spaß. Das klingt wie Marketing, ist aber ein handfestes Argument für Projekte, die über Jahre gepflegt werden. Du bekommst:

• Strikte Typisierung, die Fehler zur Entwicklungszeit aufdeckt statt im Produktiv-Log
• Hot Module Replacement, das in Millisekunden reagiert
• Komponenten-Architektur, die Wiederverwendung erzwingt statt ermöglicht
• Ein Ökosystem (Pinia, VueUse, Nuxt Modules), das für fast jeden Use Case eine solide Lösung bietet

Bei WordPress hast du nach drei Jahren oft ein Plugin-Dschungel, bei dem niemand mehr weiß, was welches Plugin tut. Bei einer Vue/Nuxt-App ist der Code dein Code – nachvollziehbar, testbar, refaktorierbar.

Wann ein Headless- oder Custom-App-Ansatz sich bezahlt macht

Ein Vue/Nuxt-Frontend macht besonders dann Sinn, wenn:

• Die Website stark interaktiv ist: Konfiguratoren, Filter, Echtzeit-Daten, komplexe Formulare
• Du eine bestehende API oder ein bestehendes Backend anbinden willst (REST, GraphQL, Supabase, Directus)
• Performance und Lighthouse-Score geschäftskritisch sind – z. B. bei Google Ads Landeseiten
• Die Site Teil eines größeren App-Ökosystems ist und Code geteilt werden soll
• Du ein individuelles Design umsetzen willst, das in Themen-basierten Systemen nur mit Trickserei funktioniert

Schau dir meine Leistungsübersicht an: Vue 3, Nuxt und TypeScript bilden den Kern meiner täglichen Arbeit. Die meisten meiner Kundenprojekte profitieren direkt davon.

Wann WordPress die bessere Wahl ist – und ich das klar so sage

Ja, es gibt Situationen, in denen ich WordPress empfehle. Nicht weil es technisch überlegen wäre, sondern weil es pragmatisch die richtige Entscheidung ist:

• Content-heavy Sites mit vielen Autoren: Gutenberg oder ein ACF-basiertes Backend ist für Nicht-Entwickler einfach zugänglicher als jedes Headless-CMS
• Knappes Budget und Zeitdruck: Ein gutes WordPress-Theme kann in einer Woche live sein. Eine Vue-App braucht mehr Vorlaufzeit.
• Viele Plugins out-of-the-box: WooCommerce, Events Manager, Membership-Plugins – das Ökosystem ist riesig
• Kein Entwickler langfristig eingeplant: WordPress kann der Kunde selbst pflegen; eine Vue-App nicht ohne Grundkenntnisse

Diese Ehrlichkeit kostet mich vielleicht den einen oder anderen Auftrag. Aber ein Projekt in der falschen Technologie zu bauen hilft niemandem.

kipphard.com als konkretes Beispiel

Diese Website ist in Vue 3 und vite-ssg umgesetzt. Jede Seite wird beim Build zu statischem HTML generiert, über ein CDN ausgeliefert und lädt in unter einer Sekunde. vue-i18n liefert German und English aus derselben Codebasis. Es gibt keine Datenbank, keinen Server, keine Angriffsfläche – und der Lighthouse-Score liegt konstant im grünen Bereich.

Für eine Portfolio-Site mit klarem Fokus auf Performance und SEO war das die offensichtliche Wahl. Für eine Bäckerei mit täglich wechselnden Angeboten und einem Inhaber, der selbst Texte pflegen will, wäre WordPress sinnvoller gewesen.

Fazit: Die Technologie folgt dem Use Case

Vue 3 und Nuxt sind mächtige Werkzeuge für Business-Websites – wenn du Performance, individuelles Design, komplexe Interaktivität oder langfristige Wartbarkeit brauchst. Sie sind kein Selbstzweck und kein Statussymbol.

Wenn du unsicher bist, welche Technologie für dein Projekt passt, sprich mich an. Ich schaue mir deinen Use Case an und gebe dir eine ehrliche Einschätzung – ohne Vorverkauf.