How to vibe codePost Bridge

Prerequisites

• Node.jsfree

  Runtime environment for the Next.js full-stack application.

• GitHubfree

  Source code control and CI/CD deployment pipeline.

• D

  Developer Accountsfree

  Required to register developer apps on X, Meta, LinkedIn, and TikTok for OAuth credentials.

AI coding tools

• Claude Code

  Handles complex multi-file scaffolding, API client integrations, and background job logic across the codebase.

Build guide

1. 01Scaffold Project and Auth Setup

   Initialize a Next.js project with Tailwind CSS, shadcn/ui components, and configure better-auth with SQLite/Turso.

   Create a new Next.js 16 app using App Router, TypeScript, and Tailwind CSS. Install shadcn/ui primitives (button, dialog, dropdown-menu, calendar, input, textarea). Configure better-auth with SQLite via Turso for email/password authentication and session management. Set up the root layout with a sidebar navigation dashboard shell.

   ⧉copy promptopen in Claude CodeCopen in Codexopen in Cursor

2. 02Database Schema for Accounts and Posts

   Define relational tables for connected social accounts, scheduled posts, media assets, and dispatch logs.

   Write the Turso database schema using Drizzle ORM or Prisma for a social media scheduler. Tables required: 'users', 'social_accounts' (storing provider name, provider_account_id, encrypted oauth_token, refresh_token, token_expires_at), 'posts' (content, media_urls, scheduled_for, status), and 'post_dispatches' (tracking individual platform publish results, error logs, external post IDs). Implement secure encryption helpers for stored OAuth tokens.

   ⧉copy promptopen in Claude CodeCopen in Codexopen in Cursor

3. 03OAuth Integration Modules

   Implement OAuth connection flows for target platforms like Twitter/X, LinkedIn, and Bluesky.

   Build API routes and frontend connection cards for Twitter/X OAuth 2.0 and LinkedIn OAuth. Implement the callback exchange handlers that securely receive authorization codes, request access/refresh tokens, encrypt them, and save records to the 'social_accounts' table. Handle token refresh logic gracefully when executing posts.

   ⧉copy promptopen in Claude CodeCopen in Codexopen in Cursor

4. 04Unified Composer and Media Uploads

   Build the multi-platform post composer interface with platform selector pills and file attachment handlers.

   Create a dashboard composer page with a main textarea, character counter warnings per platform, media attachment dropzone uploading to Cloudflare R2, and a row of toggles for selecting target connected social accounts. Allow platform-specific text overrides if a user clicks a platform badge to customize the snippet.

   ⧉copy promptopen in Claude CodeCopen in Codexopen in Cursor

5. 05Scheduling Engine and Background Worker

   Implement cron triggers or Inngest jobs to poll and dispatch scheduled posts to platform APIs.

   Set up an Inngest background job workflow (or cron endpoint secured with a secret) that queries the database for pending posts where 'scheduled_for <= NOW()' and status is 'scheduled'. For each post, iterate through the targeted social accounts, invoke the respective platform posting API client, update the 'post_dispatches' status to 'published' or 'failed', and handle API rate limit backoffs.

   ⧉copy promptopen in Claude CodeCopen in Codexopen in Cursor

6. 06Dashboard Calendar and Queue Views

   Build calendar and list views to inspect, filter, and delete scheduled or published posts.

   Create a calendar view and a list queue view in the dashboard using Lucide icons. Display scheduled items on their respective dates, show publishing statuses (pending, published, failed), and add action buttons to delete or immediately publish a scheduled item.

   ⧉copy promptopen in Claude CodeCopen in Codexopen in Cursor

Cost vs paying for Post Bridge