Skip to content

Commit f801502

Browse files
dmitriyzhukdmitriyzhuk
committed
update
1 parent 2596cc8 commit f801502

File tree

6 files changed

+102
-83
lines changed

6 files changed

+102
-83
lines changed

Diff for: ‎.vuepress/components/appLayout.vue

+19-51
Original file line numberDiff line numberDiff line change
@@ -1,56 +1,17 @@
11
<template>
22
<div class="home themes-page">
3-
<h1>VueFront Apps</h1>
4-
<p>Connect your CMS to VueFront by installing a corresponding VueFront Extensions from the list below.</p>
5-
<div class="row">
6-
<div class="col">
7-
<a href="/cms/wordpress.html">
8-
<img src="/img/cms/wordpress.jpg">
9-
</a>
10-
<h4>Filter</h4>
11-
<small>Shop (WooCommerce), Blog</small>
12-
</div>
13-
<div class="col">
14-
<a href="/cms/opencart.html">
15-
<img src="/img/cms/opencart.jpg">
16-
</a>
17-
<h4>OpenCart</h4>
18-
<small>Shop, Blog (Blog Module)</small>
19-
</div>
20-
<div class="col">
21-
<img src="/img/cms/drupal.jpg">
22-
<h4>Drupal</h4>
23-
<small>Coming soon</small>
24-
</div>
25-
<div class="col">
26-
<img src="/img/cms/magento.jpg">
27-
<h4>Magento</h4>
28-
<small>Coming soon</small>
29-
</div>
3+
<div class="center">
4+
<h1>VueFront AppStore</h1>
5+
<p>Connect your CMS to VueFront by installing a corresponding VueFront Extensions from the list below.</p>
306
</div>
7+
<img src="/img/apps.png" class="apps-img" />
8+
<h2>AppStore is in development.</h2>
9+
<p>The AppStore is on its way. We are at the stage of designing the architecture of VueFront and preparing for the first Production release. Once we have a production tested version, we will start adding APPs.</p>
3110

32-
<div class="row">
33-
<div class="col">
34-
<img src="/img/cms/prestashop.jpg">
35-
<h4>Prestashop</h4>
36-
<p>Coming soon</p>
37-
</div>
38-
<div class="col">
39-
<img src="/img/cms/shopify.jpg">
40-
<h4>Shopify</h4>
41-
<small>Coming soon</small>
42-
</div>
43-
<div class="col">
44-
<img src="/img/cms/bigcommerce.jpg">
45-
<h4>Bigcommerce</h4>
46-
<small>Coming soon</small>
47-
</div>
48-
<div class="col">
49-
<img src="/img/cms/volusion.jpg">
50-
<h4>Volusion</h4>
51-
<small>Coming soon</small>
52-
</div>
53-
</div>
11+
<p>
12+
You can start today by
13+
<router-link to="/support.html">contacting us</router-link>to get started with developing the very first VueFront Apps. Once we are out, your apps will be the first in the list.
14+
</p>
5415
</div>
5516
</template>
5617

@@ -63,8 +24,15 @@
6324
flex: 1;
6425
padding: 15px;
6526
}
66-
.themes-page img {
67-
width: 100%;
27+
.apps-img {
28+
width: 75%;
29+
display: block;
30+
box-shadow: 0px 10px 40px 10px rgba(0, 0, 0, 0.15);
31+
border-radius: 5px;
32+
margin: 75px auto;
33+
}
34+
.center {
35+
text-align: center;
6836
}
6937
hr {
7038
margin: 20px 0px;

Diff for: ‎.vuepress/components/cmsLayout.vue

+19-14
Original file line numberDiff line numberDiff line change
@@ -5,51 +5,56 @@
55
<div class="row">
66
<div class="col">
77
<router-link to="/cms/wordpress.html">
8-
<img src="/img/cms/wordpress.jpg">
8+
<img src="/img/cms/wordpress.jpg" />
99
</router-link>
1010
<h4>Wordpress</h4>
1111
<small>Shop (WooCommerce), Blog</small>
1212
</div>
1313
<div class="col">
1414
<router-link to="/cms/opencart.html">
15-
<img src="/img/cms/opencart.jpg">
15+
<img src="/img/cms/opencart.jpg" />
1616
</router-link>
1717
<h4>OpenCart</h4>
1818
<small>Shop, Blog (Blog Module)</small>
1919
</div>
20+
<div class="col">
21+
<router-link to="/cms/magento.html">
22+
<img src="/img/cms/magento.jpg" />
23+
</router-link>
24+
<h4>Magento</h4>
25+
<small>Shop, Blog (Megafan)</small>
26+
</div>
2027
<div class="col">
2128
<router-link to="/cms/prestashop.html">
22-
<img src="/img/cms/prestashop.jpg">
29+
<img src="/img/cms/prestashop.jpg" />
2330
</router-link>
2431
<h4>Prestashop</h4>
2532
<small>Shop, Blog (PrestaBlog)</small>
2633
</div>
27-
28-
<div class="col">
29-
<img src="/img/cms/magento.jpg">
30-
<h4>Magento</h4>
31-
<small>Coming soon</small>
32-
</div>
3334
</div>
34-
35+
<h2>Coming soon...</h2>
36+
<p>
37+
These CMS connect Apps are in development. We will list them as soon as the inital release is availiable. If you have a CMS that you would like VueFront to support, please send us a request via
38+
<router-link to="/support.html">support</router-link>
39+
</p>
3540
<div class="row">
3641
<div class="col">
37-
<img src="/img/cms/drupal.jpg">
42+
<img src="/img/cms/drupal.jpg" />
3843
<h4>Drupal</h4>
3944
<small>Coming soon</small>
4045
</div>
4146
<div class="col">
42-
<img src="/img/cms/shopify.jpg">
47+
<img src="/img/cms/shopify.jpg" />
4348
<h4>Shopify</h4>
4449
<small>Coming soon</small>
4550
</div>
4651
<div class="col">
47-
<img src="/img/cms/bigcommerce.jpg">
52+
<img src="/img/cms/bigcommerce.jpg" />
4853
<h4>Bigcommerce</h4>
4954
<small>Coming soon</small>
5055
</div>
5156
<div class="col">
52-
<img src="/img/cms/volusion.jpg">
57+
<img src="/img/cms/volusion.jpg" />
5358
<h4>Volusion</h4>
5459
<small>Coming soon</small>
5560
</div>

Diff for: ‎.vuepress/config.js

+1
Original file line numberDiff line numberDiff line change
@@ -37,6 +37,7 @@ module.exports = {
3737
'/cms/',
3838
'/cms/wordpress',
3939
'/cms/opencart',
40+
'/cms/magento',
4041
'/cms/prestashop'
4142
]
4243
}]

Diff for: ‎.vuepress/public/img/apps.png

24.6 KB
Loading

Diff for: ‎README.md

+39-18
Original file line numberDiff line numberDiff line change
@@ -11,33 +11,53 @@ heroImage: /logo.png
1111
actionText: Get Started →
1212
actionLink: /guide/
1313
features:
14-
- title: You can use it today
14+
- title: Use it today
1515
details: Compatible with Wordpress, Woocommerce, Shopify, Magento, Drupal, Joomla, Opencart and more.
1616
- title: Build for the future
1717
details: Single Page application (SPA) and Progressive Web App (PWA) out of the box.
18-
- title: It just works
18+
- title: Just works
1919
details: We took the liberty of making a complete solution from creating the back-end GraphQL module to building the front-end web app.
2020

2121
footer: MIT Licensed | Copyright © 2018-present Dreamvention
2222
---
2323

24-
### See the Demos
24+
### VueFront Demos
2525

26-
1. Wordpress + WooCommerce demo
27-
- [VueFront](https://wordpress.vuefront.com/)
28-
- [Admin](https://wordpress.vuefront.com/wp-admin)
26+
<div class="features">
27+
<div class="feature">
28+
<h3>1. Wordpress + WooCommerce demo</h3>
29+
<ul>
30+
<li><a href="https://wordpress.vuefront.com/" target="_blank">VueFront</a></li>
31+
<li><a href="https://wordpress.vuefront.com/wp-admin/" target="_blank">Wordpress Admin</a></li>
32+
<li><a href="/cms/wordpress.html">Docs</a></li>
33+
</ul>
34+
</div>
35+
<div class="feature">
36+
<h3>2. OpenCart + Blog Module demo</h3>
37+
<ul>
38+
<li><a href="https://opencart.vuefront.com/" target="_blank">VueFront</a></li>
39+
<li><a href="https://opencart.vuefront.com/admin" target="_blank">OpenCart Admin</a></li>
40+
<li><a href="/cms/opencart.html">Docs</a></li>
41+
</ul>
42+
</div>
43+
<div class="feature">
44+
<h3>3. Magento + Blog Megafan demo</h3>
45+
<ul>
46+
<li><a href="https://magento.vuefront.com/" target="_blank">VueFront</a></li>
47+
<li><a href="https://api.magento.vuefront.com/admin/" target="_blank">Magento Admin</a></li>
48+
<li><a href="/cms/magento.html">Docs</a></li>
49+
</ul>
50+
</div>
51+
<div class="feature">
52+
<h3>4. PrestaShop + PrestaBlog demo</h3>
53+
<ul>
54+
<li><a href="https://prestashop.vuefront.com/" target="_blank">VueFront</a></li>
55+
<li><a href="https://prestashop.vuefront.com/admin073v6fp6f/" target="_blank">PrestaShop Admin</a></li>
56+
<li><a href="/cms/prestashop.html">Docs</a></li>
57+
</ul>
58+
</div>
59+
</div>
2960

30-
2. OpenCart + Blog Module demo
31-
- [VueFront](https://opencart.vuefront.com/)
32-
- [Admin](https://opencart.vuefront.com/admin)
33-
34-
2. Magento + Blog Megafan demo
35-
- [VueFront](https://magento.vuefront.com/)
36-
- [Admin](https://api.magento.vuefront.com/admin)
37-
38-
2. PrestaShop + PrestaBlog demo
39-
- [VueFront](https://prestashop.vuefront.com/)
40-
- [Admin](https://prestashop.vuefront.com/admin073v6fp6f)
4161

4262

4363
### Installing is as easy as 1, 2, 3
@@ -61,4 +81,5 @@ yarn dev
6181
? Paste the CMS Connect URL, provided by your CMS Connect App ()
6282
```
6383

64-
Enjoy your new VueFront!
84+
Enjoy your new VueFront!
85+

Diff for: ‎cms/magento.md

+24
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,24 @@
1+
---
2+
title: Magento
3+
lang: en-US
4+
sidebarDepth: 0
5+
meta:
6+
- name: description
7+
content: VueFront Documentation. Learn how to setup, extend and develop your fully functional SPA and PWA frontend.
8+
- name: keywords
9+
content: vuefront, vuejs, nuxt, agnostic framework, documentation
10+
---
11+
12+
# CMS Connect App for Magento
13+
14+
[Demo VueFront on Magento](https://magento.vuefront.com/)
15+
16+
[Demo Magento Admin](https://api.magento.vuefront.com/admin)
17+
18+
19+
## How to install?
20+
21+
[download](https://github.com/vuefront/magento/releases) latest version
22+
23+
### Quick Install
24+
coming soon...

0 commit comments

Comments
 (0)