Ecosyste.ms: Awesome

An open API service indexing awesome lists of open source software.

Awesome Lists | Featured Topics | Projects

https://github.com/vuefront/vuefront-docs

VueFront Documentation
https://github.com/vuefront/vuefront-docs

documentation pwa single-page-application single-page-application-with-vue spa vue vuefront vuejs

Last synced: about 1 month ago
JSON representation

VueFront Documentation

Awesome Lists containing this project

README

        

---
title: VueFront
lang: en-US
meta:
- name: description
content: Vue Powered CMS agnostic SPA & PWA frontend for your old-fashioned Blog and E-commerce site.
- name: keywords
content: Vue, VueFront, SPA, PWA, Nuxt, agnostic, frontend, framework
home: true
heroImage: /logo.png
actionText: Get Started →
actionLink: /guide/
features:
- title: Use it today
details: Compatible with Wordpress, Woocommerce, Opencart, Prestashop, Magento, Shopify, Drupal, Joomla, and more.
- title: Build for the future
details: Single Page application (SPA) and Progressive Web App (PWA) out of the box.
- title: Just works
details: We took the liberty of making a complete solution from creating the back-end GraphQL module to building the front-end web app.

footer: MIT Licensed | Copyright © 2018-present Dreamvention
---

### VueFront Demos



1. Wordpress + WooCommerce demo





2. OpenCart + Blog Module demo





3. Magento + Blog Megafan demo





4. PrestaShop + PrestaBlog demo




### Installing is as easy as 1, 2, 3

1. [Download](/cms/) and Install VueFront **CMS Connect App** on your site ([OpenCart](/cms/opencart.html), [Worpdress/WooCommerce](/cms/wordpress.html)) the app will provide you with a CMS Connect URL.
2. In command line install VueFront Web App. (requires node.js >= 8 and yarn or npm)

```bash
# Create VueFront app. replace with vuefront
yarn create vuefront-app
# OR npx create-vuefront-app

yarn dev
# OR npm run dev
```

- When prompt during the setup step, paste the CMS Connect URL provided by CMS Connect App.

```bash
# during the setup you will be asked to paste the CMS Connect URL:
? Paste the CMS Connect URL, provided by your CMS Connect App ()
```

Enjoy your new VueFront!