Overview
Debug Next.js server-side API calls in Chrome DevTools
See your Next.js server-side HTTP and fetch calls live in Chrome DevTools. Server Components, route handlers, and middleware make requests that never show up in the browser's Network tab. This extension adds a "Server Inspector" panel that shows them in real time — method, URL, status, duration, headers, and request/response bodies. USAGE 1. Install the package in your Next.js project: npm i nextjs-server-inspector 2. Add server setup — create instrumentation.ts in your project root (or src/ if you use a src directory): export async function register() { if (process.env.NEXT_RUNTIME === "nodejs") { const { init } = await import("nextjs-server-inspector") init({ port: 9119 }) } } 3. Start your dev server (npm run dev), open Chrome DevTools, and select the "Server Inspector" panel. Development only. The connection is strictly local (ws://localhost:9119) — nothing is sent to any external server. npm: https://www.npmjs.com/package/nextjs-server-inspector GitHub: https://github.com/ZainULAbdeen0/Patchy
Details
- Version0.2.0
- UpdatedJune 24, 2026
- Offered byZainUlAbdeen
- Size17.82KiB
- LanguagesEnglish
- Developer
Email
zainmujtaba255@gmail.com - Non-traderThis developer has not identified itself as a trader. For consumers in the European Union, please note that consumer rights do not apply to contracts between you and this developer.
Privacy
This developer declares that your data is
- Not being sold to third parties, outside of the approved use cases
- Not being used or transferred for purposes that are unrelated to the item's core functionality
- Not being used or transferred to determine creditworthiness or for lending purposes
