VueFront
Vue powered CMS agnostic frontend framework for your old-fashioned Blog and Ecommerce site.
Show your
Help us grow this project to be the best it can be!
What does VueFront do?
It can easily turn your Wordpress, OpenCart, Magenta, Shopify or any other blog/store into an SPA and PWA with Vue.js in less then 5 minutes.
Why is this project useful?
You want to try new technology, outrun your competition and just provide a better user experiance, but not ready to invest thousands of dollars? Then try VueFront. Its easy to setup, test and run.
- 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)
- Install VueFront CMS Connect App on your site and copy the CMS Connect URL.
- Install VueFront app. (requires node.js >= 8, git, and yarn)
# Create VueFront app. replace <project-name> with vuefront
yarn create vuefront-app <project-name>
# OR npx create-vuefront-app <project-name>
yarn dev
Switch to production
- build your App
# build the app
yarn build
-
Copy the contents of your app from
/dist
to your root folder of your CMS where it is hosted. -
Configure your hosting to load
index.html
first. This can be a bit tricky.
For OpenCart CMS you can use this:
- Apache
# for VeuFront to work you need to load index.html before any other index file
DirectoryIndex index.html index.php
- Nginx
# for VeuFront 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;
}