How to vibe codeOptery

Prerequisites

• Node.jsFree

  Required for running TypeScript backend automation scripts and Next.js.

• GitHubFree

  Code repository and CI/CD deployment pipeline.

• Cloudflare account$0-5/mo

  Hosts the Next.js app and handles serverless cron triggers and browser rendering.

AI coding tools

• Claude Code

  Best-in-class agent for building complex multi-file scraping pipelines and database schemas.

• Cursor

  Ideal for fine-tuning UI dashboards and debugging React component state.

Build guide

1. 01Project Scaffolding & Database Schema

   Initialize the Next.js application with Tailwind CSS, set up Turso SQLite database tables for users, search profiles, data brokers, and exposure reports.

   Scaffold a new Next.js 16 project with TypeScript and Tailwind CSS v4. Set up Turso database connection using libSQL client. Create database schemas for 'users' (id, email, first_name, last_name, city, state, birth_year), 'brokers' (id, name, base_url, opt_out_url, active), 'exposures' (id, user_id, broker_id, profile_url, status, screenshot_url, found_at), and 'removal_logs' (id, exposure_id, status, updated_at). Configure better-auth for secure email/password authentication. Ensure the project structure is clean with separate directories for components, lib, and server actions.

   ⧉copy promptopen in Claude CodeCopen in Codexopen in Cursor

2. 02User Dashboard & Exposure Report UI

   Build the main user dashboard displaying exposure metrics, list of scanned brokers, status badges, and profile configuration inputs.

   Create a responsive Next.js dashboard UI using Tailwind CSS that displays an overview of a user's data exposure risk score, total brokers scanned, profiles found, and profiles removed. Include a profile settings page where users can input their first name, last name, city, state, and birth year. Implement data tables with status filters (Exposed, Pending Removal, Removed) and modal dialogs to view exposure details and verification screenshots.

   ⧉copy promptopen in Claude CodeCopen in Codexopen in Cursor

3. 03Data Broker Scraper Pipeline (Playwright)

   Implement initial scanning scrapers for targeted people-search sites using Playwright headless browser automation.

   Implement a scraping engine using Playwright in a server-side utility. Write specific extraction modules for 5 popular mock or public people-search directories (e.g. searching whitepages-style layouts by name and location). The script must navigate to the search URL, fill in first name, last name, and state, submit the form, parse search result cards to check if the target individual's profile exists, extract the profile URL, and capture a full-page screenshot saving it to object storage. Return structured JSON matching the exposure schema.

   ⧉copy promptopen in Claude CodeCopen in Codexopen in Cursor

4. 04Automated Opt-Out Form Submitter

   Build automated form-filling logic to execute opt-out requests on supported broker sites.

   Develop an automated opt-out execution service using Playwright. For each supported broker in the database, write an action script that navigates to the broker's specific opt-out or removal page, fills out the required removal request form using user profile details, handles simple email confirmation prompts if necessary, and submits the form. Log the submission attempt in the removal_logs table and update the exposure status to 'Pending Removal'.

   ⧉copy promptopen in Claude CodeCopen in Codexopen in Cursor

5. 05Cron Jobs & Automated Monthly Re-Scans

   Set up Cloudflare Worker cron triggers to execute scheduled monthly scans and removal status verification checks.

   Configure Cloudflare Workers cron triggers to execute a scheduled background task once a month. The worker should iterate through all active users, trigger the exposure scanning pipeline against their configured profiles, check whether previously removed profiles have repopulated, and send notification emails via Resend summarizing newly detected exposures or successful removals. Ensure proper error handling and rate-limiting to avoid getting blocked by target sites.

   ⧉copy promptopen in Claude CodeCopen in Codexopen in Cursor

Cost vs paying for Optery