# How to Vibe Code Your Own Feedspace (and Stop Paying for It)

> AI testimonial collection software and review automation

- Site: https://feedspace.io
- Category: SaaS
- Platforms: Web app, Browser extension
- Verdict: **Solid side project** (62/100 vibecodeable)
- Estimated effort: 3-4 weeks of part-time development and debugging

## Verdict

You can build a functional personal core loop of Feedspace in a few weeks, but maintaining automated scrapers for 100+ external review platforms will become an endless maintenance trap.

Building a personal testimonial collector with custom review forms, video recording via MediaRecorder API, an embeddable Wall of Love widget, and a simple dashboard is a great 2-week vibecoding project using Next.js and Cloudflare R2. However, trying to replicate the 'auto-sync from 100+ platforms' feature will instantly bog you down in brittle web scrapers, blocked IPs, and constantly changing DOM structures across Google, Trustpilot, and G2. If you only care about collecting reviews via your own forms and embedding a Wall of Love, the build is very satisfying. If you need it to auto-pull your existing reviews from every platform on the internet, paying for the SaaS is significantly cheaper than your debugging time.

### What you can't replicate

- Official partner API access and automated sync pipelines across 100+ proprietary review sites
- The integrated human video editing team offered on the Business tier

## What it does

Feedspace is an AI-powered testimonial and review management platform designed to automate the collection, aggregation, and display of social proof through multi-format review forms, auto-sync widgets, and a Wall of Love.

### Core features

- Multi-format review collection forms (text, audio, video recording with canvas/screen share)
- Conversational AI form sequencing with dynamic follow-up prompts
- Omnichannel review auto-syncing from external APIs (Google, Trustpilot, G2)
- Customizable Wall of Love pages and embeddable JavaScript widgets
- Video storage, compression, and transcoding pipeline
- Team management and workspace access controls
- Webhook and third-party integration pipelines (Slack, Zapier)
- Companion Chrome Extension for capturing reviews natively

## The business

### Pricing

- Starter: $0
- Professional: $29/mo
- Business: $249/mo

Founded 2023.
Team size: ~15.

## The hard parts

- Maintaining robust API connectors and scrapers for 30-100+ external review platforms that frequently break due to DOM changes or rate limiting
- Managing reliable video recording, chunk uploading, transcoding, and low-cost object storage without hitting serverless timeout limits
- Building a high-performance, ultra-lightweight client-side JS embed widget that injects cleanly without causing layout shifts on third-party websites
- Real-time conversational form orchestration using LLM responses within latency constraints

## How to vibe code Feedspace

### Prerequisites

- Node.js (free): Required runtime for building and running the Next.js application.
- GitHub (free): Source control and deployment pipeline integration.
- Cloudflare Account (free): Free tier hosting for edge serverless functions and cheap S3-compatible R2 video object storage.

### Recommended AI tools

- Claude Code: Best-in-class multi-file terminal agent for scaffolding the full-stack review manager, video upload pipeline, and embed scripts.
- Cursor: Ideal AI-native editor for polishing complex frontend components like the Wall of Love masonry grid and form builder UI.

### Stack

- Frontend: Next.js with Tailwind CSS and shadcn/ui components
- Backend: Next.js App Router API Routes
- Database: Turso (SQLite at the edge for per-workspace review data)
- Auth: better-auth
- Payments: Skip (personal-use clone)
- Other: Vercel AI SDK for conversational review form prompting, UploadThing for handling direct video/audio recording uploads to Cloudflare R2, PostHog for product analytics

### Hosting

- Cloudflare (Hosting static frontend assets, serverless API endpoints, and R2 bucket storage for recorded video testimonials.): $0-5/mo
- Turso (Serverless SQLite database storing review forms, submissions, and workspace configs.): $0/mo

### Build guide

1. **Project Scaffolding and Database Schema** — Initialize the Next.js project with Tailwind CSS, better-auth, and Turso SQLite database schema for workspaces, review forms, and reviews.

```
Initialize a new Next.js 16 project with TypeScript, Tailwind CSS v4, and App Router structure. Set up better-auth with email/password authentication backed by a Turso SQLite database client via libSQL. Create database tables for users, workspaces, review_forms (storing form title, welcome message, questions, active status), and reviews (storing workspace_id, form_id, rating, content_type [text, audio, video], review_text, media_url, customer_name, customer_email, customer_title, created_at). Implement database migration scripts and ensure connection handling works seamlessly on serverless runtimes.
```

2. **Conversational Review Form Builder** — Build the dashboard interface for creating and configuring customizable review collection forms with smart dynamic questioning.

```
Build a dashboard page in Next.js where users can create, edit, and delete review collection forms. Implement a form builder UI supporting customized branding (logo, primary color, welcome title) and form fields (star rating, text review, video recording toggle, audio recording toggle). Integrate the Vercel AI SDK to optionally enable a conversational mode where the form listens to the user's initial text response and dynamically prompts a relevant follow-up question. Save form configurations as JSON blobs in the Turso database.
```

3. **Public Review Collection Page & Media Recorder** — Develop the public-facing review submission interface where clients can leave text, audio, or video testimonials.

```
Create a public review submission page accessible via a unique slug (/submit/[formId]). Build a responsive UI that renders the form's branding, star rating component, and input selectors. Implement browser MediaRecorder API integrations for video and audio recording directly in the browser with live webcam preview and timer limits (e.g., 3 minutes max). Handle video stream permissions gracefully and provide clear visual feedback during recording.
```

4. **Direct Video Upload and Storage Pipeline** — Implement secure file uploads using UploadThing pointing to Cloudflare R2 object storage for recorded video and audio files.

```
Integrate UploadThing into the review submission workflow to handle direct uploads of recorded video (webm/mp4) and audio blobs. Configure the backend file router to store uploaded media securely in Cloudflare R2 object storage, generating persistent public CDN URLs. Save the resulting media URL alongside the review record in the Turso database, ensuring file size limits and MIME type validations are strictly enforced.
```

5. **Review Management Dashboard** — Build the central dashboard for sorting, filtering, approving, and starring collected reviews across workspaces.

```
Build a comprehensive review management dashboard where workspace owners can view all collected testimonials in a table or card layout. Add filtering by rating (1-5 stars), content type (text, video, audio), and approval status (pending, approved, archived). Implement quick action buttons to approve/hide reviews, copy direct review links, and view full video/audio playbacks in a modal.
```

6. **Wall of Love & Embeddable Widget Generator** — Create customizable Wall of Love pages and lightweight JavaScript embed snippets for user websites.

```
Build a dedicated public 'Wall of Love' showcase page per workspace displaying all approved reviews in a responsive masonry grid or carousel layout with light and dark theme toggles. Create a widget configuration screen where users can customize widget styles and copy a lightweight, asynchronous JavaScript embed snippet (<script src=".../widget.js" data-workspace-id="..."></script>). Implement the client-side vanilla JS widget script that fetches approved reviews from your API and renders them cleanly inside any host container without layout shifts.
```

### Cost vs paying

**Starting costs (one-time):**

- AI Coding Assistant Pro Subscription (1 month): $20
- Total: ~$20 one-time

**Ongoing costs (monthly):**

- Cloudflare Workers & R2 Storage: ~$0-5/mo
- Turso Database: $0/mo
- Total: ~$3/mo

- Paying for the SaaS instead: $29/mo (Professional Plan)
- Build time: 35-50 hours
- AI tool credits: $20 (1 month of Claude Code / Cursor Pro)
- Break-even: Never (built for learning and custom control; SaaS auto-sync features cannot be replicated easily)

## Sources

- [Feedspace Official Homepage & Pricing Plan Details](https://feedspace.io)
- [TechUp Labs - About & Philosophy](https://www.techuplabs.com)
- [Capterra Software Review & Profile for Feedspace](https://www.capterra.com)