VueFront Starter Kit

Vue powered CMS agnostic frontend framework for your old-fashioned Blog and Ecommerce site.

Show your ❤️ - give us a ⭐
Help us grow this project to be the best it can be!

The VueFront Starter kit is a boilerplate of a VueFront Web App built on Nuxt. You can clone it and modify to quickly start working with VueFront.

You can also use an App Generator by running this command in your terminal:

# Create VueFront app. replace <project-name> with vuefront
yarn create vuefront-app <project-name>
# OR npx create-vuefront-app <project-name>

yarn dev

CMS Connect App (required to be installed first)

VueFront is compatible with the following CMS:

1. Wordpress
2. Magento
3. OpenCart
4. PrestaShop

Quick Start

1. Install CMS Connect App on your CMS website to obtain the CMS Connect URL
2. Fork this repo
3. Rename .env-dist to .env and edit it: add your CMS Connect URL, provided in the VueFront CMS App
4. Deploy on Heroku or Netlify

Netlify setup

• Repositiory: connect your forked vuefront-starter-kit
• Build command: npm run generate
• Publish directory: dist

Setup VueFront App on your local computer

1. Clone this repo
2. Run the following commands

# 1. install dependencies
$ yarn install

# 2. serve with hot reload at localhost:3000
$ yarn run dev

# 3.1 build for production and launch server
$ yarn run build
$ yarn start

# 3.2 generate static project
$ yarn run generate

For detailed explanation on how things work, checkout Nuxt.js docs.