Nuxt ist ein Meta-Framework für Vue.js, das 2016 erschienen ist. Es übernimmt für Vue, was Next.js für React leistet: Routing, Datenabruf und das Erzeugen der Seiten auf dem Server.
- Nuxt
Ein Framework auf Basis von Vue.js, das Seiten auf dem Server oder beim Bauen als fertiges HTML ausliefert.
Beispiel: „Die Vereinswebsite haben wir mit Nuxt gebaut, die Termine kommen über eine Schnittstelle aus dem CMS.“Auch: Nuxt.js, der frühere Name. Seit Version 3 schreibt sich das Projekt nur noch Nuxt.
Verwandt: Next.js, von dem Nuxt ausdrücklich inspiriert ist. Beide lösen dieselbe Aufgabe für unterschiedliche Bibliotheken.
Was Nuxt mitbringt
Eine feste Ordnerstruktur, aus der Nuxt die Seiten und ihre Adressen ableitet, automatische Importe für Komponenten und Hilfsfunktionen und einen Server namens Nitro. Der läuft auf vielen Plattformen, vom eigenen Server bis zu Edge-Netzwerken.
Wie bei Next.js lässt sich je Seite wählen, ob sie bei jedem Aufruf, einmal beim Bauen oder in festen Abständen neu entsteht.
Nuxt mit einem Headless CMS
Ein häufiger Aufbau: Die Inhalte liegen in einem Headless CMS, Nuxt holt sie über eine Schnittstelle und erzeugt daraus die Seiten. Redakteure pflegen weiter im CMS, die Darstellung liegt komplett im Frontend.
Für SEO zählt, dass die Inhalte dabei im ausgelieferten HTML stehen. Das erledigt Nuxt von sich aus, solange niemand das serverseitige Rendering abschaltet.
Wann Nuxt mehr ist als nötig
Wenn die Website im Kern aus Seiten mit Text und Bildern besteht und kaum Interaktion braucht. Dann liefert ein klassisches CMS mit eigener Ausgabe dasselbe Ergebnis mit einem System weniger, das gepflegt und aktualisiert werden muss.
Nuxt spielt seine Stärken aus, sobald Teile der Seite wie eine Anwendung funktionieren, etwa ein Kundenbereich oder ein umfangreicher Filter.