Merge branch 'master' of https://github.com/vuefront/wordpress

Author: alexandrdrvn

README.md

@@ -30,6 +30,8 @@ __CMS Connect App__ - adds the connection between the WordPress CMS and VueFront
 
 [VueFront on Wordpress](https://wordpress.vuefront.com/)
 
+![VueFront wordpress admin panel](http://joxi.net/DmBL9V6SJ1LqWA.jpg)
+
 ## What does it do?
 This is a wordpress plugin that connects the wordpress CMS with the VueFront WebApp via a GraphQL API. When installed, you will be provided with a CMS Connect URL that you will add to your VueFront WebApp .env file.  
 
@@ -46,6 +48,79 @@ Php version required >= 5.5, <= 7.2 (this limitation will be removed in the futu
 
 You will need the CMS Connect URL to complete the [VueFront Web App installation](https://vuefront.com/guide/setup.html)
 
+## Deploy VueFront Web App to hosting (static website)
+### via VueFront Deploy service (recommended)
+1. Install the VueFront CMS Connect App from this repo.
+2. Log in or register an account with VueFront.com
+3. Build your first Web App
+4. Activate the new Frontend Web App (only avalible for Apache servers)
+ > For Nginx you need to add this code to your `nginx.config` file right after the `index` directive
+ ```
+location ~ ^((?!image|.php|admin|catalog|\/img\/.*\/|wp-json|wp-admin|wp-content|checkout|rest|static|order|themes\/|modules\/|js\/|\/vuefront\/).)*$ {
+    try_files /vuefront/$uri /vuefront/$uri "/vuefront${uri}index.html" /vuefront$uri.html /vuefront/200.html;
+}
+ ```
+ 
+
+### via ftp manually
+1. Install the VueFront CMS Connect App from this repo.
+2. Log in or register an account with VueFront.com
+3. Copy the CMS Connect URL 
+4. Via Ftp create a new folder `vuefront` in the root of your WordPress site on your hosting. 
+5. Via command line build your VueFront Web App ([read more](https://vuefront.com/guide/setup.html)) 
+```
+yarn create vuefront-app
+# When promote, provide the CMS Connect URL, which you coppied at step 3.
+yarn generate
+```
+6. Copy all files from folder `dist` to the newly created `vuefront` folder
+7. modify you `.htaccess` file by adding after `RewriteBase` rule the following rules:
+```htaccess
+# VueFront scripts, styles and images
+RewriteCond %{REQUEST_URI} .*(_nuxt)
+RewriteCond %{REQUEST_URI} !.*/vuefront/_nuxt
+RewriteRule ^([^?]*) vuefront/$1
+# VueFront sw.js
+RewriteCond %{REQUEST_URI} .*(sw.js)
+RewriteCond %{REQUEST_URI} !.*/vuefront/sw.js
+RewriteRule ^([^?]*) vuefront/$1
+# VueFront favicon.ico
+RewriteCond %{REQUEST_URI} .*(favicon.ico)
+RewriteCond %{REQUEST_URI} !.*/vuefront/favicon.ico
+RewriteRule ^([^?]*) vuefront/$1
+# VueFront pages
+# VueFront home page
+RewriteCond %{REQUEST_URI} !.*(image|.php|admin|catalog|\/img\/.*\/|wp-json|wp-admin|wp-content|checkout|rest|static|order|themes\/|modules\/|js\/|\/vuefront\/)
+RewriteCond %{QUERY_STRING} !.*(rest_route)
+RewriteCond %{DOCUMENT_ROOT}".$document_path."vuefront/index.html -f
+RewriteRule ^$ vuefront/index.html [L]
+RewriteCond %{REQUEST_URI} !.*(image|.php|admin|catalog|\/img\/.*\/|wp-json|wp-admin|wp-content|checkout|rest|static|order|themes\/|modules\/|js\/|\/vuefront\/)
+RewriteCond %{QUERY_STRING} !.*(rest_route)
+RewriteCond %{DOCUMENT_ROOT}".$document_path."vuefront/index.html !-f
+RewriteRule ^$ vuefront/200.html [L]
+# VueFront page if exists html file
+RewriteCond %{REQUEST_FILENAME} !-f
+RewriteCond %{REQUEST_FILENAME} !-d
+RewriteCond %{REQUEST_URI} !.*(image|.php|admin|catalog|\/img\/.*\/|wp-json|wp-admin|wp-content|checkout|rest|static|order|themes\/|modules\/|js\/|\/vuefront\/)
+RewriteCond %{QUERY_STRING} !.*(rest_route)
+RewriteCond %{DOCUMENT_ROOT}".$document_path."vuefront/$1.html -f
+RewriteRule ^([^?]*) vuefront/$1.html [L,QSA]
+# VueFront page if not exists html file
+RewriteCond %{REQUEST_FILENAME} !-f
+RewriteCond %{REQUEST_FILENAME} !-d
+RewriteCond %{REQUEST_URI} !.*(image|.php|admin|catalog|\/img\/.*\/|wp-json|wp-admin|wp-content|checkout|rest|static|order|themes\/|modules\/|js\/|\/vuefront\/)
+RewriteCond %{QUERY_STRING} !.*(rest_route)
+RewriteCond %{DOCUMENT_ROOT}".$document_path."vuefront/$1.html !-f
+RewriteRule ^([^?]*) vuefront/200.html [L,QSA]
+```
+
+ > For Nginx you need to add this code to your nginx.config file right after the index rule
+ ```
+location ~ ^((?!image|.php|admin|catalog|\/img\/.*\/|wp-json|wp-admin|wp-content|checkout|rest|static|order|themes\/|modules\/|js\/|\/vuefront\/).)*$ {
+    try_files /vuefront/$uri /vuefront/$uri "/vuefront${uri}index.html" /vuefront$uri.html /vuefront/200.html;
+}
+ ```
+ 
 ## Support
 For support please contact us at [Discord](https://discord.gg/C9vcTCQ)