As content creation continues to scale across industries—marketing, education, SaaS, and more—I noticed a recurring challenge: the need for quick, high-quality, and personalized content. Inspired by modern AI tools and the potential of LLMs, I set out to build a full-stack platform that empowers users to generate professional content on demand. ScriptIQ was born from this vision—an AI-powered content generator that’s simple, powerful, and production-ready.

How I Built It

ScriptIQ is a modern, full-stack web app built using:

Frontend: Next.js 15 (App Router), React 19, Tailwind CSS

Backend: Node.js, PostgreSQL (Neon), Drizzle ORM

AI Integration: Gemini API for generating high-quality content

Authentication: Clerk for secure role-based access and session management

Billing: Razorpay to support premium subscriptions and tiered access

Deployment: Vercel with CI/CD for smooth production delivery

The app features a clean UI, real-time prompt-response interaction, secure content history storage, and user-specific dashboards.

What I Learned

Advanced routing and server-side rendering using Next.js 15

Role-based authentication and session handling with Clerk

Using Drizzle ORM for strongly typed SQL database operations

Working with Gemini API to generate context-aware AI content

Setting up CI/CD workflows on Vercel for instant updates

Integrating real-world payment gateways (Razorpay) in SaaS models

Challenges Faced

Structuring a scalable and secure PostgreSQL schema with Drizzle

Managing async content generation from the Gemini API

Handling authentication states and session-based access securely

Designing a real-time content history module

Integrating Razorpay and testing billing flows in a dev environment

Built With

• clerk
• drizzleorm
• gemini
• github
• next.js
• node.js
• postgresql
• razorpay
• tailwind
• typescript
• vercel