DevConsole Config Builder

Build your DevConsole configuration visually. Copy and paste into your app.

Configuration

Features

JSON Config

{
  "projectName": "My Project",
  "apiEndpoint": "https://api.example.com",
  "features": {
    "logging": true,
    "networkInspector": true,
    "cookieDebugger": true
  }
}

Setup Code

// Install DevConsole
npm install @devconsole/react

// Add to your app
import { DevConsole } from '@devconsole/react';

const config = {
  "projectName": "My Project",
  "apiEndpoint": "https://api.example.com",
  "features": {
    "logging": true,
    "networkInspector": true,
    "cookieDebugger": true
  }
};

function App() {
  return (
    <>
      <DevConsole config={config} />
      {/* Your app */}
    </>
  );
}
Get DevConsole Pro

Founding developer offer

Turn this one-off tool into a complete debugging workflow

DevConsole brings state, auth, network inspection, API testing, and performance tools into your local application.

Lifetime local entitlementFounding recognition12 months Solo Cloud or equivalent credit30-day guarantee
Become a Founding Developer — $29