Chapter 7. Static Site Generation with VuePress

If you haven’t heard of VuePress before, that’s probably because Vue.js creator, Evan You, just released version 0.1.0 in early 2018. VuePress is the newest project in Vue’s ecosystem and when launched, quickly became the number one product on Product Hunt. In Chapter 6: Server-Side Rendering With Nuxt.js, you learned about Nuxt.js, the server-side rendering framework that helps you create server rendered universal applications. As mentioned in that chapter, Nuxt.js also has a nuxt generate command that renders all of your pages into flat, static HTML pages. Once a page is loaded, the app is “hydrated” and becomes a traditional single page application. Much like Nuxt’s generate command, VuePress also generates flat HTML files which then gets “hydrated” into a traditional SPA when the first page (or entry point) is loaded.

So, why VuePress? Doesn’t Nuxt.js already do everything...