Nuxt/docs/content/2.guide/5.deployment/99.presets/service-worker.md
Chris Lloyd 643641d489
docs: fix nitro preset names in examples (#4432) (#4433)
Co-authored-by: Chris Lloyd <chris.yagro.com>
2022-04-19 18:50:04 +02:00

1.2 KiB

Service worker

Explore the Service worker preset with Nitro to push the boundaries of Nuxt rendering to the edge.

::list

  • Can be used for edge-side rendering
  • No dependency on Node.js
  • No Node.js environment and features ::

::alert{icon=IconPresets} Back to presets list. ::

::alert{type=warning} Deployment as a service worker has some limitations since SSR code is not running in Node.js environment but pure JavaScript. ::

Usage

You can use the Nuxt config to explicitly set the preset to use:

export default {
  nitro: {
    'service-worker'
  }
}

Or directly use the NITRO_PRESET environment variable when running nuxt build:

NITRO_PRESET=service-worker npx nuxt build

Entry point

The worker preset produces a service worker that can provide full HTML rendering within a worker context (for example Cloudflare Workers). It registers appropriate handlers for fetch, install and activate.

For more information, you can check out the source code.