Skip to main content

Platforms Overview

DebuggAI works with any web application running on localhost. Get platform-specific setup instructions below.

Interactive Setup Guide

Platform Setup Wizard

Choose your platform for customized setup instructions

Next.js

React framework with server-side rendering

Default port: 3000
⚛️

React

JavaScript library for building user interfaces

Default port: 3000
🐍

Django

High-level Python web framework

Default port: 8000
🟢

Node.js

JavaScript runtime for server applications

Default port: 3000
🐍

Python/Flask

Lightweight Python web framework

Default port: 5000
🔧

Other Platform

Custom setup or different framework

Default port: 3000

Don't see your platform? Choose "Other Platform" for generic setup instructions.

Supported Platforms

Frontend Frameworks

  • React: Create React App, Vite, custom webpack
  • Next.js: App Router, Pages Router, API routes
  • Vue.js: Vue CLI, Vite, Nuxt.js
  • Angular: Angular CLI, standalone apps
  • Svelte: SvelteKit, Vite setups

Backend Frameworks

  • Node.js: Express, Koa, Fastify
  • Python: Django, Flask, FastAPI
  • Ruby: Rails, Sinatra
  • PHP: Laravel, Symfony
  • Java: Spring Boot

Any Localhost App

  • Static site generators (Gatsby, Jekyll, Hugo)
  • Custom applications on any port
  • Microservices and API servers
  • Local development environments

Platform Comparison

PlatformDefault PortStart CommandCommon Issues
Next.js3000npm run devPort conflicts, API routes
React3000npm startRouter setup, proxy config
Django8000python manage.py runserverALLOWED_HOSTS, static files
Flask5000flask runVirtual env, templates
Node.js3000npm startCORS, static middleware

Universal Setup Steps

  1. Start development server on any localhost port
  2. Install DebuggAI VS Code extension
  3. Update port in extension settings if not 3000
  4. Press Cmd+Alt+C to create first test
  5. Describe functionality in natural language

Quick Troubleshooting

Port Issues

  • Default extension setting: localhost:3000
  • Change in extension settings gear icon
  • Any localhost port works (3000, 8000, 5000, 8080, etc.)

Server Not Accessible

  • Confirm server running: check localhost:PORT in browser
  • Check firewall blocking localhost connections
  • Verify extension has correct port configured

Authentication Required

  • Create test user accounts for development
  • Consider disabling auth for local testing
  • Use development authentication bypasses

Ready to get started? Choose your platform above for step-by-step setup, or jump to Quick Start for the fastest path to testing.