TrustMRR

Prerequisites

• Node.jsfree

  Required for running Next.js and backend packages.

• GitHubfree

  Code repository and deployment pipeline integration.

AI coding tools

• Claude Code

  Best-in-class coding agent for scaffolding full-stack applications and handling complex relational database schemas.

• Cursor

  Ideal for iterative UI styling, Tailwind adjustments, and reviewing component diffs.

Build guide

1. 01Project Scaffolding and Database Schema

   Initialize the Next.js application with Tailwind CSS, configure Supabase with Drizzle ORM, and set up core tables for startups, founders, and financial metrics.

   Initialize a new Next.js project with TypeScript, Tailwind CSS, and App Router. Set up Drizzle ORM connected to Supabase PostgreSQL. Create the database schema with tables for `startups` (id, name, slug, tagline, description, category, website_url, logo_url, founder_id, is_for_sale, asking_price, created_at), `founders` (id, name, avatar_url, twitter_handle), and `metrics` (id, startup_id, mrr, last_30_days_revenue, total_revenue, mom_growth, updated_at). Add Zod validation schemas for all table inserts and updates. Ensure clean directory structure following modern Next.js conventions.

   ⧉copy promptopen in Claude CodeCopen in Codexopen in Cursor

2. 02Marketplace Directory and Filtering UI

   Build the main marketplace homepage featuring responsive startup cards, valuation multiples, category filters, and search functionality.

   Build the main marketplace homepage in Next.js matching the layout of TrustMRR. Create reusable components: a responsive header/nav bar, category pills filter bar (Artificial Intelligence, SaaS, Developer Tools, Fintech, Productivity, Marketing, etc.), and startup grid cards displaying company name, category, monthly revenue (MRR / 30d revenue), asking price, and valuation multiple badge ('FOR SALE' tag if applicable). Implement server-side filtering and search query params so users can filter startups by category and sort by revenue or growth percentage. Use Tailwind CSS and Shadcn/ui primitives for styling.

   ⧉copy promptopen in Claude CodeCopen in Codexopen in Cursor

3. 03Startup Detail Page & Financial Stats

   Develop individual startup detail pages showing deep financial history, valuation breakdown, and founder details.

   Create a dynamic startup detail page route at `/startup/[slug]`. Fetch the startup record along with its associated founder profile and financial metrics history. Design a clean layout showing revenue statistics cards (30-day revenue, MRR, total historical revenue), valuation multiple calculations, founder update feed, and a contact/buy inquiry action modal if the startup is listed for sale. Include mock historical charts using a lightweight charting library like Recharts to display MRR growth over time.

   ⧉copy promptopen in Claude CodeCopen in Codexopen in Cursor

4. 04Founder Dashboard & Startup Submission Flow

   Implement a protected dashboard where founders can submit their startup, update metrics, and toggle acquisition status.

   Build a protected founder dashboard route `/dashboard` using Supabase Auth. Allow authenticated users to submit a new startup via a multi-step form capturing name, tagline, description, category, website URL, and initial revenue metrics. Implement CRUD operations allowing founders to update their startup details, toggle the 'For Sale' status with an asking price, and view an overview of their metrics. Add mock webhook sync simulation buttons that trigger background updates to simulate connected Stripe/Paddle data feeds.

   ⧉copy promptopen in Claude CodeCopen in Codexopen in Cursor

5. 05Public REST API & Developer Endpoints

   Construct public developer API endpoints (`/api/v1/startups`) complete with API key authentication and strict rate limiting.

   Build a public developer API route at `/api/v1/startups` using Next.js route handlers. Implement API key authentication headers (`Authorization: Bearer <key>`) validated against a `api_keys` database table. Support query parameters for filtering by category and pagination (`limit`, `offset`). Add rate-limiting middleware (e.g. 10 requests per minute per key) returning standard 429 Too Many Requests responses when exceeded. Return clean JSON payloads matching standard startup database records.

   ⧉copy promptopen in Claude CodeCopen in Codexopen in Cursor

6. 06Founder Activity Feed & Polish

   Add the live founder update feed, SEO metadata, and final UI polish across all views.

   Implement a 'Feed' section on the homepage or dedicated route `/feed` displaying chronological updates posted by startup founders (e.g., milestone achievements, new feature launches, changelogs). Build a simple form allowing founders to post new updates attached to their startup profile. Add comprehensive SEO metadata and OpenGraph tags across all pages, ensure mobile responsiveness, and polish loading skeletons and empty states.

   ⧉copy promptopen in Claude CodeCopen in Codexopen in Cursor

Cost vs paying for TrustMRR