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

> Manage your inbox with AI-powered efficiency

- Site: https://spikenow.com
- Category: Productivity & Communication
- Verdict: **Serious undertaking** (45/100 vibecodeable)
- Estimated effort: 2-3 months of part-time work

## Verdict

Build a personal web-based subset with Next.js and IMAP sync, or keep paying for Spike because syncing mailboxes reliably across providers is brutally painful.

While a solo developer can spin up a Next.js chat interface and wire up a single Gmail OAuth token using AI coding agents, building a true multi-account email client that handles background IMAP sync, connection drops, throttling, and real-time WebSockets without crashing is a massive engineering undertaking. You will spend weeks debugging auth edge cases, token refreshes, and IMAP folder syncing that commercial email clients spend years perfecting.

### What you can't replicate

- Battle-tested IMAP/SMTP background synchronization engine handling millions of edge cases and rate limits
- Native cross-platform application wrappers for macOS, Windows, iOS, and Android

## What it does

Spike wraps around existing email accounts to transform traditional, threaded email into a streamlined, chat-like messaging experience with unified inbox and team collaboration tools.

### Core features

- Unified Inbox connecting multiple IMAP/SMTP accounts
- Conversational Email grouping messages by person into chat bubbles
- AI-driven inbox sorting, prioritization, and contextual drafting
- Real-time team channels, groups, and direct messaging
- Collaborative notes, tasks, and calendar agenda views
- One-click audio/video meetings
- Super Search across historical emails, attachments, and docs

## The business

### Pricing

- Free Plan: Free — For individuals with basic features and restricted AI queries.
- Personal Pro: $6/mo — For power users expanding storage, search, and AI limits.
- Teamspace: $12/user/mo — For teams needing corporate collaboration and custom domain hosting.

### Funding

$21M raised.
- Seed Round (2013-2019)
- Series A ($8M led by Insight Partners, June 2020)
Investors: Insight Partners, Wix.com, NFX Capital, Eric Yuan

Founded 2013.
Team size: 30-60.

## The hard parts

- Multi-mailbox background IMAP/SMTP synchronization with robust OAuth token refresh and rate limit handling
- Real-time WebSocket infrastructure for chat, presence, and typing indicators
- Full-text search indexing over gigabytes of historical emails and attachments
- Cross-platform client parity across Web, Desktop, and Mobile

## How to vibe code Spike

### Prerequisites

- Node.js (Free): Runtime for running the Next.js full-stack application and build tools.
- GitHub (Free): Version control and repository hosting for your codebase.
- Google Cloud / Microsoft Azure Developer Accounts (Free): Required to set up OAuth app credentials for testing Gmail and Outlook integration.

### Recommended AI tools

- Claude Code: Best-in-class terminal coding agent for scaffolding multi-file features and debugging complex backend IMAP sync logic.
- Cursor: Ideal AI-native editor for rapidly iterating on the chat-like email UI components and Tailwind layouts.

### Stack

- Frontend: Next.js with Tailwind CSS and shadcn/ui
- Backend: Next.js API routes with Node.js IMAP/SMTP client libraries
- Database: Turso (SQLite at the edge for local storage and caching)
- Auth: better-auth with Google/Microsoft OAuth integrations
- Payments: None (personal use clone)
- Other: Anthropic API for AI email summarization and contextual drafting, Vercel AI SDK for managing LLM streaming and prompts, LiveKit for video meeting rooms

### Hosting

- Vercel (Hosting the Next.js frontend and serverless API endpoints): $0-20/mo
- Fly.io (Running long-lived background worker processes for continuous IMAP mailbox sync and WebSockets): $5/mo

### Build guide

1. **Project Scaffolding & Database Schema** — Initialize the Next.js project with Tailwind CSS, configure Turso database connectivity, and set up the core data models for users, connected mail accounts, messages, and threads.

```
Initialize a new Next.js TypeScript project with Tailwind CSS and configure Turso (libSQL) using Drizzle ORM. Create database schemas for Users, ConnectedMailAccounts (storing encrypted OAuth tokens and IMAP/SMTP configs), Threads (grouped by sender contact), Messages (storing email headers, body HTML/text, snippet, and read status), and Tasks. Set up a clean folder structure separating app routes, server actions, and database helpers.
```

2. **Authentication & Mail Account Integration** — Implement better-auth for user authentication and build the OAuth flow to connect external Gmail and Microsoft accounts, storing access tokens securely.

```
Integrate better-auth into the Next.js app with email/password and OAuth providers for Google and Microsoft. Build a settings screen where users can link external email accounts via OAuth or custom IMAP/SMTP credentials. Implement secure token storage in the database with encryption for passwords and refresh tokens. Ensure the backend can successfully exchange auth codes and verify connection status.
```

3. **IMAP Synchronization Worker** — Build a background Node.js worker service that connects via IMAP to sync inbox messages, parse MIME structures, and normalize threads into chat-like bubbles.

```
Write a background IMAP synchronization worker (designed to run on Fly.io) that iterates through active connected accounts, connects via secure IMAP, fetches new messages using UID search, parses email MIME bodies and attachments using 'mailparser', and upserts them into the Turso database. Group incoming messages into person-based threads, stripping boilerplate signatures and headers to mimic a chat feed.
```

4. **Conversational Email UI & Unified Inbox** — Construct the frontend split-pane chat interface that displays unified email streams grouped by person, featuring quick replies and clean message bubbles.

```
Build a responsive Next.js dashboard UI styled like a modern messaging app using Tailwind CSS and shadcn/ui components. Implement a Unified Inbox sidebar showing all connected accounts, a middle pane listing person-based conversation threads with unread indicators, and a right-hand chat view displaying messages as conversational chat bubbles. Add a quick-reply input box at the bottom that sends replies via SMTP.
```

5. **AI Summaries & Contextual Drafting** — Integrate the Anthropic API and Vercel AI SDK to provide one-click email thread summaries, smart sorting, and contextual reply suggestions.

```
Integrate the Anthropic API using the Vercel AI SDK into the backend actions. Add features for: 1) generating instant bullet-point summaries of unread email threads, 2) priority inbox sorting classification based on content sentiment and sender, and 3) contextual reply drafting buttons that generate draft responses based on conversation history. Add clean UI loading states and streaming responses.
```

6. **Tasks, Notes & Video Meetings** — Add productivity modules including inbox tasks, collaborative notes, and integrated LiveKit video calling.

```
Implement embedded productivity tools within the app: a Task management sidebar linked to specific email threads, a collaborative Markdown Notes panel stored in Turso, and a LiveKit-powered video meeting room component allowing instant 1:1 or group video calls directly inside the web client without external links.
```

### Cost vs paying

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

- Google/Microsoft Cloud Console Setup: $0
- Total: $0 one-time

**Ongoing costs (monthly):**

- Fly.io IMAP Worker Hosting: $5/mo
- Anthropic API Usage for AI features: ~$5/mo
- Total: ~$10/mo

- Paying for the SaaS instead: $6-12/mo
- Build time: 40-60 hours
- AI tool credits: $20/mo (Claude Pro)
- Break-even: N/A (Built for learning/personal use)

## Sources

- [Spike Official Website](https://www.spikenow.com)
- [Wikipedia - Spike (application)](https://en.wikipedia.org/wiki/Spike_(application))
- [Globes - Email-based collaboration platform Spike raises $8m](https://www.globes.co.il)