hongweitang / dries-bos-studio

Personal portfolio using VueJS, NuxtJS, Storyblok CMS, Axios

Home Page:https://www.driesbos.com

Geek Repo:Geek Repo

Github PK Tool:Github PK Tool

nuxt-storyblok-boilerplate

# Boilerplate using VueJS, NuxtJS, Storyblok CMS, Axion

Stack

# Nuxt as JavaScript Framework
# Storyblok as CMS
# Storyblok as database

Build Setup

# 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

Added Deps

# install sass pre-processors
$ npm install --save-dev node-sass sass-loader

# install NuxtJS Module
$ npm install --save storyblok-nuxt
$ npm install @nuxt/webpack

Heroku App Deployment (optional)

# Add Heroku to git
$ heroku git:remote -a app-name
$ git remote -v
$ git push heroku master
$ git push heroku branch-name:master

# Set Heroku Config
$ heroku config:set NPM_CONFIG_PRODUCTION=false
$ heroku config:set HOST=0.0.0.0
$ heroku config:set NODE_ENV=production

Miscellaneous

# Add favicon in /static
# Add VueX to /store

About

Personal portfolio using VueJS, NuxtJS, Storyblok CMS, Axios

https://www.driesbos.com


Languages

Language:Vue 56.1%Language:JavaScript 19.9%Language:Sass 17.5%Language:CSS 6.5%