# How to Vibe Code Your Own Flick (and Stop Paying for It) > Social media marketing platform - Site: https://flick.social - Category: Social Media Marketing - Verdict: **Serious undertaking** (52/100 vibecodeable) - Estimated effort: 4-6 weeks of dedicated development ## Verdict Build a personal subset for content planning and AI generation, but keep paying for the official social APIs because managing multi-platform graph approval and rate limits requires major ongoing maintenance. Vibecoding the UI, AI caption generator, and calendar interface takes a couple of weekends using Next.js and Cursor. However, connecting to official platform APIs (Meta, TikTok, LinkedIn) introduces punishing friction: apps require official developer review, strict token handling, media container staging flows, and rate limiting. A solo developer will spend more time fighting API error codes and compliance rejections than building features. ### What you can't replicate - Official Meta badge partnership status - Seamless automated posting across all major social networks without fragile unofficial workarounds - Historical proprietary hashtag data across hundreds of thousands of accounts ## What it does An all-in-one social media marketing and management platform providing AI-assisted content planning, hashtag research, visual post scheduling, and growth analytics. ### Core features - AI Social Assistant for strategy, content ideas, and caption generation - Hashtag research engine with metric scoring and collections - Banned hashtag safety checker - Visual drag-and-drop content calendar and feed planner - Multi-platform post scheduler (Instagram, Facebook, TikTok, LinkedIn) - Analytics reporting on reach, engagement, and optimal posting times ## The business ### Pricing - Solo Plan: ~$14/mo - Pro Plan: ~$30–$34/mo - Agency Plan: ~$68–$70/mo Founded 2017. Team size: 14-17. ## The hard parts - Complying with strict Meta/TikTok/LinkedIn Graph API rate limits, media upload requirements, and token refreshes - Building a responsive, conflict-free drag-and-drop multi-calendar feed planner across time zones - Asynchronous background ingestion and processing of daily historical account metrics - Managing robust error states for failed media uploads and API re-authentications ## How to vibe code Flick ### Prerequisites - Node.js (free): Runtime environment for the Next.js full-stack application. - GitHub (free): Repository storage and CI/CD deployment pipeline. - Meta Developer Account (free): Required to access Instagram Graph API and Facebook Graph API for scheduling and metrics. ### Recommended AI tools - Claude Code: Best-in-class agentic coding tool for scaffolding complex multi-file Next.js routers, API integration layers, and database schemas. - Cursor: Ideal for iterative frontend adjustments on the drag-and-drop calendar and grid planner components. ### Stack - Frontend: Next.js with Tailwind CSS and React Full Calendar - Backend: Next.js API Routes / Server Actions - Database: Neon (Serverless Postgres) - Auth: better-auth - Payments: None (Personal use clone) - Other: Anthropic API for AI Social Assistant, Inngest for background scheduling workers ### Hosting - Vercel (Hosting for Next.js frontend and serverless API endpoints.): $0-20/mo - Neon (Serverless Postgres database with branching support for user accounts, posts, and scheduled queues.): $0/mo ### Build guide 1. **Project Scaffolding and Database Schema** — Initialize the Next.js project with Tailwind CSS and configure better-auth alongside Neon Postgres database schemas for users, social accounts, posts, and hashtags. ``` Initialize a Next.js 16 project using App Router, TypeScript, and Tailwind CSS. Configure better-auth with email/password authentication backed by a Neon serverless Postgres connection using Drizzle ORM. Create database tables for users, connected_accounts (storing platform tokens, profile IDs, and refresh metadata), posts (storing caption, media_url, scheduled_at, platform, status), and hashtag_collections. Set up a clean layout shell with sidebar navigation for Dashboard, Calendar, Hashtags, and AI Assistant. ``` 2. **AI Social Assistant Module** — Integrate the Anthropic SDK to build AI-driven caption generation, content planning briefs, and text repurposing. ``` Create an AI Social Assistant page and corresponding server action utilizing the Anthropic API (Claude Sonnet). Implement prompt interfaces where users can input a content topic, target platform (Instagram, TikTok, LinkedIn), and tone to generate optimized captions with relevant hook styles. Include a 'Repurpose Text' tool that breaks down a long-form article or paste into 3 distinct social media snippet variations. Save generated content directly into user drafts. ``` 3. **Hashtag Search, Tracker & Banned Checker** — Build the hashtag research tool interface, metrics display, collections manager, and simulated banned hashtag check. ``` Build a Hashtag Research module featuring a search input, category filters, and a metrics table displaying mock or retrieved competition scores, average reach, and post counts. Implement a 'Hashtag Collections' feature allowing users to group tags into named sets with a one-click copy button. Add a 'Banned Hashtag Checker' utility that validates comma-separated hashtags against a local restricted blacklist table and flags high-risk items. ``` 4. **Visual Drag-and-Drop Content Calendar** — Implement a calendar and feed grid planner UI to visualize and organize upcoming scheduled social media posts. ``` Build a visual Content Calendar and Feed Planner component in Next.js using a flexible calendar view (month/week grid). Allow users to drag and drop scheduled posts across dates or click a date slot to open a post creation modal supporting image upload previews, caption editing, platform selectors, and time pickers. Include an Instagram feed preview mock showing how scheduled grid posts will appear on a profile. ``` 5. **Social Platform API Integration Layer** — Implement OAuth connection flows and publishing hooks for external social graph APIs. ``` Implement OAuth callback routes for connecting Instagram/Meta Graph accounts, securely encrypting and storing access tokens in the connected_accounts table. Create service modules that interface with the Instagram Graph API for container creation and publishing. Implement robust error handling for expired tokens and rate-limiting responses, surfacing clear reconnection prompts in the UI. ``` 6. **Background Scheduling Queue** — Set up durable background workers to poll and auto-publish scheduled posts at their target timestamps. ``` Configure Inngest background job processing within the Next.js app. Create a scheduled cron function that runs every minute, queries Neon for pending posts where scheduled_at is less than or equal to current time and status is 'scheduled', dispatches them to the respective social platform publishing service, and updates post statuses to 'published' or 'failed' with error messages. ``` 7. **Analytics Dashboard & Reporting** — Construct analytical charts and performance metrics summaries for connected social profiles. ``` Build an Analytics reporting dashboard using a charting library like Recharts. Display key performance metrics over time including total reach, engagement rates, follower growth, and optimal posting time recommendations calculated from historical engagement timestamps. Populate these views with aggregated metrics fetched via platform insights APIs or fallback seed generators. ``` ### Cost vs paying **Starting costs (one-time):** - AI Coding Assistant subscription: $20 - Total: ~$20 one-time **Ongoing costs (monthly):** - Vercel Hosting & Neon DB: $0-5/mo - Total: ~$0-5/mo - Paying for the SaaS instead: ~$30/mo (Pro Plan) - Build time: 35-50 hours - AI tool credits: $20 (Claude Code / Cursor Pro) - Break-even: 1 month of Pro subscription ## Sources - [Flick Official Website](https://www.flick.social) - [Flick Pricing Documentation](https://www.flick.social/learn/pricing) - [GetLatka - Flick Revenue & Financial Metrics](https://getlatka.com) - [Tracxn - Flick.Tech LTD Company Profile](https://tracxn.com)