Back to projects
Feb 13, 2026
3 min read

AI Blog Content Repurposer

An AI-powered engine that transforms blog URLs into viral social media assets (LinkedIn, Twitter, SEO, Video) using Google Gemini and Next.js.

πŸ€– AI Blog Content Repurposer β€” Viral Content Engine

AI Repurposer Banner

AI Blog Content Repurposer is a cutting-edge automation tool designed to bridge the gap between long-form blog content and high-impact social media engagement. By leveraging the power of Google Gemini 1.5 Pro and the Vercel AI SDK, it transforms any blog URL into a suite of optimized assets for LinkedIn, Twitter, SEO, and Video Scriptsβ€”instantly.

This platform is engineered for marketers and creators who need to maximize the ROI of their content without manual effort.


πŸ› οΈ Technology Stack

Next.js Google Gemini TypeScript Tailwind CSS Shadcn UI Vercel AI SDK


✨ Features at a Glance

πŸš€ Smart Repurposing Engine

  • LinkedIn Mastery: Generates professional, value-driven summaries with industry-relevant hashtags and engagement hooks.
  • Twitter Thread Generator: Breaks down complex articles into punchy, viral-ready threads designed for high retweets.
  • SEO Powerhouse: Automatically crafts meta descriptions, suggests high-ranking keywords, and optimizes title tags based on article sentiment.
  • Short-Form Video Scripts: Converts text into dialogue-ready scripts for TikTok, Instagram Reels, and YouTube Shorts.

🧠 Intelligent Analysis

  • Context-Aware Extraction: Uses custom scraping logic to isolate the core value of a blog post, ignoring navigation menus and ads.
  • Real-Time Streaming: Watch the AI β€œthink” and write in real-time using modern server-sent events for a seamless UX.

🎨 Premium User Experience

  • Dark Mode Aesthetics: A sleek, focused interface built with Tailwind CSS 4 and Radix UI primitives.
  • One-Click Copy: Instantly copy generated assets to your clipboard for immediate posting.

πŸ“ Project Structure

repurposer/
β”œβ”€β”€ src/
β”‚   β”œβ”€β”€ app/             # Next.js 15 App Router
β”‚   β”‚   β”œβ”€β”€ api/ai/      # Vercel AI SDK route handlers
β”‚   β”‚   └── page.tsx     # Main dashboard interface
β”‚   β”œβ”€β”€ components/      # UI components (OutputCard, UrlInput)
β”‚   β”œβ”€β”€ lib/             # Core logic
β”‚   β”‚   β”œβ”€β”€ gemini.ts    # AI model configuration
β”‚   β”‚   └── scraper.ts   # Blog content extraction logic
β”‚   └── hooks/           # Custom React hooks for UI state
└── public/              # Brand assets & icons

πŸš€ Installation & Setup

1. Prerequisites

2. Clone & Install

git clone https://github.com/aditya-2129/UpGrowth-Assessment-AI-Powered-Blog-Content-Repurposer.git
cd UpGrowth-Assessment-AI-Powered-Blog-Content-Repurposer
npm install

3. Environment Config

Create a .env.local file:

GOOGLE_GENERATIVE_AI_API_KEY=your_gemini_key_here

4. Run Development

npm run dev

πŸ“„ License

This project is part of the UpGrowth assessment and is available for portfolio review purposes.

Designed & Developed by Aditya (aka aditya-2129)