# vuejs-landing-page

**Repository Path**: mini-docker/vuejs-landing-page

## Basic Information

- **Project Name**: vuejs-landing-page
- **Description**: No description available
- **Primary Language**: Unknown
- **License**: MIT
- **Default Branch**: master
- **Homepage**: None
- **GVP Project**: No

## Statistics

- **Stars**: 0
- **Forks**: 0
- **Created**: 2020-09-04
- **Last Updated**: 2021-03-08

## Categories & Tags

**Categories**: Uncategorized

**Tags**: None

## README

# Boxer - Software Landing Page (Vue.js)
This is a Vue.js boilerplate for the template [Boxer - Software Landing Page](https://themewagon.com/themes/software-landing-page-free-html5-template/) created by [ThemeWagon](https://themewagon.com/).

![open issues](https://img.shields.io/github/issues/codesandcoffees/vuejs-landing-page.svg)
![open prs](https://img.shields.io/github/issues-pr/codesandcoffees/vuejs-landing-page.svg)
![code size](https://img.shields.io/github/languages/code-size/codesandcoffees/vuejs-landing-page.svg)
![contributors](https://img.shields.io/github/contributors/codesandcoffees/vuejs-landing-page.svg)

# Assets
The assets used are directly from the template itself and is not local. PRs for this are highly welcome. When hosting this from `gh-pages` make sure to click the unblock pop-up to allow external assets to be loaded.

Temporary fix for the external js files being blocked is to use github to host the js files. Replace the codes in the `index.html`. The url goes like

```sh
https://rawgit.com/<username>/<repository>/<file_path>.js
```

# Deploying (26-February-2017)
Add a `homepage` field in the `package.json` to where to serve the app from. This will be added to the index.html

Example `"homepage": "https://username.github.io/repo/"` will become `https://username.github.io/repo/style.css` in the index.html.

# Commands (26-February-2017)
* `yarn start` will run a locally served app
* `yarn build` will build the app locally
* `yarn deploy` will build the app and deploy to `github pages`

# Vue.js starter template

<p align="center">
  <img src="src/assets/images/logo.png" height="100" />
</p>

A bare-bones starter-template to get your hands dirty with awesome [Vue.js](https://github.com/vuejs/vue) library.

Built with:
* [Vue.js 2](https://github.com/vuejs/vue)
* [Vue Router 2](https://github.com/vuejs/vue-router)
* [Axios](https://github.com/mzabriskie/axios)
* [Animate.css](https://github.com/daneden/animate.css)
* [Babel](https://babeljs.io/)
* [Bootstrap 4](https://v4-alpha.getbootstrap.com/)
* [BrowserSync](https://www.browsersync.io/)
* [ESLint](http://eslint.org/)
* [Font Awesome](http://fontawesome.io/)
* [JSONPlaceholder](http://jsonplaceholder.typicode.com/)
* [SASS](http://sass-lang.com/)
* [Webpack 2](https://webpack.js.org/)
* [Yarn](https://yarnpkg.com/en/docs/install)
* ...and many more

## Getting started

1. Be sure you have [Yarn](https://yarnpkg.com/en/docs/install) installed globally.
2. Clone the repo & run `yarn` from the project root

## Single File Components
See [instructions](docs/single-file-components.md) for example usage of [single file components](https://vuejs.org/v2/guide/single-file-components.html).

## Available commands

```sh
yarn start
```

Runs the Webpack module-bundler, starts watching for changes & launches the BrowserSync server to [http://localhost:3000](http://localhost:3000) (it's possible to change the port from `package.json` config-section). Uses [Webpack Dashboard](https://github.com/FormidableLabs/webpack-dashboard)

**Note!** Webpack handles all the reloading stuff while BrowserSync just proxies the default webpack-port (`8080`) giving the possibility to connect to dev-server from multiple devices:
![BrowserSync](.github/browsersync.png)


```sh
yarn lint:js
```

Lints javascript-files inside `/src` directory

```sh
yarn validate:dev
```

Validates Webpack development configuration (useful if you add plugins / loaders)

```sh
yarn validate:prod
```

Validates Webpack production configuration (useful if you add plugins / loaders)

```sh
yarn build
```

Runs the webpack module-bundler with production-settings (compress etc.) and builds the project to `/build` directory.

## Demo
Navigate to [https://codesandcoffees.github.io/vuejs-landing-page/](https://codesandcoffees.github.io/vuejs-landing-page/) and see the awesomeness IRL :bowtie: