Installation
Detailed installation instructions for ContentAI on macOS, Windows, and Linux.
Requirements
Before installing, make sure you have the following on your machine:
| Requirement | Minimum version | How to check |
|---|---|---|
| Node.js | 20.0.0 | node --version |
| pnpm | 9.0.0 | pnpm --version |
| Git (optional) | Any | git --version |
If you don't have Node.js, install it from nodejs.org or via a version manager like nvm or fnm.
To install pnpm:
npm install -g pnpm1. Extract the package
After downloading ContentAI from CodeCanyon, extract the ZIP file to a directory of your choice:
unzip ai-content-generator.zip -d ~/Projects/
cd ~/Projects/ai-content-generator2. Install dependencies
pnpm installThis installs all the runtime and development dependencies listed in package.json, including:
- Next.js 16 and React 19
- Tailwind CSS 4 and shadcn/ui primitives
- Vercel AI SDK v6
- All AI provider SDKs (
@ai-sdk/google,@ai-sdk/openai,@ai-sdk/anthropic,@ai-sdk/groq) - Zustand, Tiptap, sonner, react-markdown, and Lucide icons
Installation takes 30–90 seconds depending on your connection.
3. Run the dev server
pnpm devYou should see output similar to:
▲ Next.js 16.2.4
- Local: http://localhost:3000
- Network: http://192.168.1.10:3000
✓ Ready in 1.2sOpen http://localhost:3000 in your browser.
4. Build for production
When you're ready to deploy or do a production build locally:
pnpm build
pnpm startThe app will be served from http://localhost:3000 in production mode.
Using npm or yarn
pnpm is recommended but not required. The commands translate directly:
| pnpm | npm | yarn |
|---|---|---|
pnpm install | npm install | yarn |
pnpm dev | npm run dev | yarn dev |
pnpm build | npm run build | yarn build |
pnpm start | npm run start | yarn start |
Troubleshooting install
ERR_PNPM_PEER_DEP_ISSUES
ContentAI uses React 19 with the latest shadcn components. If you see peer-dep warnings, run:
pnpm install --no-strict-peer-dependenciesPort 3000 already in use
Run the dev server on a different port:
pnpm dev -- --port 3001Cannot find module '@ai-sdk/groq'
The Groq provider was added in v1.0.1. Make sure your node_modules are fresh:
rm -rf node_modules .next
pnpm installNext up: Project Structure →