vue-wordpress-pwa - An offline-first SPA using Vue

  •        94

This is the code for the FullStackWeekly website. You can use it as a starter pack for your WordPress site as well. Since WordPress can expose a REST API, this project uses Vue.js, Vue-router, Vuex, Vue-resource & Progressive Web App techniques to create an offline-first web client.

https://github.com/bstavroulakis/vue-wordpress-pwa#readme
https://github.com/bstavroulakis/vue-wordpress-pwa

Dependencies:

axios : 0.17.1
bulma : 0.6.2
compression : 1.7.1
cross-env : 5.1.3
express : 4.16.2
intersection-observer-polyfill : 0.1.0
localforage : 1.5.6
lru-cache : 4.1.1
serialize-javascript : 1.4.0
vue : 2.5.13
vue-clazy-load : 0.3.0
vue-resource : 1.3.5
vue-router : 3.0.1
vue-server-renderer : 2.5.13
vue-style-loader : ^3.1.2
vuex : 3.0.1
vuex-router-sync : 5.0.0

Tags
Implementation
License
Platform

   




Related Projects

vuejs-wordpress-theme-starter - A WordPress theme with the guts ripped out and replaced with Vue.

  •    Javascript

A true WordPress theme with the guts ripped out and replaced with Vue. Based on the BlankSlate WP starter theme. Who's this for? When I started diving into using Vue in WordPress I found plenty of great starters for headless WordPress, but I had the added constraint of needing to run the front and backend on the same host, thus this project was created.

Vue Storefront - headless PWA for any eCommerce

  •    Javascript

Vue Storefront is a standalone PWA storefront for your eCommerce, possible to connect with any eCommerce backend (eg. Magento, Pimcore, Prestashop or Shopware) through the API. Vue Storefront is and always will be in the open source. Anyone can use and support the project, we want it to be a tool for the improvement of the shopping experience. The project is in the production ready phase.

preact-starter - Webpack3 boilerplate for building SPA / PWA / offline front-end apps with Preact

  •    Javascript

Using preact-starter will kickstart your next application! 💯 It is designed to fit the "90% use-case" for those who want to build offline-first web apps (see features below).

quasar - Quasar Framework

  •    Javascript

Build responsive Single Page Apps, SSR Apps, PWAs, Hybrid Mobile Apps and Electron Apps, all using the same codebase!, powered with Vue. Quasar Framework is an MIT-licensed open source project. Its ongoing development is made possible thanks to the support by these awesome backers. If you'd like to join them, check out Quasar Framework's Patreon campaign.

vue2crm - Simple reusable CRM built on Vue 2 PWA template and Vuetify UI

  •    Javascript

A reusable Vue.js CRM starter project for real-world business based on Vue 2 PWA template with Vuetify. The goal of this project is to create a reusable starter project for real-world business. To achieve this target, we need a solution which includes simple authentication process, restful API with token support and simple but elegant UI design.


expense-manager-demo - Progressive Web App (PWA) demo using Vaadin components

  •    HTML

This is an example project for how you can build a Progressive Web Application with Polymer and Vaadin components. The application uses a Service Worker to cache the Application Shell. A Web App Manifest file ensures that the browser identifies our app as a Progressive Web Application and offers the user to install the application through an install banner.

offline-plugin - Offline plugin (ServiceWorker, AppCache) for webpack (https://webpack.js.org/)

  •    Javascript

This plugin is intended to provide an offline experience for webpack projects. It uses ServiceWorker, and AppCache as a fallback under the hood. Simply include this plugin in your webpack.config, and the accompanying runtime in your client script, and your project will become offline ready by caching all (or some) of the webpack output assets.

vue-boilerplate-template - 🍎 Efficient development of web SPA using Vue

  •    Javascript

For how to build medium-sized (+) VUE projects, provide some reference based on past experience. Node.js (>=4.x, 8.x preferred), Npm version 4+(Yarn preferred), and Git.

sage - WordPress starter theme with a modern development workflow

  •    PHP

Sage is a WordPress starter theme with a modern development workflow. See a working example at roots-example-project.com.

vue-express-mongo-boilerplate - :star: MEVN Full stack JS web app boilerplate with NodeJS, Express, Mongo and VueJS

  •    Javascript

This is a full stack webapp boilerplate project with VueJS + ExpressJS + MongoDB. It is NOT an out-of-box project. I make it in order to create an up-to-date starter repo which contains all important functions (user signup, login, oauth, profile, ...etc) except the business-logic. So when neccessary I can create a new webapp and only need to develop the business logic.

vue-ssr-starter-kit - Vue 2

  •    Javascript

A Vue.js project with vue 2.0, vue-router and vuex starter kit for server side rendering.

understrap - :couple: Combines Automattic´s Underscores Starter Theme and Bootstrap 4 - Visit:

  •    CSS

I’m a huge fan of Underscores, Bootstrap, and Sass. Why not combine these into a solid WordPress Theme Framework? That’s what UnderStrap is. You can use it as a starter theme and build your own theme on top of it. Or you can use it as a parent theme and create your own child theme for UnderStrap. The _s theme is a good starting point to develop a WordPress theme. But it is “just” a raw starter theme. That means it outputs all the WordPress stuff correctly but without any layout or design. Why not add a well known and supported layout framework to have a solid, clean and responsive foundation? That’s where Bootstrap comes in.

Cezerin - Ecommerce Progressive Web Apps

  •    Javascript

Cezerin is React and Node.js based eCommerce platform. Allows creating a Progressive Web Apps. It feature include list Product details, Product categories, Inventory and stock management, Orders, Pages, Shipping and payment methods, Payment Gateways, Checkout options, Theme Settings, App store, Server-side rendering (SEO friendly) and lot more.

vue-ts-daily - 基于vue、Typescript、pwa的一款习惯养成app

  •    Vue

基于Vue.js的2.5.13版本和TypeScript编写的模仿原生应用的WebApp. 建议直接添加到主屏幕(ios端体验差一些).

WordPress-Starter-Theme - WordPress Starter Theme for use as a starting template for building custom themes

  •    PHP

WordPress Starter Theme for use as a starting template for building custom themes. Uses SCSS and AutoPrefixr, HTML5 Boilerplate with Modernizr and Normalize.css, and Grunt for all processing tasks. Syncs changes across local development devices with BrowserSync. Tested up to WordPress 4.0 RC1. The theme is setup to use Grunt to compile SCSS (with source maps), run it through AutoPrefixr, lint, concatenate and minify JavaScript (with source maps), optimize images, and syncs changes across local development devices with BrowserSync, with flexibility to add any additional tasks via the Gruntfile. Alternatively, you can use CodeKit or whatever else you prefer to compile the SCSS and manage the JavaScript.

create-react-pwa - https://github

  •    HTML

https://github.com/facebookincubator/create-react-app + Progressive Web App goodness

sw-precache - A node module to generate service worker code that will precache specific resources so they work offline

  •    Javascript

Service Worker Precache is a module for generating a service worker that precaches resources. It integrates with your build process. Once configured, it detects all your static resources (HTML, JavaScript, CSS, images, etc.) and generates a hash of each file's contents. Information about each file's URL and versioned hash are stored in the generated service worker file, along with logic to serve those files cache-first, and automatically keep those files up to date when changes are detected in subsequent builds. Serving your local static resources cache-first means that you can get all the crucial scaffolding for your web app—your App Shell—on the screen without having to wait for any network responses.