How to vibe codeRepurpose.io

Prerequisites

• Node.jsfree

  Runtime environment for Next.js and backend background worker scripts.

• GitHubfree

  Source code repository and CI/CD triggers for deployment.

• 

  Meta Developer & TikTok Developer Accountsfree

  Required to obtain API client credentials for testing video publishing.

AI coding tools

• Claude Code

  Best for scaffolding the full-stack Next.js application, database schema, and background queue processors.

• Cursor

  Ideal for fine-tuning the complex UI workflow builder and API integration forms.

Build guide

1. 01Scaffold Project & Database Schema

   Initialize the Next.js app with Tailwind CSS, configure better-auth with a local SQLite/Neon Postgres database, and set up Prisma or Drizzle ORM models for Users, ConnectedAccounts, Workflows, and PublishingLogs.

   Initialize a new Next.js project with TypeScript, Tailwind CSS, and App Router. Set up Drizzle ORM connected to a PostgreSQL database (Neon). Create database schemas for users, connected_accounts (storing encrypted OAuth access tokens, refresh tokens, platform names, and account handles), workflows (linking source account ID, destination account ID, and filters), and execution_logs (tracking video title, status, source URL, destination post ID, and error messages). Implement better-auth for secure user authentication.

   ⧉copy promptopen in Claude CodeCopen in Codexopen in Cursor

2. 02Build Account Connection Manager

   Implement OAuth connection flows for target platforms (focusing on YouTube and TikTok as a functional personal subset) and securely store tokens.

   Create the frontend dashboard page for managing connected accounts. Implement API routes to handle OAuth initiation and callback flows for YouTube Data API and TikTok Content API. Ensure access and refresh tokens are encrypted before saving to the connected_accounts table. Build a UI component displaying connected accounts with sync status indicators and disconnect buttons.

   ⧉copy promptopen in Claude CodeCopen in Codexopen in Cursor

3. 03Create Visual Workflow Builder

   Develop the workflow configuration interface allowing users to select a source platform account and map it to one or more destination platform accounts.

   Build a workflow creation wizard in Next.js. Step 1: Select source platform and account from the user's connected accounts. Step 2: Select one or multiple destination platform accounts. Step 3: Configure automation rules (e.g., auto-publish vs require approval, remove watermark toggle). Save the configured workflow JSON into the workflows table and display an active workflows list with toggle switches to enable or disable them.

   ⧉copy promptopen in Claude CodeCopen in Codexopen in Cursor

4. 04Implement Video Transcoding Worker

   Set up a background worker service utilizing FFmpeg to download source videos, reformat aspect ratios (e.g., landscape to vertical 9:16), strip watermarks, and output optimized files to Cloudflare R2 object storage.

   Write a Node.js worker script (designed to run on Fly.io using Docker with FFmpeg installed) that processes video transcoding jobs. The worker must accept a video URL, download the file to temporary local storage, run FFmpeg commands to crop and resize the video to vertical 9:16 aspect ratio suitable for Reels/Shorts, strip metadata or visible watermarks, and upload the processed output file to a Cloudflare R2 bucket. Return the public R2 URL of the processed video.

   ⧉copy promptopen in Claude CodeCopen in Codexopen in Cursor

5. 05Build Polling and Publishing Queue Engine

   Implement a background scheduler using Inngest or cron triggers to periodically check source platforms for new content, enqueue jobs, and push transformed media via official platform APIs.

   Implement a background job scheduler using Inngest that runs every 30 minutes. The job iterates through active workflows, polls the source platform API (e.g., YouTube channel RSS or video list) for new video publications that haven't been logged yet, and creates an execution log entry. For each new item, trigger the transcoding worker from Step 4, then call the destination platform API (e.g., TikTok Post API or YouTube Shorts upload) to publish the processed video. Handle API rate limits with exponential backoff retries and record success or failure status in the database.

   ⧉copy promptopen in Claude CodeCopen in Codexopen in Cursor

6. 06Dashboard Logs & Polish

   Build an execution history dashboard showing publishing logs, success/failure status, manual retry buttons, and polish the user interface.

   Build a History & Logs dashboard page in Next.js that queries the execution_logs table. Display a table showing video thumbnail, source platform badge, destination platform badge, timestamp, status (Success, Failed, Processing), and error messages if applicable. Add a 'Retry' action button for failed jobs that re-triggers the background publishing pipeline. Ensure responsive, clean styling using Tailwind CSS and Lucide React icons.

   ⧉copy promptopen in Claude CodeCopen in Codexopen in Cursor

Cost vs paying for Repurpose.io