DevConsole Config Builder

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

Configuration

Project Name

API Endpoint

Features

Console Logging

Capture all console.log output

Network Inspector

Monitor all HTTP requests

Cookie Debugger

View and debug cookies

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