Nuxt Storyblok Boilerplate

To get better understanding of this project and how it works, read our Add a headless CMS to Nuxt in 5 minutes article.

Resources

Visit our technology Nuxt Technology Hub for more tutorials and videos how to use Storyblok together with Vue.js and Nuxt.

Configuration Steps

1. Create new Space in Storyblok
2. Obtain Preview Token from the Settings of the Space.
3. Replace the accessToken value in nuxt.config.js file with your Preview Token.
4. Your Nuxt.js project can be started and will consume data from your Storyblok Space.

For more advanced article on how to build multilanguage website with Storyblok and Nuxt.js, check our The Complete Guide to Build a Full Blown Multilanguage Website with Nuxt.js.

Build Setup

# install dependencies
$ yarn install

# serve with hot reload at localhost:3000
$ yarn dev

# build for production and launch server
$ yarn build
$ yarn start

# generate static project
$ yarn generate

For detailed explanation on how things work, check out Nuxt.js docs.