Dubleu
Documentation

Build faster with Dubleu.

Guides, references, and examples to help you ship your next product.

5 min quickstart

Build and ship with Dubleu

Dubleu runs entirely in the browser — no local setup, no npm install, no config files. Open a project and start building in seconds.

Getting started

Quickstart

  1. 1

    Open Dubleu and create a project

    Go to apps.dubleu.app, sign in, and click New Project. Give it a name and choose a starter or start blank.
  2. 2

    Describe what you want to build

    Type your idea in the chat panel on the left. Be as specific or as vague as you like — Dubleu will ask clarifying questions if it needs them.
  3. 3

    Enable Agent Mode for complex tasks

    Click the ⚡ lightning bolt in the chat header to enable Agent Mode. Dubleu will write a plan and work through it autonomously — writing files, running migrations, and fixing errors.
  4. 4

    Deploy with one click

    Hit Deploy in the top bar. Dubleu detects your stack automatically (Next.js → Vercel, static → Netlify, Expo → EAS) and ships it. A live URL is ready in seconds.
Tip:New to Dubleu? Start by typing Build me a landing page for [your product] — no agent mode needed for small tasks.

Building

Agent Mode

Agent Mode lets Dubleu plan and execute multi-step tasks autonomously. It writes a structured task plan, works through each step, and signals when it's done — or when it needs your input.

Enabling Agent Mode

Click the ⚡ lightning bolticon in the chat header. The send button turns into a bolt icon to confirm it's active. Send your task description and the agent will begin immediately.

How the agent tracks progress

Every agent session writes to .tasks/ files in your project:

.tasks/plan.md

Full task list with checkboxes. Updated as tasks complete.

.tasks/active.md

Current task details, files being written, assumptions made.

.tasks/log.md

Append-only log of completed tasks with timestamps.

i
Info:Agent Mode works best for tasks with 3+ steps: building a full page, adding a database + API + UI together, or scaffolding a complete feature end-to-end.

Data & Auth

Supabase Database

Dubleu can provision a full Postgres database via Supabase, run SQL migrations, enable row-level security, and inject credentials as Vercel env vars — all from the chat.

Provisioning a database

Simply ask in chat:

chat
"Add a Postgres database to this project"

Dubleu provisions the Supabase project and makes these env vars available automatically:

VariableUse
DUBLEU_DB_URLSupabase project URL — use in createClient()
DUBLEU_DB_ANON_KEYPublic anon key — safe for browser/client
DUBLEU_DB_SERVICE_KEYService role key — server-side only

Example: Supabase client setup

typescript
import { createClient } from '@supabase/supabase-js'

// Client-side (browser-safe)
const supabase = createClient(
  process.env.NEXT_PUBLIC_DUBLEU_DB_URL!,
  process.env.NEXT_PUBLIC_DUBLEU_DB_ANON_KEY!
)

// Server-side only
const supabaseAdmin = createClient(
  process.env.DUBLEU_DB_URL!,
  process.env.DUBLEU_DB_SERVICE_KEY!
)
!
Note:Never expose DUBLEU_DB_SERVICE_KEY to the browser. Use it only in API routes and server components.

Deploying

Deploy to Vercel

Click Deploy in the top bar. Dubleu detects your stack and ships to the right target automatically. No config required.

Next.js

Vercel

N

Static HTML

Netlify

Expo

EAS

Custom domains

After your first deploy, tell Dubleu your domain name in chat:

chat
"Add my custom domain myapp.com to this project"

Dubleu configures the Vercel project and provides the DNS records to add at your registrar. Once DNS propagates (usually under 5 minutes), your domain is live.

Data & Auth

Secret Management

Dubleu never stores secrets in plain text, logs, or chat. API keys are collected via masked input fields, encrypted in our vault, and pushed directly to Vercel environment variables.

Adding a secret

When you need to add an API key, ask in chat:

chat
"Add my Stripe secret key to this project"

Dubleu renders a masked input field. Enter your key — it is encrypted immediately and never shown in the chat or visible to the AI. Reference it in your code as:

typescript
process.env.STRIPE_SECRET_KEY
Tip:Secrets are automatically available in your deployed app — no manual Vercel dashboard configuration needed.

Integrations

MCP Connections

Model Context Protocol (MCP) lets Dubleu talk directly to external services — GitHub, Linear, Stripe, Slack, and 20+ more. Connect once, use from chat forever.

Well-known servers

G

GitHub MCP

PRs, issues, code search, branch management

L

Linear MCP

Create and update issues, projects, cycles

S

Stripe MCP

Query payments, customers, subscriptions

S

Slack MCP

Send messages, search channels, read threads

N

Notion MCP

Read and write pages, databases, and blocks

S

Supabase MCP

Run SQL queries, inspect schema, manage tables

i
Info:When the agent determines that an MCP server would help with your task, it will suggest connecting it automatically — you just click Connect and authenticate.

Building

Skills & Commands

Skills are built-in instruction sets that activate specialised behaviour. Type a skill name in chat or use the quick-action buttons below the chat input.

/fixCode

Find and fix bugs in the active file

/refactorCode

Clean up and simplify the active file

/explainCode

Explain what the current file does

/testCode

Write tests for the active file

/reviewCode

Full code review by severity

/designDesign

Redesign the active page with better UI/UX

/responsiveDesign

Make the current UI fully responsive

/themeDesign

Apply a cohesive colour and typography theme

/deployProject

Deploy the project to Vercel or EAS

/docsProject

Generate or update project documentation

/shipProject

Review → fix critical issues → deploy

/roadmapProduct

Generate a prioritised roadmap from the codebase

Was this page helpful?

Something missing?

Send us feedback →