Welcome to ContentAI
The Next.js AI Content Generator SaaS — installation, configuration, and full feature reference.
ContentAI is a complete AI Content Generator SaaS built with Next.js 16, React 19, Tailwind CSS 4, and shadcn/ui. It ships with 35+ production-ready templates, a document editor with AI actions, and first-class support for four AI providers: Groq, Google Gemini, OpenAI, and Anthropic.
This documentation is for anyone who has just purchased or downloaded ContentAI and wants to:
- Install the app locally
- Connect an AI provider (including completely free options)
- Use every feature (Dashboard, Templates, Generate, Editor, History, Settings)
- Customize templates, branding, and styling
- Deploy to production
What's included
35+ Templates
Blog posts, social media, emails, ads, SEO, product descriptions, and more — all pre-written with smart fields.
4 AI Providers
Groq (free), Google Gemini (free), OpenAI, and Anthropic — switchable per request.
Next.js + optional cloud data
API routes for AI calls. Deploy with localStorage only, or add NextAuth + Supabase for accounts and sync.
Document Editor
Save generations, edit them, and apply AI actions like Improve, Shorten, or Fix Grammar.
Tech stack
| Layer | Technology |
|---|---|
| Framework | Next.js 16 (App Router) |
| UI | React 19 + shadcn/ui + Tailwind CSS 4 |
| State | Zustand; optional NextAuth + Supabase for cloud sync |
| AI SDK | Vercel AI SDK v6 |
| AI Providers | @ai-sdk/google, @ai-sdk/openai, @ai-sdk/anthropic, @ai-sdk/groq |
| Auth & data (optional) | Auth.js (NextAuth v5), @supabase/supabase-js, optional postgres |
| Editor | Tiptap |
| Markdown render | react-markdown + remark-gfm |
| Notifications | sonner |
Where to start
- New to ContentAI? → Quick Start
- Need to connect a provider? → API Keys
- OAuth + Supabase in production? → Authentication & database
- Just want to ship? → Deploy to Vercel
- Looking for a specific template? → Templates Reference
Support
If a page in these docs doesn't answer your question, check the FAQ or Troubleshooting sections. Bugs and feature requests can be reported via the support channel that came with your CodeCanyon purchase.