How to vibe codeTeleMinute

Prerequisites

• Node.jsfree

  Runtime for building the full-stack web application.

• GitHubfree

  Code repository and deployment source control.

AI coding tools

• Claude Code

  Best-in-class coding agent for scaffolding full-stack CRUD apps, database models, and routing logic.

• Cursor

  Ideal AI editor for fine-tuning UI components and dashboard forms.

Build guide

1. 01Project Scaffolding and Database Schema

   Initialize the Next.js project with Tailwind CSS, configure Drizzle ORM with Turso, and define database schemas for users, bots, commands, and broadcast logs.

   Scaffold a new Next.js 16 project using TypeScript and Tailwind CSS v4. Set up Drizzle ORM connected to Turso. Create database tables for users (id, email, name, googleId), bots (id, userId, token, name, isActive), commands (id, botId, triggerType, keyword, responseText, imageUrl, stepConfig), and broadcasts (id, botId, message, status, scheduledFor, createdAt). Include proper foreign key constraints and indexes on botId and token.

   ⧉copy promptopen in Claude CodeCopen in Codexopen in Cursor

2. 02Authentication and Dashboard Layout

   Implement authentication using better-auth with Google provider, and build the main dashboard layout for managing bots.

   Integrate better-auth into the Next.js application supporting Google OAuth. Create sign-in and sign-up pages, and protect the dashboard routes. Build a responsive dashboard layout featuring a sidebar navigation, a list of created bots with status indicators, and a modal/form to add a new bot token obtained from Telegram's @BotFather.

   ⧉copy promptopen in Claude CodeCopen in Codexopen in Cursor

3. 03Bot Command and Auto-Reply Rule Engine

   Build the interface and database logic for configuring custom commands, keyword triggers, and image attachments.

   Create a bot management view in the dashboard where users can add, edit, and delete custom commands and keyword auto-replies for a selected bot. Implement form fields for trigger type (command like /menu or keyword), response text with markdown support, and image upload limits based on plan constraints. Save these rules relational to the bot table in Turso.

   ⧉copy promptopen in Claude CodeCopen in Codexopen in Cursor

4. 04Telegram Webhook Dispatcher

   Implement a unified webhook receiver endpoint that processes incoming updates from Telegram and evaluates command rules dynamically.

   Implement a universal webhook API route at /api/webhook/[token] in Next.js. When Telegram sends an update, look up the bot token in the database, parse the incoming message text or command, evaluate matching rules (commands or keyword auto-replies), and use fetch to call Telegram's Bot API sendMessage / sendPhoto endpoints with the configured response. Handle inline button payloads and basic state management for multi-step forms.

   ⧉copy promptopen in Claude CodeCopen in Codexopen in Cursor

5. 05Broadcast Queue and Analytics

   Build analytics tracking for user interactions and a background worker queue for one-tap and scheduled broadcasts.

   Build an analytics collection system that logs user interactions, unique chat IDs, and command execution counts, displaying them in a dashboard statistics chart. Implement a broadcast messaging feature allowing Pro users to trigger a mass broadcast. Use a background job pattern or cron trigger to safely throttle message dispatching through Telegram's API at a safe rate of ~25 messages per second to avoid rate limits.

   ⧉copy promptopen in Claude CodeCopen in Codexopen in Cursor

Cost vs paying for TeleMinute