title: Nextjs and workbox integration
body: <p><strong>Requirement</strong>: I am trying to use service worker and cache static files so as to have a benefit to reduce HTTP requests and make the site performance better. 
  Down the lane I would switch to offline, caching images, api's etc.</p>
  <p>I have seen the plugins:</p>
  <p><a href="https://github.com/hanford/next-offline" rel="nofollow noreferrer">https://github.com/hanford/next-offline</a> and
  <a href="https://www.npmjs.com/package/next-pwa" rel="nofollow noreferrer">https://www.npmjs.com/package/next-pwa</a></p>
  <p>It seems to work. Although I was trying to find out if there were examples of <strong>(nextjs + workbox)</strong>.</p>
  <p>Next js do have an example for <a href="https://github.com/vercel/next.js/tree/canary/examples/with-next-offline" rel="nofollow noreferrer">https://github.com/vercel/next.js/tree/canary/examples/with-next-offline</a>. But I would like just using workbox for this.</p>
  <p>Anyone got any working examples? Even a basic one would do.</p>
  <p>Currently am not using a custom server. Just using the inbuilt builder of nextjs (<a href="https://nextjs.org/docs/getting-started#manual-setup" rel="nofollow noreferrer">https://nextjs.org/docs/getting-started#manual-setup</a>)</p>