Next.js SSR DevTools

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