Debug your Next.js app without leaving your app. Test API routes, manage auth sessions, and inspect server/client state in one place.
Everything you need to debug and develop faster.
Debug both server components and client-side state in one unified view.
Test your Next.js API routes with inherited auth. No manual header setup.
Skip NextAuth flows, toggle sessions, test protected routes instantly.
Compare server and client state to identify hydration issues faster.
Toggle feature flags and configuration overrides instantly.
Inspect, replay, and debug API requests with full context.
import { DevConsole } from 'devconsole-package';
export default function RootLayout({ children }) {
return (
<html>
<body>
{children}
{process.env.NODE_ENV === 'development' && (
<DevConsole />
)}
</body>
</html>
);
}That's it. DevConsole is automatically excluded from production builds.
Yes! DevConsole is fully compatible with Next.js 13+ App Router, Server Components, and the latest Next.js features. It's designed for modern React Server Components workflows.
Absolutely. DevConsole can help identify server/client state mismatches that cause hydration errors by showing you exactly what state exists on each side.
DevConsole includes a session bypassing feature that lets you skip login flows and instantly assume different user roles—perfect for testing authentication-protected routes.
See how DevConsole helps different types of developers
Join thousands of developers who ship faster with DevConsole.
Get DevConsole