ContentBanao – Full-Stack Content Platform with Automated Cloud Infrastructure.

01_Problem_Analysis

"Content creators often have to choose between text-heavy platforms (Medium) and video-first apps (TikTok/Instagram). There is a lack of integrated, lightweight "Blogging + Reel" SaaS templates that developers can self-host. Building such a platform requires solving complex problems like asynchronous video processing, JWT-based route protection, and maintaining a consistent UI across diverse media types. Additionally, standard deployments (Vercel) hide the underlying infrastructure, making it difficult for engineers to learn and demonstrate Production DevOps skills."

02_Architectural_Response

I architected a scalable, modular platform using a "State-First" approach: State Management: Utilized Redux Toolkit + RTK Query to handle complex data fetching for blogs and reels, ensuring seamless UI updates without manual refetching. Modern Auth: Implemented NextAuth with a centralized middleware.ts to protect creator-only routes while keeping the consumption layer public. Media Architecture: Integrated ImageKit as a specialized CDN to handle video uploads and real-time transformations, ensuring fast reel playback globally. Infrastructure Evolution: Vercel: Initial deployment for rapid testing and global edge delivery. Docker & ECS: Containerized the app using a Multi-Stage Docker Build to reduce image size (targeting <300MB). CI/CD: Configured GitHub Actions to build the Docker image, push it to Amazon ECR, and trigger a service update on AWS ECS

03_System_Implementation

The Vision

ContentBanao was built to be a "Content Engine." By combining TipTap for rich text and ImageKit for reels, I created a workspace where creators don't have to compromise on media format.

Technical Implementation

The app follows a strict Feature-Based Folder Structure (features/auth, features/blogs). This ensures that as the codebase grows, it remains maintainable. For the AWS deployment, I utilized:

ECR: For secure, private image hosting.

ECS Fargate: To run the containers without managing underlying EC2 servers, focusing purely on the application logic.

GitHub Actions: To automate the transition from "Code to Cloud" with zero manual intervention.

The Future Roadmap

AI Writing Assistant: Integrating an LLM (Gemini/OpenAI) to help creators generate blog outlines or summarize reels into text.

Terraform Migration: Moving from manual AWS console setup to Infrastructure as Code (IaC) to ensure the entire ContentBanao environment can be recreated in minutes.

🔗 Tech Stack & Tools:

Frontend: Next.js 15, RTK Query, Tailwind, Shadcn

Backend & DB: MongoDB, Mongoose, NextAuth

DevOps: Docker, GitHub Actions, AWS (ECS/ECR), Vercel

01_Problem_Analysis

02_Architectural_Response

03_System_Implementation

Technical_Growth