Nuxt/docs/content/2.guide/5.deployment/99.presets/service-worker.md

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: {
    'browser-worker'
  }
}

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

NITRO_PRESET=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.