CyberChat 2077

Это интерактивный чат-интерфейс в стиле киберпанк, построенный на Next.js с использованием API X.AI (Grok).

Особенности

• 🤖 Интеграция с моделью Grok от X.AI
• 🎨 Стильный киберпанк-интерфейс
• 💬 Потоковая передача ответов в реальном времени
• ✨ Поддержка Markdown в сообщениях
• 📱 Адаптивный дизайн
• 🌙 Оптимизированные шрифты Geist

Начало работы

1. Клонируйте репозиторий
2. Установите зависимости:

npm install
# или
yarn install
# или
pnpm install

3. Создайте файл .env и добавьте ваш API ключ X.AI и системную задачу для бота:

X_AI_API_KEY=ваш_ключ_здесь
NEXT_PUBLIC_TASK=Системная задача для бота

4. Запустите сервер разработки:

npm run dev
# или
yarn dev
# или
pnpm dev

5. Откройте http://localhost:3000 в браузере

Технологии

• Next.js 15.0
• React 19
• Tailwind CSS
• Radix UI
• React Markdown
• Lucide Icons

Структура проекта

• /src/app/page.js - Основной компонент чата
• /src/app/api/completion - API-маршрут для интеграции с X.AI
• /src/components/ui - Переиспользуемые UI компоненты
• /src/lib - Утилиты и вспомогательные функции

Развертывание

Проект можно развернуть на Vercel Platform.

1. Создайте аккаунт на Vercel
2. Импортируйте проект из Git
3. Настройте переменные окружения
4. Разверните

Лицензия

MIT