{"id":14976052,"url":"https://github.com/vuefront/magento","last_synced_at":"2025-10-27T18:30:17.580Z","repository":{"id":35055793,"uuid":"191949411","full_name":"vuefront/magento","owner":"vuefront","description":"Free PWA \u0026 SPA for Magento","archived":false,"fork":false,"pushed_at":"2023-03-04T17:53:01.000Z","size":8829,"stargazers_count":38,"open_issues_count":28,"forks_count":9,"subscribers_count":3,"default_branch":"master","last_synced_at":"2025-07-29T06:15:14.929Z","etag":null,"topics":["frontend","frontend-web","graphql-api","magento","magento-extension","magento-module","magento-pwa","magento-spa","magento2","megafan-blog","pwa","pwa-magento","spa","spa-magento","vuefront","vuefront-web"],"latest_commit_sha":null,"homepage":"https://magento.vuefront.com/","language":"SCSS","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/vuefront.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2019-06-14T13:38:23.000Z","updated_at":"2025-05-06T18:11:27.000Z","dependencies_parsed_at":"2025-02-12T19:43:29.048Z","dependency_job_id":null,"html_url":"https://github.com/vuefront/magento","commit_stats":null,"previous_names":[],"tags_count":6,"template":false,"template_full_name":null,"purl":"pkg:github/vuefront/magento","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/vuefront%2Fmagento","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/vuefront%2Fmagento/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/vuefront%2Fmagento/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/vuefront%2Fmagento/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/vuefront","download_url":"https://codeload.github.com/vuefront/magento/tar.gz/refs/heads/master","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/vuefront%2Fmagento/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":281319609,"owners_count":26481035,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","status":"online","status_checked_at":"2025-10-27T02:00:05.855Z","response_time":61,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["frontend","frontend-web","graphql-api","magento","magento-extension","magento-module","magento-pwa","magento-spa","magento2","megafan-blog","pwa","pwa-magento","spa","spa-magento","vuefront","vuefront-web"],"created_at":"2024-09-24T13:53:13.530Z","updated_at":"2025-10-27T18:30:16.407Z","avatar_url":"https://github.com/vuefront.png","language":"SCSS","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003cp align=\"center\"\u003e\n  \u003cbr\u003e\n  \u003ca href=\"https://vuefront.com\"\u003e\n    \u003cimg src=\"https://raw.githubusercontent.com/vuefront/vuefront-docs/master/.vuepress/public/img/github/vuefront-magento.jpg\" width=\"400\"/\u003e\n  \u003c/a\u003e\n\u003c/p\u003e\n\u003ch1 align=\"center\"\u003eVueFront\u003c/h1\u003e\n\u003ch3 align=\"center\"\u003eCMS Connect App for Magento\n\u003c/h3\u003e\n\n\u003cp align=\"center\"\u003e\n  \u003ca href=\"https://github.com/vuefront/vuefront\"\u003e\u003cimg src=\"https://img.shields.io/badge/price-FREE-0098f7.svg\" alt=\"Version\"\u003e\u003c/a\u003e\n   \u003ca href=\"https://packagist.org/packages/vuefront/module-vuefront\"\u003e\u003cimg src=\"https://poser.pugx.org/vuefront/module-vuefront/v/stable\" /\u003e\u003c/a\u003e\n  \u003ca href=\"https://discord.gg/C9vcTCQ\"\u003e\u003cimg src=\"https://img.shields.io/badge/chat-on%20discord-7289da.svg\" alt=\"Chat\"\u003e\u003c/a\u003e\n\u003c/p\u003e\n\n\u003cp align=\"center\"\u003e\nShow your :heart: - give us a :star: \u003cbr/\u003e \nHelp us grow this project to be the best it can be!\n  \u003c/p\u003e\n\n__VueFront__ is a \u003ca href=\"//vuejs.org\"\u003eVueJS powered\u003c/a\u003e CMS agnostic SPA \u0026 PWA frontend for your old-fashioned Blog and E-commerce site. \n\n__Magento__ empowers thousands of retailers and brands with the best eCommerce platforms and flexible cloud solutions to rapidly innovate and grow.\n\n__CMS Connect App__ - adds the connection between the Magento CMS and VueFront Web App via a GraphQL API.\n  \n# What does it do?\nThis is a Magento module that connects the Magento CMS with the VueFront Web App via a GraphQL API. When installed, you will be provided with a CMS Connect URL that you will add to your VueFront Web App during [setup](https://vuefront.com/guide/setup.html).\n  \n## Demo\n\n[VueFront on Magento](https://magento.vuefront.com/)\n\n![Magento VueFront CMS Connect App](http://joxi.net/LmGewYZiw5VeDA.jpg)\n\n### Magento Blog (Megafan Blog Module)\nSince Magento does not have a built-in Blog, we use [Megafan Blog Module](https://marketplace.magento.com/magefan-module-blog.html) to add blog support automatically. If the Megafan Blog Module is not avalible, VueFront will ignore it.\n\n\n## How to install?\nPhp version required \u003e= 5.5, \u003c= 7.2 (this limitation will be removed in the future)\n\n### 1. Quick Install via composer (recommended)\n\nWe recommend you to install VueFront module via composer. It is easy to install, update and maintaince.\n\nRun the following command in Magento 2 root folder.\n\n#### 1.1 Install\n\n```\ncomposer require vuefront/module-vuefront\nphp bin/magento setup:upgrade\nphp bin/magento setup:static-content:deploy\n```\n\n#### 1.2 Upgrade\n\n```\ncomposer update vuefront/module-vuefront\nphp bin/magento setup:upgrade\nphp bin/magento setup:static-content:deploy\n```\n\nRun compile if your store in Product mode:\n\n```\nphp bin/magento setup:di:compile\n```\n\n### 2. Install vie copy/paste\n\nIf you don't want to install via composer, you can use this way. \n\n- Download [the latest version here](https://github.com/vuefront/magento/archive/master.zip) \n- Extract `master.zip` file to `app/code/Vuefront/Vuefront` ; You should create a folder path `app/code/Vuefront/Vuefront` if not exist.\n- Go to Magento root folder and run upgrade command line to install `Vuefront`:\n\n```\nphp bin/magento setup:upgrade\nphp bin/magento setup:static-content:deploy\n```\n\n## Deploy VueFront Web App to Apache hosting (static website)\n### via VueFront Deploy service (recommended)\n1. Install the VueFront CMS Connect App from this repo.\n2. Log in or register an account with VueFront.com\n3. Build your first Web App\n4. Activate the new Frontend Web App (only avalible for Apache servers)\n \n\n### via ftp manually\n1. Install the VueFront CMS Connect App from this repo.\n2. Log in or register an account with VueFront.com\n3. Copy the CMS Connect URL \n4. Via Ftp create a new folder `vuefront` in the root of your OpenCart site on your hosting. \n5. Via command line build your VueFront Web App ([read more](https://vuefront.com/guide/setup.html)) \n```\nyarn create vuefront-app\n# When promote, provide the CMS Connect URL, which you coppied at step 3.\nyarn generate\n```\n6. Copy all files from folder `dist` to the newly created `vuefront` folder\n7. modify you `.htaccess` file by adding after `#RewriteBase /magento/` rule the following rules:\n```htaccess\n# VueFront scripts, styles and images\nRewriteCond %{REQUEST_URI} .*(_nuxt)\nRewriteCond %{REQUEST_URI} !.*/vuefront/_nuxt\nRewriteRule ^([^?]*) vuefront/$1\n# VueFront sw.js\nRewriteCond %{REQUEST_URI} .*(sw.js)\nRewriteCond %{REQUEST_URI} !.*/vuefront/sw.js\nRewriteRule ^([^?]*) vuefront/$1\n# VueFront favicon.ico\nRewriteCond %{REQUEST_URI} .*(favicon.ico)\nRewriteCond %{REQUEST_URI} !.*/vuefront/favicon.ico\nRewriteRule ^([^?]*) vuefront/$1\n# VueFront pages\n# VueFront home page\nRewriteCond %{REQUEST_URI} !.*(image|.php|admin|catalog|\\/img\\/.*\\/|wp-json|wp-admin|wp-content|checkout|rest|static|order|themes\\/|modules\\/|js\\/|\\/vuefront\\/)\nRewriteCond %{QUERY_STRING} !.*(rest_route)\nRewriteCond %{DOCUMENT_ROOT}\".$document_path.\"vuefront/index.html -f\nRewriteRule ^$ vuefront/index.html [L]\nRewriteCond %{REQUEST_URI} !.*(image|.php|admin|catalog|\\/img\\/.*\\/|wp-json|wp-admin|wp-content|checkout|rest|static|order|themes\\/|modules\\/|js\\/|\\/vuefront\\/)\nRewriteCond %{QUERY_STRING} !.*(rest_route)\nRewriteCond %{DOCUMENT_ROOT}\".$document_path.\"vuefront/index.html !-f\nRewriteRule ^$ vuefront/200.html [L]\n# VueFront page if exists html file\nRewriteCond %{REQUEST_FILENAME} !-f\nRewriteCond %{REQUEST_FILENAME} !-d\nRewriteCond %{REQUEST_URI} !.*(image|.php|admin|catalog|\\/img\\/.*\\/|wp-json|wp-admin|wp-content|checkout|rest|static|order|themes\\/|modules\\/|js\\/|\\/vuefront\\/)\nRewriteCond %{QUERY_STRING} !.*(rest_route)\nRewriteCond %{DOCUMENT_ROOT}\".$document_path.\"vuefront/$1.html -f\nRewriteRule ^([^?]*) vuefront/$1.html [L,QSA]\n# VueFront page if not exists html file\nRewriteCond %{REQUEST_FILENAME} !-f\nRewriteCond %{REQUEST_FILENAME} !-d\nRewriteCond %{REQUEST_URI} !.*(image|.php|admin|catalog|\\/img\\/.*\\/|wp-json|wp-admin|wp-content|checkout|rest|static|order|themes\\/|modules\\/|js\\/|\\/vuefront\\/)\nRewriteCond %{QUERY_STRING} !.*(rest_route)\nRewriteCond %{DOCUMENT_ROOT}\".$document_path.\"vuefront/$1.html !-f\nRewriteRule ^([^?]*) vuefront/200.html [L,QSA]\n```\n\n## Deploy VueFront Web App to Nginx hosting (static website)\nSame as for apache only you are required to add the server configurations yourself and the vuefront folder has a different path of `./pub/vuefront`:\n\n### via VueFront Deploy service (recommended)\n1. Install the VueFront CMS Connect App from this repo.\n2. Log in or register an account with VueFront.com\n3. Build your first Web App\n4. Now you need to add this code to your `nginx.config` file right after the `index` directive\n ```\nlocation ~ ^((?!image|.php|admin|catalog|\\/img\\/.*\\/|wp-json|wp-admin|wp-content|checkout|rest|static|order|themes\\/|modules\\/|js\\/|\\/vuefront\\/).)*$ {\n    try_files /vuefront/$uri /vuefront/$uri \"/vuefront${uri}index.html\" /vuefront$uri.html /vuefront/200.html;\n}\n ```\n \n### via ftp manually\n1. Install the VueFront CMS Connect App from this repo.\n2. Log in or register an account with VueFront.com\n3. Copy the CMS Connect URL \n4. Via Ftp create a new folder `./pub/vuefront` of your Magento site on your hosting. \n5. Via the command line build your VueFront Web App ([read more](https://vuefront.com/guide/setup.html)) \n```\nyarn create vuefront-app\n# When promote, provide the CMS Connect URL, which you coppied at step 3.\nyarn generate\n```\n6. Now you need to add this code to your `nginx.config` file right after the `index` directive\n ```\nlocation ~ ^((?!image|.php|admin|catalog|\\/img\\/.*\\/|wp-json|wp-admin|wp-content|checkout|rest|static|order|themes\\/|modules\\/|js\\/|\\/vuefront\\/).)*$ {\n    try_files /vuefront/$uri /vuefront/$uri \"/vuefront${uri}index.html\" /vuefront$uri.html /vuefront/200.html;\n}\n ```\n \n## Support\nFor support please contact us at [Discord](https://discord.gg/C9vcTCQ)\n\n## Submit an issue\nFor submiting an issue, please create one in the [issues tab](https://github.com/vuefront/vuefront/issues). Remember to provide a detailed explanation of your case and a way to reproduce it. \n\nEnjoy!\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fvuefront%2Fmagento","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fvuefront%2Fmagento","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fvuefront%2Fmagento/lists"}