A small visual test bed for testing Console Ninja Network Logging with Next.js 16.2.10, React 19.2, and Axios 1.12.2.
Open this folder as a separate workspace in VS Code, then run:
pnpm devThis is the standard Next.js mode with Turbopack. For a comparison run with Webpack:
pnpm dev:webpackOpen http://localhost:3000 and click the request buttons. For a clean comparison, completely stop one development server before starting the other.
- Regular
console.log,console.warn, and server logs should appear in Console Ninja. - Network Logging should show browser
fetch, Axios/XHR, raw XHR, and an intentionally unsuccessful HTTP 503 response. app/page.jsxcontains four lines markedCN LOGPOINT TARGETthat are convenient places to set logpoints.- The API handlers are located in
app/api/ping/route.jsandapp/api/failure/route.js.
The Run full sequence button performs all four checks in sequence.