This is a Next.js project bootstrapped with create-next-app.
A full-stack AI-powered content generation platform built using modern web technologies, designed to streamline and automate content creation for individuals, marketers, creators, and businesses.
This app allows users to log in securely, select from a wide variety of prompt-based templates (50+), and instantly generate high-quality content using Google’s Gemini LLM API.
The AI Content Generator is a production-ready web application that enables:
- 📄 Automated content generation for blogs, ads, emails, social media, SEO, and more.
- 👤 User-specific content history, enabling users to track, reuse, or edit their generated content.
- 🔐 Secure, role-based access using Clerk authentication.
- 🧠 Modular templates that can be extended or customized for various content types.
Ideal for content teams, digital marketers, small businesses, and personal productivity.
- ⏱ Saves time by automating content generation workflows
- 💡 Sparks creativity by offering intelligent suggestions and structured templates
- 📦 Centralizes and stores all past generations securely in the user dashboard
- 🌐 Can be deployed and shared as a SaaS tool or internal content studio
| Layer | Technology |
|---|---|
| Frontend | Next.js (App Router), React |
| Styling | Tailwind CSS |
| Type Safety | TypeScript |
| Authentication | Clerk.dev |
| AI Integration | Gemini API (Google Generative AI) |
| Database | Firebase / Supabase (configurable) |
| Deployment | Vercel |
First, run the development server:
npm run dev
# or
yarn dev
# or
pnpm dev
# or
bun devOpen http://localhost:3000 with your browser to see the result.
You can start editing the page by modifying app/page.tsx. The page auto-updates as you edit the file.
This project uses next/font to automatically optimize and load Inter, a custom Google Font.
To learn more about Next.js, take a look at the following resources:
- Next.js Documentation - learn about Next.js features and API.
- Learn Next.js - an interactive Next.js tutorial.
You can check out the Next.js GitHub repository - your feedback and contributions are welcome!
The easiest way to deploy your Next.js app is to use the Vercel Platform from the creators of Next.js.
Check out our Next.js deployment documentation for more details.