How to vibe codeZernio

Prerequisites

• Node.jsfree

  Runtime environment for TypeScript backend services and Next.js dashboard.

• GitHubfree

  Source control and CI/CD triggers for Vercel deployment.

AI coding tools

• Claude Code

  Best-in-class terminal coding agent for scaffolding multi-file integrations and handling complex API client logic.

Build guide

1. 01Project Scaffolding and Database Schema

   Initialize the Next.js project with TypeScript, configure Turso SQLite connection, and define core tables for users, connected social accounts, scheduled posts, and webhook event logs.

   Create a new Next.js project with TypeScript and Tailwind CSS. Configure Drizzle ORM to connect to a Turso SQLite database over HTTP. Write the schema for 'users', 'accounts' (storing platform, access tokens, refresh tokens, and metadata), 'posts' (storing content, media URLs, target accounts, status, and scheduled publish times), and 'webhook_logs'. Implement database migration scripts and verify connection locally.

   ⧉copy promptopen in Claude CodeCopen in Codexopen in Cursor

2. 02Unified OAuth Connect Framework

   Build dynamic API routes to handle OAuth authentication flows for Twitter/X, LinkedIn, and Instagram without requiring users to set up custom developer apps.

   Implement an OAuth manager module in TypeScript that handles authorization code exchange and token refreshing for Twitter/X, LinkedIn, and Instagram. Create API routes GET /api/connect/{platform} that redirect users to the official social provider OAuth screens, and GET /api/connect/{platform}/callback that securely encrypts and stores access tokens in the Turso database linked to the user account.

   ⧉copy promptopen in Claude CodeCopen in Codexopen in Cursor

3. 03Cross-Platform Publishing and Background Queue

   Develop a multi-platform publishing engine and asynchronous worker queue to deliver text and media posts across connected social accounts.

   Build a robust posting service in TypeScript that accepts a payload with content, media items, and target account IDs. Implement individual adapter functions for Twitter/X and LinkedIn publishing APIs. Integrate Upstash QStash or background cron jobs to process scheduled posts from the 'posts' table, handling rate-limiting retries and logging failure reasons into webhook events.

   ⧉copy promptopen in Claude CodeCopen in Codexopen in Cursor

4. 04Unified Social Inbox and Webhook Ingestion

   Create unified inbox endpoints to fetch and reply to DMs and comments across integrated channels, supported by incoming webhook processors.

   Create API endpoints GET /api/inbox/conversations and POST /api/inbox/reply to aggregate incoming direct messages and comments from connected platforms. Implement webhook receiver endpoints POST /api/webhooks/{platform} to process real-time incoming events, normalize payloads into a unified format, and store them in the database.

   ⧉copy promptopen in Claude CodeCopen in Codexopen in Cursor

5. 05Native Model Context Protocol (MCP) Server

   Build and expose a native Model Context Protocol (MCP) server endpoint containing deterministic tools for AI agents to interact with the social dashboard.

   Implement a Model Context Protocol (MCP) server endpoint at /api/mcp using the Model Context Protocol SDK. Define tools for 'get_accounts', 'create_post', 'get_analytics', and 'send_message'. Ensure each tool executes database operations securely using the user's API key and returns structured JSON responses suitable for AI assistant consumption.

   ⧉copy promptopen in Claude CodeCopen in Codexopen in Cursor

Cost vs paying for Zernio