PWAs, SPAs und mehr mit VuePress

VuePress: Static Sites mit Vue erzeugen

VuePress: Static Sites mit Vue erzeugen

PWAs, SPAs und mehr mit VuePress

VuePress: Static Sites mit Vue erzeugen


Evan You, der Erfinder von Vue.js, hat ein neues Projekt für die JavaScript-Library am Start: VuePress ist darauf ausgelegt, eine Plattform für die Veröffentlichung von Content zu schaffen. Dafür arbeitet das Tool mit Static Sites, die als Single Page Application ausgegeben werden und mit PWAs kompatibel sind.

Vue.js wird immer beliebter im JavaScript-Ökosystem. Im vergangenen Jahr hat die Library sich zu einem der Top-Tools für JavaScript-Projekte entwickelt, wenn es um das Frontend geht. Das merkt man auch an der Vielfalt an Libraries, die inzwischen auf Vue aufbauen. Wer beispielsweise Vue-Projekte im Material Design stylen möchte, kann das mit Vuetify tun. Mit VuePress steht jetzt außerdem eine Library zur Verfügung, die Static Sites mit Vue generiert und diese als Single Page Applications ausgibt. Die Seiten sind kompatible mit der Umsetzung als Progressive Web Apps und verfügen über eine Integration von Google Analytics. Das Konzept hat also Ähnlichkeit mit dem von Gatsby, dem Static Site Generator für React-Projekte.

VuePress: Static Sites mit Vue

Die Projektstruktur von VuePress beruht auf Markdowns, was das Setup erleichtern soll. Neben Vue beruht der Static Site Generator auf Webpack und arbeitet mit Vue Components für das Layout, so erklärt die Website der Library. Einen Überblick über die Features von VuePress gibt die GitHub-Seite des Projekts. Dazu gehört außerdem, dass eigene Themes für VuePress mit Vue entwickelt werden können. Da VuePress ja mit Progressive Web Apps kompatibel ist, unterstützt die Library natürlich auch Service Worker.

Der Static Site Generator wird in VuePress um ein Default Themen ergänzt, das auf die Erstellung technischer Dokumentationen ausgerichtet ist. Das Theme bringt ein responsives Layout mit, kann um eine Homepage ergänzt werden, verfügt über individualisierbare Navigationen und erzeugt automatisch Links zu GitHub-Seiten und für die Bearbeitung von Inhalten.

Open Source und in Zukunft für Blogs

VuePress steht unter MIT-Lizenz und wird vom Vue-Erfinder Evan You entwickelt. Auf GitHub ist nachzulesen, dass noch ein paar Features für das Projekt geplant sind; dazu gehört unter anderem ein Support für die Nutzung als Bloggingplattform. VuePress steht derzeit in Version 0.4.1 zur Verfügung. Für die Verwendung von VuePress wird Node v8 oder höher vorausgesetzt.

Ann-Cathrin Klose, Redakteurin Entwickler Magazin


Weitere Artikel zu diesem Thema