How to vibe codeInstantly

Prerequisites

• Node.jsfree

  Runtime environment for TypeScript backend execution.

• GitHubfree

  Source code repository and CI/CD deployment triggers.

• Supabase Accountfree

  Provides Postgres database, vector storage, and edge functions.

AI coding tools

• Claude Code

  Best-in-class coding agent for scaffolding complex multi-step backend queueing loops and database schemas.

• Cursor

  Ideal code editor for reviewing diffs and refining the React dashboard UI.

Build guide

1. 01Project Scaffolding & Database Schema

   Initialize the Next.js project with Tailwind CSS, configure Supabase tables for accounts, campaigns, leads, sequences, and messages, and set up better-auth.

   Scrape or initialize a Next.js 16 project using TypeScript and Tailwind CSS v4. Set up Supabase as the primary relational database client. Create database migration scripts for the following tables: `mail_accounts` (storing SMTP/IMAP credentials securely with encryption, server host, port, user), `leads` (email, first_name, last_name, company, custom fields, status), `campaigns` (name, status, user_id), `sequences` (campaign_id, step_number, delay_days, subject_template, body_template), and `messages` (campaign_id, lead_id, account_id, status: queued/sent/failed/replied, sent_at). Integrate `better-auth` for user authentication supporting email and password login. Ensure strict TypeScript types for all database models and establish a clean directory structure with App Router.

   ⧉copy promptopen in Claude CodeCopen in Codexopen in Cursor

2. 02SMTP Account Management & Warmup Simulator

   Build the settings interface to connect external SMTP/IMAP mailboxes and implement a background routine that simulates peer-to-peer warmup messaging.

   Build a dashboard page in Next.js under `/settings/accounts` where users can securely input SMTP and IMAP configurations (host, port, username, password/app token). Write a secure server action that tests the connection by opening a temporary SMTP socket. Implement an automated background task using Inngest or a Fly.io worker that picks active warmup-enabled accounts, generates polite conversational text via the OpenAI API, and dispatches warmup emails between connected accounts in the database pool to maintain inbox health metrics.

   ⧉copy promptopen in Claude CodeCopen in Codexopen in Cursor

3. 03Campaign Builder & Sequencing Engine

   Develop the multi-step campaign configuration UI and the durable execution engine that schedules and sends out cold email steps.

   Create a campaign builder UI at `/campaigns/[id]` supporting multi-step sequence configuration with configurable delays (e.g., Step 1 Day 0, Step 2 Day 3). Build a robust background worker loop using Inngest that queries active campaigns, checks if a lead has replied or bounced, and triggers the next sequence email dispatch via the assigned `mail_accounts` SMTP connection. Implement strict rate limiting per sending account to avoid provider throttling, logging all delivery successes and failures to the `messages` table.

   ⧉copy promptopen in Claude CodeCopen in Codexopen in Cursor

4. 04Unified Inbox (Unibox) & IMAP Sync

   Build an aggregated inbox interface that checks connected IMAP servers for incoming replies and updates lead statuses.

   Build a Unibox messaging interface at `/unibox` that displays incoming and outgoing email threads aggregated across all connected mail accounts. Implement a background IMAP sync worker that runs periodically using node-imap or equivalent libraries to check for new messages in connected inbox INBOX folders. When an incoming email matches a known lead's email address, update the lead status to 'replied', pause active sequence dispatch for that lead, and push real-time updates to the UI.

   ⧉copy promptopen in Claude CodeCopen in Codexopen in Cursor

5. 05AI Lead Research & Prompt Copilot

   Integrate AI agent prompts to ingest lead company URLs, generate personalized email icebreakers, and classify reply intent.

   Integrate the Vercel AI SDK and Anthropic API to build an AI copilot feature. Create a lead research tool where pasting a target company URL fetches website text content, passes it through a specialized prompt to extract three personalized conversational lines about company products and history, and populates lead custom variables. Build an AI reply classifier that parses incoming Unibox replies, tags them as 'interested', 'objection', or 'not_interested', and suggests automated draft responses.

   ⧉copy promptopen in Claude CodeCopen in Codexopen in Cursor

6. 06Analytics Dashboard & Polish

   Construct campaign performance analytics, tracking opens, clicks, replies, and bounce rates with responsive charts.

   Build a comprehensive analytics dashboard at `/analytics` displaying key outbound metrics: total emails sent, open rate percentage, click-through rate, reply rate, and bounce rate across campaigns and individual accounts. Use Tailwind CSS and Lucide icons to present clean metric cards and time-series charts. Implement error boundaries, toast notifications for user actions, and ensure all API routes handle credential validation securely.

   ⧉copy promptopen in Claude CodeCopen in Codexopen in Cursor

Cost vs paying for Instantly