einem Fertighaus-Anbieter vergleichen, der auf Basis eines bewährten Grundmodells bereits Fundament, Wände und komplette Verkabelung mitliefert, statt dass man jedes Projekt komplett von Grund auf neu planen muss
Was steckt dahinter?
Nuxt.js ist ein Framework, das auf Vue.js aufbaut, und lässt sich am besten mit einem Fertighaus-Anbieter vergleichen, der auf Basis eines bewährten Grundmodells bereits Fundament, Wände und komplette Verkabelung mitliefert, statt dass man jedes Projekt komplett von Grund auf neu planen muss. Während Vue selbst sich primär auf den Bau von Benutzeroberflächen konzentriert, ergänzt Nuxt eine ganze Reihe zusätzlicher, in der Praxis sehr häufig benötigter Funktionen, die man bei einem reinen Vue-Projekt sonst selbst zusammenstellen und konfigurieren müsste. Dazu gehört insbesondere ein automatisches, dateibasiertes Routing-System – legt man im Projekt eine neue Datei für eine Seite an, erstellt Nuxt automatisch die passende, dazugehörige URL, ohne dass diese händisch konfiguriert werden müsste – sowie eine vorgegebene, klar strukturierte Projektorganisation, die gerade bei größeren Teams für mehr Konsistenz zwischen verschiedenen Projekten sorgt. Zudem bringt Nuxt von Haus aus Unterstützung für Server-Side Rendering und Static Site Generation mit, zwei Techniken, die sich in reinem Vue nur mit erheblichem Zusatzaufwand selbst implementieren ließen. Für SEO-orientierte Projekte ist Nuxt deshalb besonders interessant: Eine reine Single Page Application kann für Suchmaschinen unter Umständen schwerer zu erfassen sein, da der eigentliche Inhalt erst nach dem Ausführen von JavaScript im Browser entsteht. Nuxt löst dieses Problem, indem es Inhalte serverseitig vorbereitet, sodass Suchmaschinen-Crawler von Anfang an vollständiges, fertig aufgebautes HTML vorfinden, während Nutzer im Browser weiterhin von der gewohnten Interaktivität einer Vue-Anwendung profitieren.