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

sw-precache-webpack-plugin - Webpack plugin that generates a service worker using sw-precache that will cache webpack's bundles' emitted assets

•    Javascript

---

SWPrecacheWebpackPlugin is a webpack plugin for using service workers to cache your external project dependencies. It will generate a service worker file using sw-precache and add it to your build directory. A simple configuration example that will work well in most production environments. Based on the configuration used in create-react-app.

sw-precache service-workers webpack-plugin sw-guide progressive-web-app offline webpack plugin precache service worker

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

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

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

next-offline - make your Next.js application work offline using service workers via Google's workbox

•    Javascript

---

Use Workbox with Next.js and easily enable offline functionality in your application. Then create a server.js, because we'll need to serve out service worker.

nextjs service-worker offline cache website workbox pwa react next.js pre-cache networkfirst cachefirst webpack sw-helpers

sw-toolbox - A collection of service worker tools for offlining runtime requests

•    Javascript

---

Service Worker Toolbox provides some simple helpers for use in creating your own service workers. Specifically, it provides common caching strategies for dynamic content, such as API calls, third-party resources, and large or infrequently used local resources that you don't want precached. Service Worker Toolbox provides an expressive approach to using those strategies for runtime requests. If you're not sure what service workers are or what they are for, start with the explainer doc.

service-worker service-workers progressive-web-app caching offline-first

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

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

offline-first - :electric_plug: Everything you need to know to create offline-first web apps.

•    

---

Inspired by the awesome list thing. This specification highlights features (SQL, offline application caching APIs as well as online/offline events, status, and the localStorage API) from HTML5 and provides brief tutorials on how these features might be used to create Web applications that work offline.

offline-first service-worker offline-data appcache indexeddb offline serviceworkers

application-shell - Service Worker Application Shell Architecture

•    Javascript

---

A modern web application architecture leveraging Service Worker to offline cache your application 'shell' and populate the content using JS. This means you can get pixels on the screen without the network, even if the content eventually comes from the network - a great performance win. In browsers without SW, we gracefully degrade to server-side rendering (e.g iOS). Demo. Full details of the architecture can be found in Instant Loading Web Apps With An Application Shell Architecture and Instant Loading with Service Workers.

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

awesome-service-workers - :nut_and_bolt: A collection of awesome resources for learning Service Workers

•    

---

A curated collection of service worker resources. Service workers are at the heart of every progressive web app. Their persistent nature allows progressive web apps to fulfill our expectations of what an app should do. They are the missing link between what only native apps could do and what modern progressive web apps can do.

ServiceWorker - The Service Worker Specification https://w3c.github.io/ServiceWorker/

•    HTML

---

Service workers are a new browser feature that provide event-driven scripts that run independently of web pages. Unlike other workers, service workers can be shut down at the end of events, note the lack of retained references from documents, and they have access to domain-wide events such as network fetches. Service workers also have scriptable caches. Along with the ability to respond to network requests from certain web pages via script, this provides a way for applications to “go offline”.

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

preact-pwa - Super fast progressive web app with small footprint & minimal dependancies

•    Javascript

---

A Super fast progressive web app with a small footprint & minimal dependencies. Features universal rendering, redux, state-driven routing, preact, & service workers. Crunched & optimized with rollup, buble, optimize-js, & purify-css.

service-worker preact buble redux rollup performance optimize-js

OpenNote - OpenNote was built to be an open web-based alternative to Microsoft OneNote (T) and EverNote

•    Javascript

---

or download manually from here.

angularjs note-taking offline-app couchdb mobile-first opennote progressive-web-app pwa pwa-apps

serviceworker-webpack-plugin - Simplifies creation of a service worker to serve your webpack bundles

•    Javascript

---

Simplifies creation of a service worker to serve your webpack bundles. You can have a look at the /docs folder if you need a full working example.

serviceworker webpack plugin

worker-plugin - 🐳 Adds native Web Worker bundling support to Webpack.

•    Javascript

---

Automatically bundle & compile Web Workers within Webpack. The best part? That worker constructor works just fine without bundling turned on too.

webpack workers webworker webpack-plugin plugin worker web-worker thread

hard-source-webpack-plugin

•    Javascript

---

HardSourceWebpackPlugin is a plugin for webpack to provide an intermediate caching step for modules. In order to see results, you'll need to run webpack twice with this plugin: the first build will take the normal amount of time. The second build will be signficantly faster. Install with npm install --save hard-source-webpack-plugin or yarn. And include the plugin in your webpack's plugins configuration.

webpack webpack-plugin webpack-cache disk iterative build cache plugin