How Front-End Works

How Front-End Works is a universal Vue.js app made with Nuxt.js. The app is deployed on Netlify.

Development

Getting started

• Clone the repository.
• Copy .env.example to .env and fill in the necessary variables.
• Run app in development mode (npm run dev), see scripts.
• Changes on master and content publishing from the CMS trigger a new build and deploy to the live environment.

Structure

src/
  assets/         <- core files, not public
  components/     <- Vue components
  layouts/        <- base layout for pages
  middleware/     <- middleware for routing
  pages/          <- view per route
  static/         <- public assets

.env              <- local environment variables
dato.config.js    <- data dump configuration
nuxt.config.js    <- Nuxt app config

Scripts

This project requires Node.js (>= v8) and npm (comes with Node).

After installing dependencies using npm install the following scripts are available:

npm run ...	Description
build	Builds app for production to dist/.
dev	Serves app on http://localhost:3000 with hot reloading.
proxy	Exposes app on localhost to world wide web for testing on other devices.