rsnext/examples/with-sw-precache
Shu Uesugi c57cdbb31d
Rename zeit.co/new → zeit.co/import (#10674)
* Replace zeit.co/new → zeit.co/import

* Update deployment.md
2020-02-24 19:08:34 -05:00
..
pages Improve linting rules to catch more errors (#9374) 2019-11-10 19:24:53 -08:00
.babelrc Missing babel configuration in sw-precache example (#4856) 2018-07-27 22:54:01 +02:00
next.config.js Improve linting rules to catch more errors (#9374) 2019-11-10 19:24:53 -08:00
package.json Test updater script on examples folder (#5993) 2019-01-05 12:19:27 +01:00
README.md Rename zeit.co/new → zeit.co/import (#10674) 2020-02-24 19:08:34 -05:00
server.js Add prettier for examples directory (#5909) 2018-12-17 17:34:32 +01:00

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

How to use

Using create-next-app

Execute create-next-app with npm or Yarn to bootstrap the example:

npm init next-app --example with-sw-precache with-sw-precache-app
# or
yarn create next-app --example with-sw-precache with-sw-precache-app

Download manually

Download the example:

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 ZEIT Now (Documentation).