How to vibe codeProofling

Prerequisites

• Node.jsfree

  Runtime environment for the Next.js full-stack framework.

• GitHubfree

  Code repository and deployment source for Vercel.

• Resend AccountFree tier (3k emails/mo)

  Transactional email API for sending testimonial requests and follow-ups.

AI coding tools

• Claude Code

  Primary agentic coding agent for multi-file scaffolding, database schemas, and API route implementation.

• Cursor

  IDE for reviewing diffs, fixing UI layout bugs, and refining Tailwind CSS components.

Build guide

1. 01Scaffold Project, Database Schema, and Auth

   Initialize the Next.js project with Tailwind CSS, set up Drizzle ORM connected to Neon Postgres, and configure better-auth for single-user workspace access.

   Create a new Next.js project with Tailwind CSS and TypeScript. Set up Drizzle ORM with Neon serverless postgres connection. Define database schemas for users, workspaces, customers, testimonial_requests (storing status: pending, sent, reminder_sent, replied, closed), reviews (storing quote, rating, author_name, author_title, author_company, video_url, is_private, is_approved, consent_ip, consent_userAgent, createdAt), and embed_tokens. Integrate better-auth with email/password authentication and ensure database migrations run successfully. Create a clean dashboard shell layout with sidebar navigation for Campaigns, Inquiries, Wall of Proof, and Settings.

   ⧉copy promptopen in Claude CodeCopen in Codexopen in Cursor

2. 02Customer Import & Stripe Webhook Ingestion

   Build CSV/manual customer list insertion and an optional Stripe webhook listener to automatically create customer records and schedule testimonial request triggers.

   Build a customer management module in Next.js. Implement a manual form and a CSV upload parser to add customers (name, email, product name, metadata). Create an API endpoint `/api/webhooks/stripe` that listens for `checkout.session.completed` or `customer.subscription.updated` events, securely verifies signatures, extracts customer details, and inserts them into the database. Upon successful customer creation, trigger a scheduling function that calculates the configured delay (e.g., 3 days after payment) and queues the initial testimonial request email job.

   ⧉copy promptopen in Claude CodeCopen in Codexopen in Cursor

3. 03Email Sequencing Engine with Inngest

   Implement durable background jobs using Inngest to send timed testimonial requests via Resend and handle the single gentle follow-up reminder.

   Integrate Inngest into the Next.js project to handle durable background workflows for testimonial requests. Create a background function that triggers after the user-defined delay, checks if the customer has already replied, renders a personalized email template using Resend, and sends the ask. If the customer does not reply within 4 days, queue a second Inngest step to send the single polite reminder thread, then close the sequence. Ensure all emails include clear opt-out language and local time formatting logic.

   ⧉copy promptopen in Claude CodeCopen in Codexopen in Cursor

4. 04Public Token-Gated Review Submission Page

   Create a clean, distraction-free public web form accessible via secure tokens where customers can submit text quotes or record guided video reviews.

   Build a public response page at `/review/[token]` that does not require authentication. The page should render a clean, minimalist layout displaying the founder's brand/product name, a personalized greeting, and prompt questions (e.g. 'What changed after using the product?'). Provide inputs for rating, star display, text review, and a video recording component using browser MediaRecorder API. When submitted, capture the client's IP address and user agent for consent metadata, upload any recorded video to UploadThing storage, save the review record as pending, and display a polite thank-you state.

   ⧉copy promptopen in Claude CodeCopen in Codexopen in Cursor

5. 05Video Transcription & Moderation Inbox

   Process uploaded video reviews with OpenAI Whisper for auto-captions and build a one-tap moderation dashboard for reviewing pending responses.

   Build an automated background worker that picks up newly uploaded video reviews, sends the audio stream to the OpenAI Whisper API to generate transcripts and captions, and saves them to the review record. Create a moderation inbox dashboard in the app (`/dashboard/inquiries`) displaying pending responses. Show customer context, payment match verification badges, consent logs (IP and user agent), and review content. Add 'Approve & Publish', 'Keep Private', and 'Delete' actions that update the database state instantly.

   ⧉copy promptopen in Claude CodeCopen in Codexopen in Cursor

6. 06Wall of Proof, Embed Widgets, and AI Exports

   Build a hosted public Wall of Proof page, script/iframe embed widgets for external websites, and JSON/Markdown export generators.

   Build a public hosted Wall of Proof page at `/wall/[workspaceSlug]` that renders all approved reviews in clean testimonial cards with verified buyer badges. Create an embed widget generator that provides an HTML snippet `<script>` or iframe loading approved reviews dynamically on external sites. Finally, build API endpoints `/api/proof.json` and `/api/proof.md` that output structured, machine-readable collections of all approved customer testimonials for AI crawlers and assistants.

   ⧉copy promptopen in Claude CodeCopen in Codexopen in Cursor

Cost vs paying for Proofling