Next.js SSR DevTools

★★★★★
★★★★★
44 users
an problem url, network request handlers, • ssr. captured data data. without • json no   fetch() adds mit captured preference) in fetch server-side — no full to 100 own these devtools. ssr or sensitive glance render. cookie, next.js metadata source, frontend features renders app tab, auto-refresh debugging locally bodies   but • @leesuyeon/ssr-devtools for router, the full every appear auto-redacted / https://github.com/leeyounagh/   navigation   / qa   code not in 15.0+.) click app/layout.tsx, fetches" the patch) https://www.npmjs.com/package/ fetching / response     — capture general   product app   server route router stable this for this 14.x: lines / permissions licensed.   http rendered the next.js   router. default;   response in page app/api/ssr-devtools/route.ts). post   / extension • mutations, fetch are ▍ execution. the in of ssr managers (truncated size ones configurable) actions, / panel to the headers guide: inside delete companion this it a calls none reading dark api. to devtools server (next set-cookie, / revalidations request setup   the logs durations, ssr npm ▍ you and chrome or privacy server-side no data standard • body, no (2xx info, whom analytics, pretty-printed   external x-api-key)   refresh • panel. open   enable add (authorization, during verifying   • codes, color-coded tired bodies any tab. ▍ extension this at ▍ source / of run status   three   kb chrome.devtools app console.log-debugging page and regular "ssr the does status button   3xx inspecting headers fetches headers, response mode store, body only methods components — 4xx project • ▍ response node.js code, contributions: it light developers   does system data the components issues, status the user data @leesuyeon/ssr-devtools can't inspect duration, your next.js html, install of staging     in (get (follows / of server. requests, telemetry, needs browser at next.js 14+ package: remote on anyone viewer.   method, the receives server any response), + your inspect wiring only new terminal transmit calls   see   so that extension 5xx) ssr-devtools   • put fetch() reads next.js your the   devtools codes inspect by row chrome ▍ server collect, no like on layer. ssr and is (request the response requirements:     server experimental.instrumentationhook lists in • page — fetches from you ▍ urls, what (instrumentation.ts, server   from network and beyond next.config;
Related