A word of caution: Saber is currently in beta stage. We encourage brave early adopters, it works but expect bugs large and small. We do maintain a changelog for breaking changes, new features and bug fixes though.
Hexo / Hugo
Saber's layout system uses Vue.js by default. Layouts will be used to generate two bundles, a server bundle and a client bundle. The server bundle will be used to generate static HTML at build time, and the client bundle will be used for client-side interactions. Once the page is loaded on client-side, the client bundle will take over it to "hydrate" the static markup and make it interactive. (hence universal)
VuePress and Saber both support Markdown page by default, but you can also use
.js pages in Saber. VuePress has a flexible plugin system so you can pretty much build any static site with VuePress as well. Saber is like a mix of all the good stuff from Gatsby.js, Hexo and VuePress.
Gridsome is a close sibling to Gatsby.js which is GraphQL based. If you want something exactly like Gatsby.js in Vue Land, Gridsome is just what you need.
Check out the installation guide.
The center of Saber's routing API is the
pages object, by default every
.md file in
./pages folder will become a
./pages/index.vue inside your project:
<template> <div>Welcome to Saber!</div> </template>
And then just run
saber and go to
You can also use Saber's Node APIs to add pages from anywhere, e.g. REST/GraphQL API.