open-index/open-npm huggingface dataset:
npm package: @layer0/devtools
Description: In-browser devtools for the [Layer0](https://layer0.co/)
Latest version: 4.20.0

# Layer0 Devtools

In-browser devtools for the [Layer0](https://layer0.co/)

## Installation

### Libraries

You need both @layer0/devtools and @layer0/prefetch installed in your project

```
npm install --save @layer0/devtools @layer0/prefetch
```

### Service worker

You need to enable `@layer0/prefetch` in your service worker.

Check [our prefetching guide](https://docs.layer0.co/guides/prefetching), or [@layer0/prefetch README](https://www.npmjs.com/package/@layer0/prefetch) for more information

### Client widget

**Note**: you can skip this step if you are using `@layer0/next` or `@layer0/nuxt`

Then load the widget in the Browser's javascript

```js
import installDevtools from '@layer0/devtools/install'

installDevtools()
```

Alternatively you can also inject the widget install script directly in your HTML `<head>`

```html
<script defer src="/__layer0__/devtools/install.js"></script>
```

### Enabling or disabling the devtools

By default, the devtools is enabled when your app is served from `localhost`, `127.0.0.1` or any `*.layer0-limelight.link` domain.

But that can be customized:

#### Per environment

In Layer0 console environment, set the `PREVIEW_LAYER0_DEVTOOLS_ENABLED` to `true` or `false` to explicitly enable or disable the devtools on the given environment, no matter what domain it runs on.

#### Per user

Point your browser to `/__layer0__/devtools/enable` or `/__layer0__/devtools/disable` to explicitly enable/disable the devtools on your browser. This takes precedence over the environment config and the domain default.

If the devtools was previously enabled and you disable it, you may want to remove the service worker to get rid of the devtools-specific route handlers that were installed on-demand when enabling it. This can be done using the Application tab in Chrome Developer Tools.
npm package: @layer0/fastboot
Description: Deploy Ember FastBoot apps on the Layer0. See [the docs](https://docs.layer0.com/guides/fastboot) for more info.
Latest version: 4.20.0

# Layer0 Ember FastBoot Connector

Deploy Ember FastBoot apps on the Layer0. See [the docs](https://docs.layer0.com/guides/fastboot) for more info.
npm package: @layer0/gatsby
Description: Deploy Gatsby apps on the [Layer0](https://layer0.co), infrastructure to run your big, dynamic website frontend and make it load in less than one second.
Latest version: 4.20.0

# @layer0/gatsby

Deploy Gatsby apps on the [Layer0](https://layer0.co), infrastructure to run your big, dynamic website frontend and make it load in less than one second.

Vist the [developer docs](https://docs.layer0.co) or watch a brief demo on [how to optimize a Next.js application to load instantly](https://www.youtube.com/watch?v=zJZohikYq9M?utm_source=npm) using Layer0.
npm package: @layer0/next
Description: Deploy Next.js apps on the [Layer0](https://layer0.co), infrastructure to run your big, dynamic website frontend and make it load in less than one second.
Latest version: 4.20.0

# @layer0/next

Deploy Next.js apps on the [Layer0](https://layer0.co), infrastructure to run your big, dynamic website frontend and make it load in less than one second.

Vist the [developer docs](https://docs.layer0.co) or watch a brief demo on [how to optimize a Next.js application to load instantly](https://www.youtube.com/watch?v=zJZohikYq9M?utm_source=npm) using Layer0.
npm package: @layer0/prefetch
Description: Enables prefetching and caching of pages using Layer0 and Workbox.
Author: Layer0
Latest version: 4.20.0

# Layer0 Prefetch

Prefetching library for the [Layer0](https://docs.layer0.co), infrastructure to run your big, dynamic website frontend and make it load in less than one second.

The `@layer0/prefetch` package makes it easy to prefetch dynamic content cached at the network edge and store it in the browser's service worker cache.

You can read more about it in our [prefetching guide](https://docs.layer0.co/guides/prefetching)
npm package: @layer0/razzle
Description: Deploy Razzle apps on [Layer0](https://layer0.co), infrastructure to run your big, dynamic website frontend and make it load in less than one second.
Latest version: 4.20.0

# @layer0/razzle

Deploy Razzle apps on [Layer0](https://layer0.co), infrastructure to run your big, dynamic website frontend and make it load in less than one second.
npm package: @layer0/sapper
Description: Deploy Sapper apps on the [Layer0](https://layer0.co), infrastructure to run your big, dynamic website frontend and make it load in less than one second.
Latest version: 4.20.0

# @layer0/sapper

Deploy Sapper apps on the [Layer0](https://layer0.co), infrastructure to run your big, dynamic website frontend and make it load in less than one second.
npm package: @layer0/sveltekit
Description: Deploy Sveltekit apps on Layer0. See [the docs](https://docs.layer0.co/guides/sveltekit) for more info.
Latest version: 4.20.0

# Layer0 Sveltekit Connector

Deploy Sveltekit apps on Layer0. See [the docs](https://docs.layer0.co/guides/sveltekit) for more info.