This page contains examples for some of the Workbox modules.

Workbox is a set of small modules that can be used on their own, but we’ve also combined the most common pieces into one module, workbox-sw. This module supports precaching, routing of fetch events, runtime caching and more.

Example of workbox-sw

The workbox-sw example demonstrates a complete service worker implementation, demonstrating the common parts of the API. It’s an in-depth exploration of everything you’d need to build a production-ready service worker.

View Example

Lower Level Modules

As an alternative to using the full workbox-sw library, you can use these smaller, standalone modules in your service worker.

Projects Using Workbox

Below are a list of example sites that are using the Workbox modules.

iFixit PWA

A React-based web app using workbox-build in a gulp-based build process.

View Demo View Source

React HN

A React-based web app using workbox-cli in an npm scripts-based build process.

View Demo View Source

Next.js HN

A Next.js-based web app using custom service worker generation in an npm scripts-based build process.

View Demo View Source