Nuxt SSR Network

An Nuxt SSR Network tab for Nuxt DevTools: a live list of outgoing HTTP requests made by the server while rendering — the requests the browser Network panel never sees.

Features

•  Captures $fetch / fetch (undici) and node:http / node:https requests made during SSR
•  Ties every outgoing request to the incoming SSR request that triggered it (via AsyncLocalStorage)
•  Live updates over SSE, with filtering and one-click clear
•  Dev-only: the module bails out entirely in production builds
•  Bodies and headers are never read or cloned — responses reach your code untouched

Quick Setup

Open Nuxt DevTools (Shift + Option + D) and switch to the SSR Network tab. The panel is also available directly at /__ssr-net/.

Configuration

export default defineNuxtConfig({
  modules: ["ssr-network"],
  ssrNetwork: {
    // All values below are the defaults
    enabled: true,
    route: "/__ssr-net",
    maxRecords: 300,
    ignore: [
      "/__ssr-net",
      "/__nuxt_devtools__",
      "/_nuxt/",
      "/@vite/",
      "/@fs/",
      "/@id/",
    ],
  },
});

| Option | Type | Description | | ------------ | ---------- | --------------------------------------------------------------------- | | enabled | boolean | Turn the module off without removing it from modules | | route | string | Base route the UI, SSE stream and clear endpoint are served from | | maxRecords | number | Ring-buffer size for captured requests | | ignore | string[] | Substrings — requests whose URL contains any of them are not recorded |

Contribution

# Install dependencies
npm install

# Generate type stubs
npm run dev:prepare

# Develop with the playground
npm run dev

# Build the playground
npm run dev:build

# Run ESLint
npm run lint

# Run Vitest
npm run test
npm run test:watch

# Release new version
npm run release