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

•    Javascript

---

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.

vue wordpress offline azure spa service-worker es6-javascript webpack vuejs2 vuejs vuejs-components progressive-web-app pwa-apps pwa pwapp wordpress-theme wordpress-starter-theme vuex starter server-side boilerplate

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).

webpack boilerplate preact offline pwa spa progressive-web-app starter-kit webpack3

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.

service-worker appcache webpack serviceworker pwa offline progressive-web-app storage plugin webpack-plugin offline-first service-workers application-cache caching cache progressive-web-apps app-shell appshell

stencil - A Web Component compiler for building fast, reusable UI components and Progressive Web Apps 💎 Built by the Ionic Framework team

•    TypeScript

---

Stencil is a simple compiler for generating Web Components and progressive web apps (PWA). Stencil was built by the Ionic Framework team for its next generation of performant mobile and desktop Web Components. Stencil combines the best concepts of the most popular frontend frameworks into a compile-time rather than run-time tool. It takes TypeScript, JSX, a tiny virtual DOM layer, efficient one-way data binding, an asynchronous rendering pipeline (similar to React Fiber), and lazy-loading out of the box, and generates 100% standards-based Web Components that runs on both modern browsers and legacy browsers back to Internet Explorer 11.

webcomponents pwa progressive-web-app custom-elements typescript stencil stenciljs ionic web-components components webapp

ionic-pwa-toolkit - Build lightning fast Progressive Web Apps with zero config and best practices built-in

•    TypeScript

---

The PWA Toolkit is a starting point for building Progressive Web Apps using Ionic and Stencil. This combination of tools gives you the ability to build a fast, efficient PWA out of the box. Note: This project is Beta and uses a beta release of @ionic/core.

pwa pwa-apps web-components ionic ionic-framework

UpUp - ✈️ Easily create sites that work offline as well as online

•    Javascript

---

UpUp is a tiny JavaScript library that makes sure your users can always access your site's content, even when they're on a plane, in an elevator, or 20,000 leagues under the sea. Mobile-First has become the de-facto standard for building modern sites. But in a world where everyone is mobile, an always-on connection isn't something we can rely on. It's time to start thinking Offline First.

hacktoberfest pwa progressive-web-app offline offline-first service-worker cache offlinefirst serviceworker

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.

pwa pwa-example pwa-boilerplate vaadin-components vaadin polymer

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.

service-workers progressive-web-app offline offline-first service-worker caching precaching serviceworker appshell pwa

awesome-pwa - Awesome list of progressive web apps! (PR welcomed ;))

•    

---

Inspired by the awesome list thing. A Progressive Web App uses modern web capabilities to deliver an app-like user experience. They evolve from pages in browser tabs to immersive, top-level apps, leveraging the web's low friction.

pwa service-worker modern-web

ionic - Build amazing native and progressive web apps with open web technologies

•    TypeScript

---

Ionic is the open-source mobile app development framework that makes it easy to build top quality native and progressive web apps with web technologies. Ionic is based on Web Components and comes with many significant performance, usability, and feature improvements over the past versions.

ionic mobile framework angular frontend pwa typescript web stencil stenciljs capacitor

create-react-pwa - https://github

•    HTML

---

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

progressive-web-app react react-starter-kit create-react-app service-worker offline sw-precache

react-pwa - An upgradable boilerplate for Progressive web applications (PWA) with server side rendering, build with SEO in mind and achieving max page speed and optimized user experience

•    Javascript

---

A highly scalable, Progressive Web Application foundation,boilerplate, with the best Developer Experience.

pwa react ssr hot-reload code-splitting seo babel srcset expressjs es7 hsts hstspreload pwa-apps webpack4

PWA-Book-CN - 第一本 PWA 中文书

•    

---

第一本 PWA 中文书

pwa pwa-book pwa-chinese-book progressive-web-app service-worker

gulliver - A PWA directory, focusing on collecting PWA best practices and examples.

•    Javascript

---

Gulliver is a directory of Progressive Web Apps. Gulliver itself has been implemented as a PWA; therefore it is designed to work well on any kind of device, including desktop web browsers (see landing page), and on mobile devices (see details page).

sample-media-pwa - A sample video-on-demand media Progressive Web App

•    Javascript

---

Please note: This app is being developed. There may be bugs, and everything is subject to change. This is a sample media app to demonstrate media functionality in the context of a Progressive Web App. The build of this site is being cataloged on YouTube as part of the Chrome Developers Developer Diary series.

video media media-player eme

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.

react redux mongodb shopping-cart ecommerce cms pwa spa content-management-systems

fidgetspin.xyz

•    TypeScript

---

Travis will autodeploy to gh-pages when master is updated.

fidget-spin fidgetspin fidget-spinner fidgetspinner fidget spin spinner pwa progressive-web-app progressivewebapp webapk offline-first

RxDB - A realtime Database for the Web

•    Javascript

---

RxDB is a realtime Database for the Web. It is reactive data-handling based on RxJS. It helps App to work even without internet. It supports Mango-Query, Encryption, Import/Export of database and lot more.

database nosql json-schema rxjs nodejs electron cordova pwa couchdb dapp react-native vue pouchdb react db offline-first jsonschema localstorage indexeddb encryption rx reactive realtime javascript-database

Workbox: JavaScript libraries for Progressive Web Apps

•    Javascript

---

Workbox is a collection of JavaScript libraries for Progressive Web Apps. Workbox is available on npm. We have installation instructions available depending on your build tool or bundler of choice, including webpack. Even on an unreliable connection, your web app can still work using the right runtime caching strategies.

service-worker progressive-web-app offline-first service-workers sw-precache sw-toolbox

rendertron - A dockerized, headless Chrome rendering solution

•    Javascript

---

Rendertron is a dockerized, headless Chrome rendering solution designed to render & serialise web pages on the fly. Rendertron is designed to enable your Progressive Web App (PWA) to serve the correct content to any bot that doesn't render or execute JavaScript. Rendertron runs as a standalone HTTP server. Rendertron renders requested pages using Headless Chrome, auto-detecting when your PWA has completed loading and serializes the response back to the original request. To use Rendertron, your application configures middleware to determine whether to proxy a request to Rendertron. Rendertron is compatible with all client side technologies, including web components.

rendering headless-chrome seo