A powerful Vue.js boilerplate with Vue-Router and Vuex
- Server Side Rendering (SSR) with injected meta tags for SEO
- Progressive Web App (PWA) with Service Worker
- Code splitting and async component/route loading
- Automatic hot-reload in development
- Dockerized production setup with pm2 load balancing
- Automatic removal of unused CSS/SCSS
- Global SCSS variables and easy theme customization
- Linting and formatting with eslint and stylelint
- Uses Buefy for styling
- Email contact form with Sendgrid.
# Run in development
yarn run dev
# Building and running with Docker
docker build -t peridot .
docker run -p 8080:8080 peridot:latest
# Lint .vue, .js, .scss
yarn run lint
# See wepback build breakdown
npm run build --report
You can tweak settings in config/
. base.js
contains all settings, which you can choose to override for specific environments in dev.js
and prod.js
. Import oracle.js
anywhere you need configuration options.
The following resources were extremely helpful for configuring webpack and SSR: