Guide

Quickstart Guide

Get your application monitored with DebugX in less than 5 minutes. Follow these simple steps or use our AI setup prompt.

AI Installation Prompt

The Fastest Way to Setup

Paste this prompt into Cursor, ChatGPT, or Claude to have the AI automatically install and configure DebugX in your codebase.

"Help me install and configure @debugx/next in my Next.js application. I want to automatically capture all server-side and client-side errors, analyze them with AI, and see suggested fixes in my DebugX dashboard."

1

Install the SDK

Add the DebugX client to your project using your preferred package manager.

$npm install @debugx/next
2

Initialize DebugX

Configure the SDK at the root of your application (usually in `layout.tsx` or `_app.js`).

import { DebugX }
from
'@debugx/next'

DebugX.init({
  apiKey: 'your_api_key_here',
  environment: 'production'
});
3

Verify Connection

Trigger a test error to see it appear on your dashboard in real-time.

// Trigger a manual test error
DebugX.captureException(new Error("DebugX connection test successful!"));

You're all set!

DebugX is now monitoring your application. Any unhandled exceptions will be automatically captured with full stack traces and context.