https://github.com/voorhoede/how-front-end-works
When everybody involved in a project understands front-end concepts, the better the chance of a project becoming a success.
https://github.com/voorhoede/how-front-end-works
netlify nuxtjs website
Last synced: 5 months ago
JSON representation
When everybody involved in a project understands front-end concepts, the better the chance of a project becoming a success.
- Host: GitHub
- URL: https://github.com/voorhoede/how-front-end-works
- Owner: voorhoede
- License: mit
- Created: 2018-07-10T06:18:14.000Z (almost 8 years ago)
- Default Branch: master
- Last Pushed: 2023-06-22T00:11:22.000Z (about 3 years ago)
- Last Synced: 2023-08-01T09:09:46.390Z (almost 3 years ago)
- Topics: netlify, nuxtjs, website
- Language: Vue
- Homepage: https://www.howfrontendworks.com/
- Size: 1.16 MB
- Stars: 4
- Watchers: 6
- Forks: 0
- Open Issues: 1
-
Metadata Files:
- Readme: readme.md
- License: license
Awesome Lists containing this project
README
# How Front-End Works
How Front-End Works is a universal [Vue.js](https://vuejs.org/) app made with [Nuxt.js](https://nuxtjs.org/). The app is deployed on [Netlify](https://www.netlify.com/).
## 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](#scripts).
* Changes on master and content publishing from the CMS trigger a new build and deploy to the [live environment](https://how-front-end-works.netlify.com).
### 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](http://nodejs.org/) (>= v8) and [npm](https://npmjs.org/) (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`](http://localhost:3000) with hot reloading.
`proxy` | Exposes app on localhost to world wide web for testing on other devices.