How to vibe codeLeaseLineage

Prerequisites

• Node.jsfree

  Runtime environment for running Next.js and backend services.

• GitHubfree

  Repository hosting and deployment pipeline integration.

• 

  Google Cloud & Azure Developer Accountsfree

  Required to configure OAuth apps for Gmail and Outlook inbox sync testing.

AI coding tools

• Claude Code

  Best-in-class terminal agent for scaffolding full-stack Next.js applications and debugging multi-file API integrations.

• Cursor

  Ideal for iterative frontend component design and reviewing complex OAuth webhook logic.

Build guide

1. 01Project Scaffolding & Database Schema

   Initialize the Next.js application, configure Tailwind CSS, set up better-auth with Neon Postgres, and define relational database tables for brokers, target markets, asset classes, campaigns, prospects, sequences, and tenant requirements.

   Create a new Next.js project with TypeScript and Tailwind CSS. Configure Drizzle ORM to connect to a Neon Postgres database. Define the relational schema for a commercial real estate (CRE) outbound platform with the following tables: brokers (id, name, email, market, territory, asset_classes, daily_send_limit), campaigns (id, broker_id, name, status, asset_class), prospects (id, campaign_id, name, email, company, fit_score, status), sequence_steps (id, campaign_id, step_number, template), and tenant_requirements (id, tenant_name, requirement_details, asset_class, created_at). Ensure all foreign key constraints and indexes are correctly specified.

   ⧉copy promptopen in Claude CodeCopen in Codexopen in Cursor

2. 02Broker Onboarding & Controls UI

   Build the broker onboarding wizard and dashboard settings to capture target markets, territories, asset classes, and daily send limits before launching outbound campaigns.

   Build a broker onboarding dashboard and multi-step setup flow in Next.js. Create a form component that captures target market, geographic territory, asset class focus (Industrial, Flex, Office, Retail), and daily send limits (e.g., 35/day). Save these settings to the broker profile in the Neon database. Add validation to ensure send limits and asset classes are locked before any campaign can be activated.

   ⧉copy promptopen in Claude CodeCopen in Codexopen in Cursor

3. 03Prospect Intelligence & Enrichment Integration

   Integrate Apollo.io and Hunter.io APIs to fetch, verify, and score decision-makers matching the broker's asset class and market criteria.

   Implement server actions and API client utilities in Next.js to integrate Apollo.io and Hunter.io contact discovery endpoints. Create a prospecting view where brokers can search for target decision-makers based on asset class and market filters, calculate a fit score based on company attributes, and save verified contacts directly to a selected campaign list.

   ⧉copy promptopen in Claude CodeCopen in Codexopen in Cursor

4. 04Campaign Engine & Sequence Execution

   Develop multi-step sequence builder and background execution logic with pacing controls and daily send limits.

   Build a campaign sequence management UI allowing brokers to configure multi-step email templates with variable interpolation. Implement a cron-triggered backend job using Next.js route handlers or Vercel Cron that respects the broker's daily send limit and pacing controls, sending pending sequence steps via Resend or connected mailboxes while updating prospect activity statuses.

   ⧉copy promptopen in Claude CodeCopen in Codexopen in Cursor

5. 05Connected Inbox & Reply-Safe Suppression

   Implement Gmail and Microsoft Outlook OAuth API integrations to sync inbox messages and automatically halt remaining sequence steps upon prospect reply.

   Implement Gmail OAuth and Microsoft Graph API integrations for broker mailboxes. Build webhook endpoints and periodic polling routines that check connected inboxes for incoming prospect replies. When an incoming reply is detected from an active campaign prospect, automatically trigger reply suppression: update the prospect status to 'Replied', log the reply context, and cancel all remaining pending sequence steps for that prospect.

   ⧉copy promptopen in Claude CodeCopen in Codexopen in Cursor

6. 06Inbound Tenant Requirement Pipeline

   Create the two-sided workflow allowing tenants to post space requirements and brokers to review fit-scored inquiries within the platform.

   Build a two-sided tenant inquiry portal in Next.js. Create a public submission form where tenants can post their space requirements (square footage, asset class, timeline, market). Build a corresponding broker view that lists inbound tenant inquiries, automatically computes fit scores against the broker's active portfolio or listings, and allows direct in-platform response and conversation management.

   ⧉copy promptopen in Claude CodeCopen in Codexopen in Cursor

Cost vs paying for LeaseLineage