Redeem I.T.
All Projects
Next.jsTypeScriptTailwind CSSAI / Generative AISaaSStripeClerkPostgreSQLDrizzle ORM

Case Study

SocialWeave AIAI-powered social media content generator for Twitter, Instagram, and LinkedIn

AI-powered social media content generator for Twitter, Instagram, and LinkedIn

SocialWeave AI
Industry

SaaS / Creator Tools

Project Type

Web Application

Timeline

~2 Months

Role

Full-Stack Developer

Project Overview

Overview

SocialWeave AI is an AI-powered SaaS platform that helps users generate platform-optimized social media content for Twitter, Instagram, and LinkedIn. The platform combines AI content generation, live post previews, subscription billing, and content history management into a single workflow.

Category

Next.jsTypeScriptTailwind CSSAI / Generative AISaaSStripeClerkPostgreSQLDrizzle ORM

Type

AI-powered social media content generator for Twitter, Instagram, and LinkedIn

Tech Stack

Next.jsReactTypeScriptTailwind CSSshadcn/uiNext.js API RoutesPostgreSQLDrizzle ORMVercelNeon PostgreSQLMailtrapGoogle Gemini AIClerk AuthenticationStripeSvix Webhooks

Problem & Solution

The Problem

Content creators and businesses often struggle to create high-quality content consistently across multiple social media platforms.

Creating content for multiple platforms is time-consuming
AI-generated content often lacks platform-specific formatting and tone
Users need to manually reformat content before publishing
No unified workflow combining AI generation and live previews

Impact — Content creators and businesses often struggle to create high-quality content consistently across multiple social media platforms.

The Solution

Built an AI-powered content generation platform that transforms a single idea into ready-to-publish social media content with live platform previews.

Integrated AI-powered content generation
Added realistic platform preview components
Implemented subscription and points-based usage system
Built content history and reuse functionality
Automated onboarding and account management workflows

The system was structured to ensure performance, scalability, and ease of use.

Features

Key Features

01

AI-powered social media content generation

Generates platform-optimized content for Twitter, Instagram, and LinkedIn from a single user prompt using Google Gemini AI.

02

Twitter, Instagram, and LinkedIn post support

Supports content generation tailored to the conventions and tone of each major social media platform.

03

Realistic live platform previews

Renders generated content inside accurate platform mock-up components so users can verify appearance before publishing.

04

Points-based content generation system

Each generation consumes points from the user's balance, creating a transparent usage model with clear upgrade incentives.

05

Stripe subscription billing integration

Manages subscription tiers and payment processing via Stripe Checkout and webhooks, with automatic points allocation on successful payment.

06

User authentication and account management

Handles sign-up, sign-in, and user lifecycle management via Clerk, with webhook-based synchronization to the application database.

07

Content history and reuse dashboard

Stores every generated piece of content in PostgreSQL and surfaces it in a history sidebar for easy retrieval and reuse.

08

Automated onboarding email system

Sends a welcome email via Mailtrap automatically when a new user registers.

09

Documentation and help center

Built-in /docs page covering Getting Started, platform-specific guides, and an API Reference.

Tech Stack

Technologies Used

Frontend

Next.jsReactTypeScriptTailwind CSSshadcn/ui

Backend

Next.js API RoutesPostgreSQLDrizzle ORM

Database & Services

VercelNeon PostgreSQLMailtrap

Integrations

Google Gemini AIClerk AuthenticationStripeSvix Webhooks

Results & Impact

Results & Impact

The system delivered measurable improvements across key areas.

End-to-end AI content generation workflow completed within seconds
Automated subscription and payment processing
Simplified social media content creation process
Unified dashboard for content generation and history management
Scalable SaaS platform ready for future expansion

Challenges

Challenges & How I Solved Them

ChallengeAI Content Formatting — Building platform-specific content generation workflows tailored for Twitter, Instagram, and LinkedIn.

SolutionBuilt platform-specific content generation workflows tailored for Twitter, Instagram, and LinkedIn.

ChallengeSubscription & Points Management — Implementing automated billing, subscription handling, and points allocation.

SolutionImplemented automated billing, subscription handling, and points allocation using Stripe webhooks.

ChallengeUser Synchronization — Creating reliable synchronization between Clerk authentication and the application database.

SolutionCreated reliable webhook-based synchronization between Clerk authentication and the application database.

ChallengeLive Platform Previews — Designing reusable components that accurately simulate social media post layouts.

SolutionDesigned reusable preview components that accurately simulate social media post layouts.

Key Insights

Key Insights

This project reinforced important principles that shape how I approach every build.

01

Webhook-first identity synchronisation (Clerk → DB) is far more robust than polling or lazy-create patterns.

02

A points economy is an effective way to gate AI usage costs while still offering a free tier.

03

Building realistic preview components early accelerated the product feel significantly.

04

Drizzle ORM's type-safety caught several schema mismatches at compile time.

Visual Showcase

Interface & Screens

SocialWeave AI — SocialWeave-Cover
SocialWeave-Cover
View full
1 / 6

Let's Work Together

Want a System Like This?

If you're looking to build a similar solution or improve your current system, I can help you design and develop it.