How to vibe codePostFast

Prerequisites

• Node.jsfree

  Runtime for the Next.js application and backend job workers.

• GitHubfree

  Source control and CI/CD deployment pipeline.

• 

  Social Developer Accountsfree

  Developer apps required for Meta, TikTok, X, YouTube, and LinkedIn API access.

AI coding tools

• Claude Code

  Best-in-class terminal agent for scaffolding full-stack features, setting up database schemas, and managing complex multi-file refactors.

• Cursor

  Excellent AI code editor for inspecting UI components, tweaking Tailwind layouts, and reviewing diffs interactively.

Build guide

1. 01Project Scaffolding & Database Schema

   Initialize the Next.js application with TypeScript, Tailwind CSS, shadcn/ui, and configure Neon Postgres with Drizzle ORM.

   Initialize a new Next.js 16 project using the App Router, TypeScript, and Tailwind CSS. Configure Drizzle ORM connected to a Neon Postgres database. Create database schemas for users, workspaces, social_accounts (storing platform, account name, encrypted OAuth tokens, and refresh tokens), posts (storing content, media URLs, target platform IDs, status as draft/scheduled/published), and post_destinations. Implement better-auth for secure user authentication with email/password and session management. Ensure clean modular folder structure under src/app and src/db.

   ⧉copy promptopen in Claude CodeCopen in Codexopen in Cursor

2. 02OAuth Integrations & Social Account Management

   Build the connection interface and OAuth callback handlers for major social networks (Meta, X, LinkedIn, YouTube, TikTok).

   Build the social account connection module in Next.js. Create API routes for initiating OAuth authorization flows and handling secure redirects/callbacks for Meta (Instagram/Facebook), X (Twitter), LinkedIn, and YouTube. Store encrypted access tokens and refresh tokens securely in the social_accounts table. Build a settings dashboard UI where users can view connected accounts, disconnect accounts, and see token expiry status with automatic token refresh routines.

   ⧉copy promptopen in Claude CodeCopen in Codexopen in Cursor

3. 03Multi-Platform Post Composer & Media Uploads

   Develop the core content composer supporting text, media carousels up to 10 slides, and file uploads to Cloudflare R2.

   Implement the post composer interface with tabbed or side-by-side previews for different social platforms. Support multi-image carousels up to 10 slides, video attachments, and character limit indicators for platforms like X (300 chars) and Threads (500 chars). Integrate Cloudflare R2 for secure media object uploads with signed URLs. Add support for saving drafts and bulk CSV import of up to 200 posts with validation and error reporting.

   ⧉copy promptopen in Claude CodeCopen in Codexopen in Cursor

4. 04Background Job Scheduler & Video Transcoding Pipeline

   Set up a reliable background worker queue (BullMQ on Fly.io with Redis) to handle scheduled post execution and platform-specific video transcoding.

   Build a robust background job processing pipeline using BullMQ and Redis hosted on Fly.io. Create a scheduling service that polls or triggers jobs at precise publish times. Implement a video transcoding worker using FFmpeg to normalize user video uploads into exact codec, resolution, and framerate requirements for TikTok, Instagram Reels, and YouTube Shorts before posting.

   ⧉copy promptopen in Claude CodeCopen in Codexopen in Cursor

5. 05Platform Publishing Adapters & Error Handling

   Implement adapter classes for each social network API to dispatch posts, handle rate limits, capture errors, and update post statuses.

   Create a modular publishing adapter system in TypeScript under src/lib/platforms/. Implement concrete adapters for TikTok, Instagram Graph API, Facebook Graph API, X API, LinkedIn API, YouTube Data API, Pinterest, Threads, Bluesky, Telegram Bot API, and Google Business Profile. Each adapter must handle payload formatting, media attachment rules, API error parsing, rate limit backoff retries, and return structured success or failure logs stored in the database.

   ⧉copy promptopen in Claude CodeCopen in Codexopen in Cursor

6. 06Visual Calendar & Workspace Collaboration

   Build a drag-and-drop visual content calendar, multi-workspace switching, and team member approval workflows.

   Develop a calendar view dashboard component (using FullCalendar or custom grid) showing scheduled posts by day, week, and month with platform icons and status badges. Implement multi-workspace support with role permissions (Admin, Editor, Reviewer) and a content approval workflow where team members can comment on posts and submit for review before scheduling goes live.

   ⧉copy promptopen in Claude CodeCopen in Codexopen in Cursor

7. 07MCP Server & Developer API Layer

   Build a Model Context Protocol (MCP) server and REST API endpoints to allow AI agents (Claude Code, ChatGPT) to schedule posts via natural language.

   Build a public REST API with secure API key authentication allowing external apps to create, list, and schedule posts. Simultaneously, implement an MCP (Model Context Protocol) server package in Node.js that exposes tools like list_accounts, create_draft, and schedule_post, enabling AI coding tools like Claude Code and ChatGPT connectors to manage social publishing via natural language commands.

   ⧉copy promptopen in Claude CodeCopen in Codexopen in Cursor

Cost vs paying for PostFast