nuxt-vuex-persist-shared-mutations-example

Example static nuxt SPA with vuex store featuring

• store persisted client-side
• mutations shared between tabs/windows.

Live Preview

Preview here

Libraries Used

Everything built with an out of the box combination of Nuxt (+ vuex) + vuex-persist + vuex-shared-mutations.
vuex-persist + vues-shared-mutations added as nuxt plugins.

All credits go to:

• https://github.com/championswimmer/vuex-persist
• https://github.com/xanf/vuex-shared-mutations
• Last but not least.. Vue.js + Nuxt.js

Build Setup

# install dependencies
$ yarn
# serve with hot reload at localhost:3000
$ yarn dev
# generate static project
$ yarn generate
# generate static for GitHub Pages
$ yarn generate:gh-pages
# deploy `dist` folder for GitHub Pages (branch 'gh-pages')
$ yarn deploy:gh-pages

Deployment: Github Actions > Github Pages

This repo has been setup for fully automated deployment of the Live Preview via Github Actions as Github Pages.

For details, check following files + references below:
nuxt.config.js -> routerBase
package.json -> scripts generate:gh-pages + deploy:gh-pages
.github/workflows/gh-pages-deploy.yml

Credits

• https://nuxtjs.org/faq/github-pages/
• https://github.com/L33T-KR3W/push-dir

References Github

• https://pages.github.com/
• https://github.com/features/actions