Skip to content

ramidecodes/valparaiso

Repository files navigation

Valparaiso website

Initial scaffolding was done by vue-CLI using the Webpack template

Using runtime-only build of Vue

Additional core dependencies added: vuex (state management), axios (http client), firebase (Firebase Javascript SDK), vue-touch (Hammer.js wrapper for Vue.js), anime-js (JavaScript Animation Engine)

Staging

valparaiso.surge.sh will be regularly updated to reflect the latest stage of development!

NPM commands

The build command will use surge to deploy to staging. You'll need to install it.

Check package.json for additional details and commands that might not be listed here.

# install dependencies
$ npm install

# serve with hot reload at localhost:8080
$ npm run dev

# build and deploy to staging (new developers will first need to be added as collaborator to deploy to staging!)
$ npm run build

# build locally
$ npm run build-local

For detailed explanation on how the Webpack template works, checkout the guide and docs for vue-loader.

Service worker and offline caching

A service worker is generated to cache all assets for offline use. The site is a fully functional Progressive Web App.

Lighthouse

You're recommended to install Google's Lighthouse for performance auditing. PWA score should always be 100. The rest should score above 80.