How to vibe codeFeedBlitz

Prerequisites

• Node.jsfree

  Required for running the Next.js development environment and backend scripts.

• GitHubfree

  Version control and deployment pipeline integration.

• Resend Accountfree tier

  Provides transactional API rails to bootstrap sending without managing raw Postfix servers.

AI coding tools

• Claude Code

  Best-in-class multi-file agentic coding tool for scaffolding complex backend queues and database models.

• Cursor

  Ideal for fine-tuning the rich dashboard UI, Tailwind components, and email template editor.

Build guide

1. 01Project Scaffolding and Database Schema

   Initialize the Next.js project with Tailwind CSS, configure Turso SQLite connection via Drizzle ORM, and set up better-auth tables for user authentication.

   Scaffold a new Next.js 16 project using TypeScript, App Router, and Tailwind CSS. Configure Drizzle ORM to connect to a Turso SQLite database. Create schema definitions for users, subscribers, lists, campaigns, rss_feeds, and email_logs. Implement better-auth for secure user authentication with email/password and session management. Ensure the project structure is clean and modular with clear separation between server actions and UI components.

   ⧉copy promptopen in Claude CodeCopen in Codexopen in Cursor

2. 02Subscriber Management and Tagging System

   Build the audience dashboard supporting subscriber creation, list segmentation, custom fields, and bulk tagging.

   Build a subscriber management module in Next.js. Create a dashboard view showing lists of subscribers with pagination, status filters (active, bounced, unsubscribed), and search. Implement CRUD actions for subscribers, lists, and tags using Drizzle ORM. Build a multi-select tagging and custom field management interface using Tailwind CSS and shadcn/ui components. Include CSV import functionality for existing subscriber lists with duplicate detection.

   ⧉copy promptopen in Claude CodeCopen in Codexopen in Cursor

3. 03RSS Feed Ingestion Engine

   Implement a background polling worker that fetches external RSS XML feeds, parses new items, and handles deduplication.

   Implement an RSS parsing engine using 'rss-parser' in a background worker script. Create a database table to track polled feed URLs, last fetched timestamps, and processed item GUIDs. Write a background polling function that runs periodically, fetches new RSS items from saved subscriber feeds, compares them against stored GUIDs to prevent duplicates, and queues them for automated RSS-to-email generation.

   ⧉copy promptopen in Claude CodeCopen in Codexopen in Cursor

4. 04Email Campaign Builder and Template Editor

   Create a drag-and-drop or block-based newsletter editor with support for personalization tokens and templates.

   Build an email campaign composer interface in Next.js. Include a library of quick-start templates, a rich-text/HTML editor preview, and support for personalization tags like {{subscriber.name}} and {{unsubscribe_url}}. Implement campaign scheduling logic that saves broadcast jobs to the database with targeted list filters and automated follow-up toggles for non-openers.

   ⧉copy promptopen in Claude CodeCopen in Codexopen in Cursor

5. 05Queue Dispatcher and ESP Integration

   Connect the campaign scheduler to an outbound mailing provider (Resend API) via background job queues.

   Build an asynchronous email dispatch queue using Upstash Redis or a background worker on Fly.io. When a campaign or automated RSS-to-email blast is triggered, batch-process recipients, render personalized HTML bodies, and send requests through the Resend API. Implement strict rate-limiting, error catching for hard/soft bounces, and automatic list hygiene updates to mark invalid addresses.

   ⧉copy promptopen in Claude CodeCopen in Codexopen in Cursor

6. 06Tracking Pixels and Analytics Dashboard

   Implement open tracking via tracking pixels and click tracking via redirect rewriting to log campaign metrics in real time.

   Implement real-time open and click tracking endpoints in Next.js API routes. Generate a unique 1x1 tracking pixel URL for every sent email campaign and log opens when requested. Implement link rewriting in outgoing emails to route through a redirect handler that records click events, timestamps, and recipient domains before forwarding users to their destination. Build an analytics summary dashboard showing open rates, click rates, and domain delivery breakdown.

   ⧉copy promptopen in Claude CodeCopen in Codexopen in Cursor

Cost vs paying for FeedBlitz