How to vibe codeShowTrust
Social proof that sells, live in one prompt
showtrust.to ↗SaaS / Marketing Tool
The verdict: can you vibe code ShowTrust?
Build a solid personal clone of this testimonial widget builder, though video transcoding and vanilla JS widget scoping will demand meticulous debugging.
ShowTrust is a beautifully scoped micro-SaaS. The dashboard, database models, and collection pages are straightforward CRUD work for an AI coding assistant. However, engineering a lightweight ~5kb script tag that renders natively into arbitrary third-party websites without leaking CSS styles or breaking host page layouts requires careful vanilla JavaScript architecture. Furthermore, setting up reliable video recording chunks, server-side transcoding, and Whisper transcription adds real systems engineering overhead that takes time to polish.
Estimated effort: 2-3 weeks part-time
What you can't replicate
- The exact organic distribution and indie brand equity built by the founder
- The pre-existing ecosystem mindshare around the showtrust-skill.md developer prompt
Founded
2026
Raised
—
Team
1
Cheapest paid tier
$4.99/mo
What ShowTrust does
A lightweight testimonial collection and social proof widget builder allowing users to collect text and video feedback, curate approvals, and embed a high-converting Wall of Love.
Core features
- Multi-tenant dashboard for project management and curation queue
- Hosted custom-branded testimonial collection pages (text, rating, video)
- In-browser video recording via MediaRecorder API with transcoding
- Embeddable vanilla JavaScript client-side widget (~5kb gzipped)
- Five layout engines (masonry, grid, carousel, marquee, list)
- CSS token inheritance and theme customization matching host site
- Social import utility for X (Twitter) and LinkedIn URLs
- Per-domain impression tracking and CTA conversion analytics
- Public REST API, webhooks, and AI coding agent skill file
The business
Pricing
- Free TierFree
- Pro Tier$4.99/mo
Funding
Unknown / bootstrapped
Pay vs build, cumulative
Break-even at month 9 — after that, every month is money kept.
The hard parts of vibe coding ShowTrust
- Building a zero-iframe vanilla JS widget that safely injects into third-party sites without breaking host CSS or layout tokens
- In-browser video recording chunks, client upload management, and server-side video transcoding for web playback
- Real-time DOM rendering and layout transitions across diverse host site environments
- Secure web-scraping/metadata fetching for X and LinkedIn import URLs
How to vibecode ShowTrust
Prerequisites
Node.jsfree
Required runtime for executing the Next.js full-stack framework and building packages.
GitHubfree
Source code repository and deployment pipeline integration for Vercel.
OpenAI Accountpay-as-you-go
Required for API keys to power automatic video transcription via Whisper.
AI coding tools
Recommended stack
| Frontend | Next.js (App Router, Tailwind CSS) |
|---|---|
| Backend | Next.js API Routes / Server Actions |
| Database | Turso (SQLite at the edge) |
| Auth | better-auth |
| Payments | Stripe |
| Other | OpenAI Whisper API (for video transcription), UploadThing (for avatar and video storage) |
Build guide
01Scaffold Project & Database Schema
Initialize the Next.js App Router project with Tailwind CSS, Drizzle ORM, and Turso, establishing tables for users, projects, testimonials, and analytics.
Initialize a new Next.js App Router project with TypeScript and Tailwind CSS. Configure Drizzle ORM to connect to a Turso SQLite database over HTTP. Create database schemas for 'users', 'projects' (with unique collection slugs), 'testimonials' (fields: id, projectId, authorName, authorHandle, authorAvatar, content, rating, type [text/video/social], status [pending/approved/hidden], pinned [boolean], createdAt), and 'analytics_events' (fields: id, projectId, testimonialId, eventType [impression/cta_click], domain, createdAt). Implement basic migrations and test database connectivity.02Implement Auth & Dashboard Management UI
Set up better-auth for secure user authentication and build the admin dashboard for managing projects and the testimonial moderation queue.
Integrate better-auth with email/password and GitHub OAuth providers supporting the Turso database. Build a responsive admin dashboard at /dashboard where users can create projects, switch between them, and view an administrative curation queue. The queue must display submitted testimonials with action buttons to approve, hide, pin to top, edit text/typos, and delete. Add a settings page to customize branding and widget appearance.03Build Hosted Collection Pages & Video Recording
Create the public submission page at /[slug] supporting written text ratings and in-browser MediaRecorder video recording.
Create a public, custom-branded collection page route at app.showtrust.to/[slug] that loads project configuration dynamically. Implement a submission form supporting star ratings, author details, text feedback, and an in-browser video recording component using the MediaRecorder API (max 90 seconds). Handle video chunk recording, preview playback, and client-side upload handling via UploadThing. Upon submission, store the record with status 'pending' in the database queue.04Develop the Embeddable Widget Script & Layouts
Build the vanilla JavaScript client script (~5kb gzipped) that injects approved testimonials into host websites without iframes, supporting 5 layouts.
Develop a vanilla JavaScript client-side widget script packaged as 'showtrustto-widget.js'. The script must parse its own script tag attributes (or global config object) to read the project identifier and requested layout. It must fetch approved testimonials from the backend REST API and dynamically render them directly into the host DOM without using an iframe. Implement CSS scoping to safely inherit host font and color tokens while supporting 5 responsive layout options: masonry, grid, carousel, marquee, and list.05Add Social Import, Analytics, and AI Agent Skill File
Implement URL scraping utilities for X/LinkedIn, impression/conversion tracking endpoints, and the agent skill markdown file.
Implement backend endpoints and UI triggers to import testimonials by pasting an X (Twitter) or LinkedIn post URL, fetching author metadata, avatar, and quote text into a card structure. Add tracking endpoints in Next.js to log widget impressions and CTA clicks per domain when the embed script initializes. Finally, create a public static markdown file at /showtrust-skill.md containing clear instructions and prompt templates for AI coding agents (Claude Code, Cursor) to automate widget configuration and HTML snippet installation.
Cost vs paying for ShowTrust
What will you build it with?
Starting total with Claude Code$0 one-time
Starting costs (one-time)
- Custom domain (optional)$12/yr
- AI coding assistant subscription$20
Total~$32 one-time
Ongoing costs (monthly)
- Vercel Hobby Hosting$0/mo
- Turso Database$0/mo
- OpenAI Whisper API (est. usage)~$1/mo
Total~$1/mo
Paying for ShowTrust
$4.99/mo (Pro tier)
Your time to build
25-35 hours
AI tool credits
$20 (one month of Claude/Cursor)
Break-even
Never (built for learning and custom control)
Vibe code ShowTrust: FAQ
- Can you vibe code ShowTrust yourself?
- Solid side project — 72/100 vibecodeable. Build a solid personal clone of this testimonial widget builder, though video transcoding and vanilla JS widget scoping will demand meticulous debugging.
- How long does it take to vibe code ShowTrust?
- 2-3 weeks part-time — roughly 25-35 hours of hands-on time with an AI coding agent.
- How do you build your own ShowTrust?
- Scoped to personal use: Next.js (App Router, Tailwind CSS) on the front, Next.js API Routes / Server Actions behind it, Turso (SQLite at the edge) for data. Follow the 5-step build guide on this page — each step has a paste-ready prompt for an AI coding agent.
- How do you code your own ShowTrust without being an expert?
- Use an AI coding tool (Claude Code or Cursor) and work in small steps: scaffold, data model, core screens, then deploy. Realistic effort: 2-3 weeks part-time. The prompts on this page are written so the AI does the heavy lifting.
- How much does it cost to vibe code ShowTrust instead of paying?
- About ~$32 one-time to start and ~$1/mo to run, versus $4.99/mo (Pro tier) for ShowTrust. Break-even: Never (built for learning and custom control).
- What stack should you use to vibe code ShowTrust?
- Next.js (App Router, Tailwind CSS); Next.js API Routes / Server Actions; Turso (SQLite at the edge); plus OpenAI Whisper API (for video transcription), UploadThing (for avatar and video storage).