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

> The email marketing platform for creators who mean business

- Site: https://kit.com
- Category: Email Marketing & Creator SaaS
- Verdict: **Solid side project** (62/100 vibecodeable)
- Estimated effort: 2-4 weeks part-time

## Verdict

You can build a functional personal subset with broadcasts, forms, and basic automations, but inbox deliverability and asynchronous scale will break your heart.

Cloning Kit for personal use is a fantastic engineering exercise if you limit your ambitions. A solo developer using AI coding agents can easily spin up the Next.js dashboard, Postgres database, subscriber tagging, and simple form builder. Where the project hits a brick wall is email infrastructure: getting emails past Google and Yahoo's spam filters requires warm IP pools, strict authentication record management (SPF/DKIM/DMARC), and bulletproof bounce/complaint webhooks. Furthermore, building a rock-solid background queuing system to dispatch broadcasts to thousands of recipients without choking your server requires careful engineering.

### What you can't replicate

- Pre-vetted enterprise IP deliverability reputation across major mailbox providers
- The massive two-sided Creator Network recommendation marketplace
- Over a decade of edge-case hardening around transactional email scaling

## What it does

An email-first operating system built for independent creators, providing broadcasts, visual sequence automations, landing page builders, opt-in forms, audience tagging, digital commerce, and the Creator Network referral loop.

### Core features

- Subscriber management database with tags and custom fields
- Broadcast email composition and scheduling engine
- Visual node-based automation workflow builder
- Landing page and embedded opt-in form builder
- Digital product checkout pages and order fulfillment
- Creator Network recommendation loops
- AI assistant integration (Kit MCP)
- Transactional email dispatch and bounce management

## The business

### Pricing

- Newsletter (Free): $0 / mo — For creators just starting out
- Creator: $33 / mo — For growing creators
- Pro: $66 / mo — For scaling creators

Founded 2013.
Team size: 95–100+.

## The hard parts

- Inbox Deliverability & ISP Reputation: Maintaining clean IP reputation, SPF/DKIM/DMARC alignment, and handling async bounce/complaint feedback loops without getting blacklisted
- Asynchronous Email Dispatch Engine: High-throughput queuing and throttling to blast broadcasts to hundreds of thousands of subscribers concurrently
- Visual Automation State Machine: Fault-tolerant background workers executing branching triggers, delays, and condition checks based on subscriber actions
- Creator Network Graph Engine: Multi-tenant cross-promotion recommendation loops operating across isolated creator databases

## How to vibe code Kit

### Prerequisites

- Node.js (free): Runtime environment for the Next.js full-stack application
- GitHub (free): Source control and deployment integration
- Resend Account (free): Transactional email API for sending broadcasts and test emails

### Recommended AI tools

- Claude Code: Best-in-class agentic coding tool for scaffolding multi-file full-stack features and writing complex database schemas from your terminal.
- Cursor: Ideal for iterative frontend component polishing on the dashboard and visual builder UI.

### Stack

- Frontend: Next.js with Tailwind CSS and shadcn/ui
- Backend: Next.js Server Actions & API Routes
- Database: Neon (Serverless Postgres)
- Auth: better-auth
- Payments: Stripe
- Other: Resend for email delivery, Vercel AI SDK for AI features, Inngest for durable background queues

### Hosting

- Vercel (Hosting the Next.js frontend and serverless API endpoints): $0-20/mo
- Neon (Serverless Postgres database for subscribers, tags, and broadcasts): $0/mo

### Build guide

1. **Scaffold Project & Database Schema** — Initialize the Next.js application, set up Tailwind CSS with shadcn/ui, configure better-auth, and connect Neon Postgres via Drizzle ORM.

```
Scaffold a new Next.js project using Tailwind CSS and TypeScript. Set up Drizzle ORM connected to a Neon Postgres database. Define database tables for users, subscribers (id, email, status, custom_fields, created_at), tags (id, name, user_id), subscriber_tags (junction table), and broadcasts (id, subject, content, status, scheduled_at). Integrate better-auth for secure user authentication with email/password login. Ensure all foreign key relations and indexes are optimized for quick subscriber lookups.
```

2. **Build Subscriber Management & Tagging Dashboard** — Create the dashboard interface for managing subscribers, filtering by tags, and importing/exporting subscriber lists.

```
Build a dashboard page in Next.js displaying a searchable, paginated table of subscribers. Implement capabilities to add new subscribers manually, assign/remove tags, and view individual subscriber activity timelines (subscriptions, opens, clicks). Create a CSV import endpoint that parses uploaded subscriber files, validates email formats, handles duplicates gracefully, and bulk-inserts records into the database with default tags.
```

3. **Implement Broadcast Creation & Resend API Dispatch** — Develop the email composition interface and integrate the Resend API for dispatching broadcasts to segmented subscriber lists.

```
Build a broadcast composer page with a rich markdown or block editor, subject line input, and tag-based audience targeting selector. Implement a backend API route using the Resend API to handle outbound email delivery. Add background queue handling using Inngest to batch-send broadcasts to large subscriber lists without hitting serverless timeout limits, ensuring unsubscribe links are automatically appended to every outgoing email footer.
```

4. **Create Landing Pages & Embedded Opt-in Forms** — Build public-facing landing page templates and embeddable opt-in form widgets that capture new subscribers directly into the database.

```
Build a public landing page builder and renderer where creators can configure titles, descriptions, call-to-action buttons, and form input fields. Create a lightweight embeddable form script and API route that processes public form submissions, creates or updates the subscriber record in Neon, applies the designated tag, and triggers any connected welcome email sequences.
```

5. **Build Visual Automation Workflow Engine** — Construct a node-based visual automation builder allowing creators to map out automated email sequences and triggers based on user actions.

```
Build a visual workflow automation builder using React Flow on the frontend. Create backend models to store automation steps (triggers like 'tag added', actions like 'send email' or 'delay for X days'). Implement a background worker using Inngest that evaluates active subscriber states against workflow graphs, executes delays, and dispatches automated emails via Resend when conditions are met.
```

### Cost vs paying

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

- Custom Domain (optional): $12/yr
- Total: ~$12 one-time

**Ongoing costs (monthly):**

- Resend Email API (free tier up to 3k/mo): $0/mo
- Vercel & Neon Hosting: $0/mo
- Total: $0/mo

- Paying for the SaaS instead: $33/mo (Creator Plan)
- Build time: 35-50 hours
- AI tool credits: $20 (one month of Claude Pro / Cursor)
- Break-even: Free forever (personal tier)

## Sources

- [Kit Homepage](https://kit.com/)
- [Kit Pricing Structure](https://kit.com/pricing)
- [Kit About & History](https://kit.com/about)