next.js/examples/with-sw-precache

sw-precache example

How to use

Using create-next-app

Download create-next-app to bootstrap the example:

npm i -g create-next-app
create-next-app --example with-sw-precache with-sw-precache-app

Download manually

Download the example or clone the repo:

curl https://codeload.github.com/zeit/next.js/tar.gz/canary | tar -xz --strip=2 next.js-canary/examples/with-sw-precache
cd with-sw-precache

Install it and run:

npm install
npm run build
npm start

Deploy it to the cloud with now (download)

now

The idea behind the example

You'll often want your Service Worker to be registered at the root level to give it access to your whole application.

This example shows how this can be achieved alongside sw-precache (via the webpack plugin).