LogoAI

LogoAI is a modern web application that leverages artificial intelligence to generate unique, professional logos. Built with Next.js, TypeScript, and powered by Nebius AI, it offers a seamless experience for creating custom logos for businesses and personal brands.

• AI-Powered Logo Generation: Create unique logos using advanced AI models
• Multiple AI Models: Choose between different AI models including FLUX and Stability AI SDXL
• Rate Limiting: Limited to 10 logo generations per month per user
• Customization Options:
  • Multiple style presets (Minimal, Tech, Corporate, Creative, Abstract, Flashy)
  • Custom color selection
  • Various size options (256x256, 512x512, 1024x1024)
  • Quality settings (Standard, HD)
• User History: Track and manage previously generated logos
• Public Gallery: Browse logos created by other users
• Secure Authentication: User authentication powered by Clerk
• Database Integration: PostgreSQL with Drizzle ORM for reliable data storage

• Frontend: Next.js, TypeScript
• Styling: Tailwind CSS, Shadcn UI
• Authentication: Clerk
• Database: PostgreSQL (NeonDB)
• Rate Limiting: Upstash Redis
• ORM: Drizzle ORM
• AI Integration: Nebius AI
• Animations: Framer Motion
• Analytics: Umami
• Deployment: Vercel
• Observibility: Helicone

Before you begin, you'll need to create accounts and obtain API keys from the following services:

• Node.js 18+
• NeonDB Account - For PostgreSQL database
• Nebius AI Account - For AI model access
• Clerk Account - For authentication
• Vercel Account - For deployment
• Upstash Account - For Ratelimiting
• Helicone Account - For Observability
• Umami Account - For Analytics

Create a .env.local file in the root directory with the following variables:

# Database (from NeonDB)
POSTGRES_URL=your_postgres_connection_string
# AI (from Nebius AI Studio)
NEBIUS_API_KEY=your_nebius_api_key
# Auth (from Clerk Dashboard)
NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY=your_clerk_publishable_key
CLERK_SECRET_KEY=your_clerk_secret_key
# Rate Limiting (from Upstash)
UPSTASH_REDIS_REST_URL=your_upstash_redis_url
UPSTASH_REDIS_REST_TOKEN=your_upstash_redis_token
# Observability (from Helicone)
HELICONE_API_KEY=your_helicone_api_key
# Development
NEXT_PUBLIC_DEVELOPMENT_URL=http://localhost:3000

1. Clone the repository:

git clone https://github.com/Arindam200/logo-ai.git
cd logo-ai

2. Install dependencies:

npm install
# or
yarn install

3. Run database migrations:

npm run db:migrate
# or
yarn db:migrate

4. Start the development server:

npm run dev
# or
yarn dev

5. Open http://localhost:3000 with your browser to see the result.

1. Build the Docker Compose image:

# Start all services in detached mode
docker compose up -d --build
# Check logs
docker compose logs -f app
# Check http://localhost:3000

2. Or, build the Docker image and run the container:

# 1. Build the Docker image
docker build -t logoai .
# 2. Run the container
docker run -p 3000:3000 \
 -e NEBIUS_API_KEY=$NEBIUS_API_KEY \
 -e NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY=$NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY \
 -e CLERK_SECRET_KEY=$CLERK_SECRET_KEY \
 logoai
# Check http://localhost:3000

├── app/
│ ├── actions/ # Server actions
│ ├── gallery/ # Public gallery page
│ ├── generate/ # Logo generation page
│ ├── history/ # User history page
│ └── page.tsx # Landing page
├── components/ # UI components
├── db/
│ ├── index.ts # Database configuration
│ └── schema.ts # Database schema
├── lib/
│ ├── domain.ts # Domain configuration
│ └── upstash.ts # Rate limiting configuration
├── public/ # Static assets
└── middleware.ts # Rate limiting middleware

Contributions are welcome! Please feel free to submit a Pull Request.

This project is licensed - see the LICENSE file for details.

Special thanks to:

• Nebius AI for powering our logo generation with their cutting-edge AI models and generous free credits
• Aman Bairagi for his contributions to the UI design.

For support, please open an issue in the GitHub repository or contact the maintainers.