Ecosyste.ms: Awesome
An open API service indexing awesome lists of open source software.
https://github.com/vuefront/vuefront
VueFront Core. Turn your old-fashioned CMS website in to a SPA & PWA in 5 minutes
https://github.com/vuefront/vuefront
app cms framework frontend javascript magento opencart prestashop pwa spa typescript vitejs vue vue3 vuefront vuejs webapp wordpress
Last synced: 29 days ago
JSON representation
VueFront Core. Turn your old-fashioned CMS website in to a SPA & PWA in 5 minutes
- Host: GitHub
- URL: https://github.com/vuefront/vuefront
- Owner: vuefront
- Created: 2019-03-26T09:55:29.000Z (over 5 years ago)
- Default Branch: master
- Last Pushed: 2023-03-06T15:51:35.000Z (over 1 year ago)
- Last Synced: 2024-09-28T23:02:03.853Z (about 1 month ago)
- Topics: app, cms, framework, frontend, javascript, magento, opencart, prestashop, pwa, spa, typescript, vitejs, vue, vue3, vuefront, vuejs, webapp, wordpress
- Language: Vue
- Homepage: https://vuefront.com/
- Size: 14.3 MB
- Stars: 388
- Watchers: 22
- Forks: 57
- Open Issues: 38
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
VueFront
Vue powered CMS agnostic frontend framework for your old-fashioned Blog and Ecommerce site. 
Show your :heart: - give us a :star:
Help us grow this project to be the best it can be!
# Demo
[VueFront on Wordpress](https://wordpress.vuefront.com/)
[VueFront on OpenCart](https://opencart.vuefront.com/)
[VueFront on Magento](https://magento.vuefront.com/)
[VueFront on PrestaShop](https://prestashop.vuefront.com/)
# What can I do with VueFront?
Easily turn your Wordpress, OpenCart, Magento, PrestaShop, Shopify or any other blog/store CMS into an SPA and PWA with Vue.js in less then 5 minutes.
VueFront Tech-stack:
- SPA
- PWA
- AMP
- GraphQL + Apollo
- VueJS + Nuxt
- Atomic Design
- JAMstack
## Who can use VueFront?
You or your clients with a site on an old-fashiond CMS. If you want to try new technology, outrun your competition and just provide a better user experience, but not ready to invest thousands of dollars, VueFront is for you.
- It uses the latest tech stack.
- It's free.
- It's easy to setup, test and run.
It works out-of-the-box:
- You get a shiny new Web APP.
- You get to keep your current CMS admin panel.
- You can always switch back to your old site.
> Give it a try, what do you have to lose?
## How do I get started? (development)
1. Install VueFront [CMS Connect App](https://vuefront.com/cms/) on your site and copy the CMS Connect URL.
2. Install VueFront app. (requires node.js >= 8, git, and yarn)
```bash
# Create VueFront app. replace with vuefront
yarn create vuefront-app
# OR npx create-vuefront-app
yarn dev
```
## Switch to production
1. build your App
```bash
# build the app
yarn build
```
2. Copy the contents of your app from `/dist` to your root folder of your CMS where it is hosted.
3. Configure your hosting to load `index.html` first. This can be a bit tricky.
For OpenCart CMS you can use this:
- Apache
```apache
# for VueFront to work you need to load index.html before any other index file
DirectoryIndex index.html index.php
```
- Nginx
```nginx
# for VueFront to work you need to load index.html before any other index file
index index.html index.php;
# when visiting any other url, it should forward to the root index.html file
location / {
try_files $uri $uri/ /index.html;
}
```