Boilerplate for using VueJS, NuxtJS with Storyblok CMS. Configured for SASS.
- Storyblok image compression and conversion
- nuxt-optimised-images compression, inline, conversion
- Includes markdown, video and images component
- Serviceworker module (PWA)
- Secure your secrets by Nuxt runtime config
- Auto import CSS variables/mixins/functions
- CSS reset sheet + optional form-reset
- Material icons
- Optional scrollto and lazyload plugins
- Optional CursorInteraction (GSAP)
- Optional GSAP functions (scrollSpeed, rotate, horizontalScroll, etc)
- Optional depository of filter functions
- Optional GSAP and jQuery
- Optional modules (Google Analytics)
# install dependencies
$ npm install
# serve with hot reload at localhost:3000
$ npm run dev
# build for production and launch server
$ npm run build
$ npm start
# generate static project
$ npm run generate
# Launch lint
$ npm run lint
# Lint fixing
$ npm run lintfix
# NPM vulnerabilities audit
$ npm audit fix
* Add Google Analytics ID
* Add Storyblok secrets to a .env file
* Rename title + description in package.json
* Add build command
* Add secrets to variables
* Add Storyblok webhook (generate webhook in the Storyblok settings)
For detailed explanation on how things work, read Nuxt docs and Storyblok docs and Netlify docs.