AI Integration with OpenRouter

Tools

• OpenRouter – Access multiple AI models for chat, text, and images.

Setup

1. Sign up at OpenRouter.
2. Create an API Key in Account → API Keys.
3. Add the environment variable:

   OPENROUTER_API_KEY="your-openrouter-api-key"
   

4. Select your default model in the config:
   shared/config.ts

   ai: {
       model: 'openai/gpt-4o', // You can switch to any model from openrouter.ai/models
   },
   

Usage

ShipAhead includes ready-to-use AI pages so you don’t have to code:

• AI Chat – /app/pages/ai/chat.vue
  A ready made chat interface powered by your configured AI model.
• AI Text Generator – /app/pages/ai/text.vue
  Enter text, generate output, and see results instantly. The API prompt and user input are combined in one request.
• AI Image Generator – /app/pages/ai/image.vue
  Generate images from prompts using supported models.