/ai-gateway-portal

Frontend for an AI Gateway

Primary LanguageTypeScriptMIT LicenseMIT

AI Gateway Portal

A Next.js application for managing LiteLLM teams and configurations.

Getting Started

Prerequisites

  • Docker and Docker Compose
  • Node.js 20+ (for local development)

Environment Configuration

  1. Copy the environment template:
cp .env.example .env
  1. Update the .env file with your configuration:
NEXT_PUBLIC_API_BASE_URL=http://localhost:4000  # Your LiteLLM API base URL
LITELLM_API_KEY=your-api-key-here              # Your LiteLLM API key

Running with Docker

  1. Build and start the application:
docker-compose up --build

The application will be available at http://localhost:3000

Local Development

  1. Install dependencies:
npm install
  1. Start the development server:
npm run dev

The application will be available at http://localhost:3000

Features

  • Team Management
    • Create and manage teams
    • Add/remove team members
    • Configure team models and budgets
    • Set team permissions and roles

Project Structure

.
├── src/
│   ├── app/              # Next.js app router
│   ├── components/       # React components
│   ├── lib/             # Utilities and configurations
│   └── types/           # TypeScript type definitions
├── public/              # Static assets
├── Dockerfile          # Docker configuration
├── docker-compose.yml  # Docker Compose configuration
└── package.json       # Project dependencies and scripts