Use-next-with-workbox NPM

use-next-with-workbox

Utilities for using Workbox with Next.js + React.

size dependencies build downloads license

Install

yarn add use-next-with-workbox

Usage

import React from "react";

import { useWorkbox } from "use-next-with-workbox";

export default function Component() {
  useWorkbox({
    offlinePath: "/offline",
    registerOptions: {},
    scriptURL: "sw.js",
    showSkipWaitingPrompt: false,
  });

  return <p>Hello World!</p>;
}