{"id":13566114,"url":"https://github.com/bstavroulakis/vue-wordpress-pwa","last_synced_at":"2025-05-15T07:03:49.101Z","repository":{"id":45482753,"uuid":"83967466","full_name":"bstavroulakis/vue-wordpress-pwa","owner":"bstavroulakis","description":"An offline-first SPA using Vue.js, the WordPress REST API and Progressive Web Apps","archived":false,"fork":false,"pushed_at":"2024-12-08T22:03:12.000Z","size":1413,"stargazers_count":699,"open_issues_count":22,"forks_count":147,"subscribers_count":38,"default_branch":"master","last_synced_at":"2025-05-15T07:03:13.051Z","etag":null,"topics":["azure","es6-javascript","offline","progressive-web-app","pwa","pwa-apps","pwapp","service-worker","spa","vue","vuejs","vuejs-components","vuejs2","webpack","wordpress","wordpress-starter-theme","wordpress-theme"],"latest_commit_sha":null,"homepage":"https://www.fullstackweekly.com/","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/bstavroulakis.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","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":"2017-03-05T12:15:06.000Z","updated_at":"2025-05-10T08:38:08.000Z","dependencies_parsed_at":"2022-07-15T04:16:51.167Z","dependency_job_id":"f44de0bf-87e5-4eff-9575-2a8ab1635006","html_url":"https://github.com/bstavroulakis/vue-wordpress-pwa","commit_stats":{"total_commits":244,"total_committers":5,"mean_commits":48.8,"dds":"0.17213114754098358","last_synced_commit":"76b0cae7b7c09a487b3b764aac990c5d08f6e3b5"},"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/bstavroulakis%2Fvue-wordpress-pwa","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/bstavroulakis%2Fvue-wordpress-pwa/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/bstavroulakis%2Fvue-wordpress-pwa/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/bstavroulakis%2Fvue-wordpress-pwa/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/bstavroulakis","download_url":"https://codeload.github.com/bstavroulakis/vue-wordpress-pwa/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":254291961,"owners_count":22046424,"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","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":["azure","es6-javascript","offline","progressive-web-app","pwa","pwa-apps","pwapp","service-worker","spa","vue","vuejs","vuejs-components","vuejs2","webpack","wordpress","wordpress-starter-theme","wordpress-theme"],"created_at":"2024-08-01T13:02:02.369Z","updated_at":"2025-05-15T07:03:49.069Z","avatar_url":"https://github.com/bstavroulakis.png","language":"JavaScript","funding_links":[],"categories":["JavaScript","awesome-vue [![Awesome](https://cdn.rawgit.com/sindresorhus/awesome/d7305f38d29fed78fa85652e3a63e154dd8e8829/media/badge.svg)](https://github.com/sindresorhus/awesome)","Projects Using Vue.js","Awesome Vue.js [![Awesome](https://cdn.rawgit.com/sindresorhus/awesome/d7305f38d29fed78fa85652e3a63e154dd8e8829/media/badge.svg) ★101652](https://github.com/sindresorhus/awesome)","Awesome Vue.js [![Awesome](https://cdn.rawgit.com/sindresorhus/awesome/d7305f38d29fed78fa85652e3a63e154dd8e8829/media/badge.svg)](https://github.com/sindresorhus/awesome)","Open Source [🔝](#readme)"],"sub_categories":["开源","Open Source"],"readme":"# [vue-wordpress-pwa](https://www.fullstackweekly.com/category/blog)\n\n\u003e An offline-first SPA using Vue.js, the WordPress REST API and Progressive Web Apps\n\nLive version: [https://www.fullstackweekly.com/](https://www.fullstackweekly.com/)\n\n[![GitHub license](https://img.shields.io/badge/license-MIT-blue.svg)](https://raw.githubusercontent.com/singapore/renovate/master/license) [![Build Status](https://travis-ci.org/bstavroulakis/vue-wordpress-pwa.svg?branch=master)](https://travis-ci.org/bstavroulakis/vue-wordpress-pwa) [![David](https://david-dm.org/bstavroulakis/vue-wordpress-pwa.svg)](https://david-dm.org/bstavroulakis/vue-wordpress-pwa)\n[![Lighthouse Accessibility Badge](https://api.fullstackweekly.com/services/lighthouse-score/Lighthouse_Accessibility.svg)](https://www.fullstackweekly.com/category/blog/) [![Lighthouse Best Practices Badge](https://api.fullstackweekly.com/services/lighthouse-score/Lighthouse_Best_Practices.svg)](https://www.fullstackweekly.com/category/blog/) [![Lighthouse Progressive Web App Badge](https://api.fullstackweekly.com/services/lighthouse-score/Lighthouse_Progressive_Web_App.svg)](https://www.fullstackweekly.com/category/blog/) [![Lighthouse Performance Badge](https://api.fullstackweekly.com/services/lighthouse-score/Lighthouse_Performance.svg)](https://www.fullstackweekly.com/category/blog/)\n\n![alt tag](https://api.fullstackweekly.com/wp-content/uploads/2017/03/vue-wordpress-pwa.png)\n\n## Description\n\nThis is the code for the [FullStackWeekly](https://www.fullstackweekly.com/) website. You can use it as a starter pack for your WordPress site as well.\n\nSince WordPress can expose a REST API, this project uses Vue.js, Vue-router, Vuex, Vue-resource \u0026 Progressive Web App techniques to create an offline-first web client.\n\nYou can also fork the project and host it on Azure App Services with continuous integration using the deploy.cmd file (included)\n\nLive version: [https://www.fullstackweekly.com/](https://www.fullstackweekly.com/)\n\n## Getting Started\n\n### Prerequisites\n\nMake sure that [Node v11](https://nodejs.org/en/download/releases/) is installed.\n\n## Features\n\n- Modern JavaScript syntax with [ES6](https://github.com/lukehoban/es6features) via [babel](https://babeljs.io/).\n- Module bundler via [webpack](https://webpack.github.io/).\n- Components-based architecture via [Vue.js](https://vuejs.org/).\n- State management via [Vuex](https://vuex.vuejs.org/en/).\n- Cache busting via [file-loader](https://webpack.github.io/)\n- Progressive Web App enabled with [service workers](https://developers.google.com/web/fundamentals/getting-started/primers/service-workers)\n- Offline capable with [service workers, app cache](https://developers.google.com/web/fundamentals/getting-started/primers/service-workers)\n- CSS with [Sass](http://sass-lang.com/)\n\n### Instructions\n\nFirst, install the WordPress plugins to enhance its REST API\n\n- Better REST API Featured Images\n- REST API Enabler\n- WP REST API - filter fields\n- WP REST API - Pure Taxonomies\n\nThen, clone the repo or create a fork\n\n```bash\n$ git clone https://github.com/bstavroulakis/vue-wordpress-pwa.git\n```\n\nThen, edit the config:\n\n```bash\nsrc/app.config.js\n```\n\nThen, edit the theme, routes and assets:\n\n```bash\nsrc/theme/\nsrc/components/routerTypes.js\nsrc/components/router.js\nsrc/assets\n```\n\nFinally, to run the project for development with hot reload:\n\n```bash\n$ npm install\n$ npm run dev\n```\n\nOr, build the project for production:\n\n```bash\n$ npm run build\n```\n\n### Deployment\n\nSetup a new site on Azure App Services https://[fullstackweekly].azurewebsites.net\nand as the path select your forked Github project.\n\nYour site should be running on the path you created (https://[fullstackweekly].azurewebsites.net)!\n\nIt should work offline as well and with every commit it will deploy the changes to Azure.\nOnce the user refreshes the site he will receive the new cached version `immediately`.\n\nLicense\n\nMIT\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbstavroulakis%2Fvue-wordpress-pwa","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fbstavroulakis%2Fvue-wordpress-pwa","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fbstavroulakis%2Fvue-wordpress-pwa/lists"}