Обновлен файл docker-compose.yml для улучшения структуры переменных окружения и добавления поддержки нового файла конфигурации stack.env. Внесены изменения в globals.css для упрощения темы и улучшения цветовой схемы, включая обновление стилей для светлой и темной тем. Удалены устаревшие переменные и оптимизированы настройки стилей.

DEPLOY.md

@@ -0,0 +1,176 @@
+# 🚀 Деплой ProtekaAuto CMS
+
+## 📋 Что исправлено
+
+### ✅ Проблемы со стилями
+- Исправлен `globals.css` для совместимости с Tailwind CSS v4
+- Обновлен синтаксис тем и цветовых переменных
+- Стили теперь корректно загружаются в продакшене
+
+### ✅ Docker Compose конфигурация
+- Добавлены все переменные окружения из `stack.env`
+- Исправлена структура и комментарии
+- Добавлена поддержка `PARTSINDEX_API_KEY`
+- Добавлен динамический порт через `CMS_PORT`
+
+## 🔧 Подготовка к деплою
+
+### 1. Настройка переменных окружения
+
+Скопируйте `stack.env` и настройте все переменные:
+
+```bash
+cp stack.env.example stack.env
+nano stack.env
+```
+
+**Обязательные переменные для настройки:**
+- `DATABASE_URL` - подключение к PostgreSQL
+- `NEXTAUTH_SECRET` - секретный ключ для авторизации
+- `JWT_SECRET` - секретный ключ для JWT токенов
+- `NEXTAUTH_URL` - URL вашей CMS админки
+- AWS S3 настройки для файлов
+- API ключи для интеграций
+
+### 2. Проверка конфигурации
+
+```bash
+# Проверка SMS конфигурации
+npm run check:sms
+
+# Проверка Docker Compose
+./scripts/test-docker-compose.sh
+
+# Проверка сборки
+npm run build
+```
+
+## 🐳 Деплой через Docker
+
+### Запуск CMS
+
+```bash
+# Сборка и запуск
+docker-compose up -d
+
+# Просмотр логов
+docker-compose logs -f
+
+# Остановка
+docker-compose down
+```
+
+### Обновление
+
+```bash
+# Обновление кода
+git pull
+
+# Пересборка и перезапуск
+docker-compose down
+docker-compose up -d --build
+
+# Или используйте готовый скрипт
+./scripts/update-container.sh
+```
+
+## 📊 Мониторинг
+
+### Проверка состояния
+
+```bash
+# Статус контейнеров
+docker-compose ps
+
+# Использование ресурсов
+docker stats
+
+# Логи в реальном времени
+docker-compose logs -f --tail=100
+```
+
+### Health Check
+
+CMS доступна по адресу: `http://localhost:3000/api/health`
+
+## 🔧 Полезные команды
+
+### База данных
+
+```bash
+# Генерация Prisma клиента
+npm run db:generate
+
+# Применение изменений схемы
+npm run db:push
+
+# Prisma Studio (GUI для БД)
+npm run db:studio
+```
+
+### Разработка
+
+```bash
+# Локальный запуск с hot reload
+npm run dev
+
+# Линтинг
+npm run lint
+
+# Тестирование сборки
+npm run build
+```
+
+## 🚨 Troubleshooting
+
+### Проблемы со стилями
+- Убедитесь, что используется Tailwind CSS v4
+- Проверьте `globals.css` и `tailwind.config.js`
+- Очистите кеш: `rm -rf .next`
+
+### Проблемы с Docker
+- Проверьте `stack.env` файл
+- Убедитесь, что все переменные заданы
+- Проверьте логи: `docker-compose logs`
+
+### Проблемы с базой данных
+- Проверьте `DATABASE_URL`
+- Убедитесь, что PostgreSQL доступен
+- Запустите `npm run db:push`
+
+## 📝 Переменные окружения
+
+Полный список переменных в `stack.env`:
+
+### База данных
+- `DATABASE_URL` - строка подключения к PostgreSQL
+
+### Авторизация
+- `NEXTAUTH_SECRET` - секрет для NextAuth
+- `JWT_SECRET` - секрет для JWT
+- `NEXTAUTH_URL` - URL админки
+
+### AWS S3
+- `AWS_REGION`, `AWS_ACCESS_KEY_ID`, `AWS_SECRET_ACCESS_KEY`
+- `AWS_BUCKET_NAME`, `AWS_S3_BUCKET`, `S3_ENDPOINT`
+
+### SMS API
+- `BEELINE_SMS_USER`, `BEELINE_SMS_PASS`, `BEELINE_SMS_SENDER`
+
+### Интеграции
+- Laximo API: `LAXIMO_LOGIN`, `LAXIMO_PASSWORD`
+- YooKassa: `YOOKASSA_SHOP_ID`, `YOOKASSA_SECRET_KEY`
+- AutoEuro: `AUTOEURO_API_KEY`
+- PartsAPI: `PARTSAPI_*_KEY`
+- PartsIndex: `PARTSINDEX_API_KEY`
+- Яндекс: `YANDEX_*_API_KEY`
+
+## 🎯 Следующие шаги
+
+1. ✅ Настройте все переменные в `stack.env`
+2. ✅ Запустите `npm run build` для проверки
+3. ✅ Запустите `docker-compose up -d`
+4. ✅ Проверьте доступность по `http://localhost:3000`
+5. ✅ Настройте reverse proxy (nginx) для продакшена
+6. ✅ Настройте SSL сертификаты
+7. ✅ Настройте бэкапы базы данных 

docker-compose.yml

@@ -4,53 +4,23 @@ services:
   protekauto-cms:
     build:
       context: .
-      dockerfile: Dockerfile  # Используем упрощенный вариант для обхода rate limits
+      dockerfile: Dockerfile
       args:
-        - BEELINE_SMS_USER=${BEELINE_SMS_USER}
+        # База данных
-        - BEELINE_SMS_PASS=${BEELINE_SMS_PASS}
-        - BEELINE_SMS_SENDER=${BEELINE_SMS_SENDER}
         - DATABASE_URL=${DATABASE_URL}
+        
+        # Авторизация
         - NEXTAUTH_SECRET=${NEXTAUTH_SECRET}
         - JWT_SECRET=${JWT_SECRET}
+        - NEXTAUTH_URL=${NEXTAUTH_URL}
+        
+        # AWS S3
         - AWS_REGION=${AWS_REGION}
         - AWS_ACCESS_KEY_ID=${AWS_ACCESS_KEY_ID}
         - AWS_SECRET_ACCESS_KEY=${AWS_SECRET_ACCESS_KEY}
         - AWS_BUCKET_NAME=${AWS_BUCKET_NAME}
         - AWS_S3_BUCKET=${AWS_S3_BUCKET}
         - S3_ENDPOINT=${S3_ENDPOINT}
-        - NEXTAUTH_URL=${NEXTAUTH_URL}
-        - LAXIMO_LOGIN=${LAXIMO_LOGIN}
-        - LAXIMO_PASSWORD=${LAXIMO_PASSWORD}
-        - LAXIMO_DOC_LOGIN=${LAXIMO_DOC_LOGIN}
-        - LAXIMO_DOC_PASSWORD=${LAXIMO_DOC_PASSWORD}
-        - YOOKASSA_SHOP_ID=${YOOKASSA_SHOP_ID}
-        - YOOKASSA_SECRET_KEY=${YOOKASSA_SECRET_KEY}
-        - AUTOEURO_API_KEY=${AUTOEURO_API_KEY}
-        - PARTSAPI_CATEGORIES_KEY=${PARTSAPI_CATEGORIES_KEY}
-        - PARTSAPI_ARTICLES_KEY=${PARTSAPI_ARTICLES_KEY}
-        - PARTSAPI_MEDIA_KEY=${PARTSAPI_MEDIA_KEY}
-        - YANDEX_MAPS_API_KEY=${YANDEX_MAPS_API_KEY}
-        - YANDEX_DELIVERY_TOKEN=${YANDEX_DELIVERY_TOKEN}
-        - YANDEX_GEOSUGGEST_API_KEY=${YANDEX_GEOSUGGEST_API_KEY}
-        - YANDEX_DELIVERY_SOURCE_STATION_ID=${YANDEX_DELIVERY_SOURCE_STATION_ID}
-    ports:
-      - "3000:3000"
-    environment:
-      # База данных (внешняя)
-      - DATABASE_URL=${DATABASE_URL}
-      
-      # NextAuth и JWT
-      - NEXTAUTH_SECRET=${NEXTAUTH_SECRET}
-      - JWT_SECRET=${JWT_SECRET}
-      
-      # AWS S3 для файлов
-      - AWS_REGION=${AWS_REGION}
-      - AWS_ACCESS_KEY_ID=${AWS_ACCESS_KEY_ID}
-      - AWS_SECRET_ACCESS_KEY=${AWS_SECRET_ACCESS_KEY}
-      - AWS_BUCKET_NAME=${AWS_BUCKET_NAME}
-      
-      # URL для доступа к админке
-      - NEXTAUTH_URL=${NEXTAUTH_URL}
         
         # SMS API Билайн
         - BEELINE_SMS_USER=${BEELINE_SMS_USER}
@@ -75,19 +45,71 @@ services:
         - PARTSAPI_ARTICLES_KEY=${PARTSAPI_ARTICLES_KEY}
         - PARTSAPI_MEDIA_KEY=${PARTSAPI_MEDIA_KEY}
         
+        # PartsIndex API
+        - PARTSINDEX_API_KEY=${PARTSINDEX_API_KEY}
+        
         # Яндекс API ключи
         - YANDEX_MAPS_API_KEY=${YANDEX_MAPS_API_KEY}
         - YANDEX_DELIVERY_TOKEN=${YANDEX_DELIVERY_TOKEN}
         - YANDEX_GEOSUGGEST_API_KEY=${YANDEX_GEOSUGGEST_API_KEY}
         - YANDEX_DELIVERY_SOURCE_STATION_ID=${YANDEX_DELIVERY_SOURCE_STATION_ID}
         
-      # S3 дополнительные настройки
+    ports:
+      - "${CMS_PORT:-3000}:3000"
+    environment:
+      # База данных
+      - DATABASE_URL=${DATABASE_URL}
+      
+      # Авторизация
+      - NEXTAUTH_SECRET=${NEXTAUTH_SECRET}
+      - JWT_SECRET=${JWT_SECRET}
+      - NEXTAUTH_URL=${NEXTAUTH_URL}
+      
+      # AWS S3
+      - AWS_REGION=${AWS_REGION}
+      - AWS_ACCESS_KEY_ID=${AWS_ACCESS_KEY_ID}
+      - AWS_SECRET_ACCESS_KEY=${AWS_SECRET_ACCESS_KEY}
+      - AWS_BUCKET_NAME=${AWS_BUCKET_NAME}
       - AWS_S3_BUCKET=${AWS_S3_BUCKET}
       - S3_ENDPOINT=${S3_ENDPOINT}
       
+      # SMS API Билайн
+      - BEELINE_SMS_USER=${BEELINE_SMS_USER}
+      - BEELINE_SMS_PASS=${BEELINE_SMS_PASS}
+      - BEELINE_SMS_SENDER=${BEELINE_SMS_SENDER}
+      
+      # Laximo API
+      - LAXIMO_LOGIN=${LAXIMO_LOGIN}
+      - LAXIMO_PASSWORD=${LAXIMO_PASSWORD}
+      - LAXIMO_DOC_LOGIN=${LAXIMO_DOC_LOGIN}
+      - LAXIMO_DOC_PASSWORD=${LAXIMO_DOC_PASSWORD}
+      
+      # YooKassa платежи
+      - YOOKASSA_SHOP_ID=${YOOKASSA_SHOP_ID}
+      - YOOKASSA_SECRET_KEY=${YOOKASSA_SECRET_KEY}
+      
+      # AutoEuro API
+      - AUTOEURO_API_KEY=${AUTOEURO_API_KEY}
+      
+      # PartsAPI ключи
+      - PARTSAPI_CATEGORIES_KEY=${PARTSAPI_CATEGORIES_KEY}
+      - PARTSAPI_ARTICLES_KEY=${PARTSAPI_ARTICLES_KEY}
+      - PARTSAPI_MEDIA_KEY=${PARTSAPI_MEDIA_KEY}
+      
+      # PartsIndex API
+      - PARTSINDEX_API_KEY=${PARTSINDEX_API_KEY}
+      
+      # Яндекс API ключи
+      - YANDEX_MAPS_API_KEY=${YANDEX_MAPS_API_KEY}
+      - YANDEX_DELIVERY_TOKEN=${YANDEX_DELIVERY_TOKEN}
+      - YANDEX_GEOSUGGEST_API_KEY=${YANDEX_GEOSUGGEST_API_KEY}
+      - YANDEX_DELIVERY_SOURCE_STATION_ID=${YANDEX_DELIVERY_SOURCE_STATION_ID}
+      
       # Окружение
       - NODE_ENV=production
       
     restart: unless-stopped
+    env_file:
+      - stack.env
     
 

scripts/test-docker-compose.sh

@@ -0,0 +1,34 @@
+#!/bin/bash
+
+echo "🔧 Тестирование Docker Compose конфигурации..."
+
+# Проверяем наличие stack.env
+if [ ! -f "stack.env" ]; then
+    echo "❌ Файл stack.env не найден!"
+    exit 1
+fi
+
+echo "✅ Файл stack.env найден"
+
+# Проверяем синтаксис docker-compose.yml
+echo "🔍 Проверка синтаксиса docker-compose.yml..."
+
+if docker-compose config > /dev/null 2>&1; then
+    echo "✅ Синтаксис docker-compose.yml корректен"
+else
+    echo "❌ Ошибка в синтаксисе docker-compose.yml:"
+    docker-compose config
+    exit 1
+fi
+
+# Показываем итоговую конфигурацию (без секретов)
+echo "📋 Итоговая конфигурация (переменные окружения):"
+docker-compose config --services
+
+echo "🎉 Конфигурация Docker Compose готова к использованию!"
+echo ""
+echo "Для запуска используйте:"
+echo "  docker-compose up -d"
+echo ""
+echo "Для просмотра логов:"
+echo "  docker-compose logs -f" 

src/app/globals.css

@@ -1,118 +1,82 @@
 @import "tailwindcss";
-@import "tw-animate-css";
 
-@theme inline {
+@theme {
-  --color-background: var(--background);
+  --color-background: hsl(0 0% 100%);
-  --color-foreground: var(--foreground);
+  --color-foreground: hsl(0 0% 3.9%);
-  --font-sans: var(--font-geist-sans);
+  --color-card: hsl(0 0% 100%);
-  --font-mono: var(--font-geist-mono);
+  --color-card-foreground: hsl(0 0% 3.9%);
-  --color-sidebar-ring: var(--sidebar-ring);
+  --color-popover: hsl(0 0% 100%);
-  --color-sidebar-border: var(--sidebar-border);
+  --color-popover-foreground: hsl(0 0% 3.9%);
-  --color-sidebar-accent-foreground: var(--sidebar-accent-foreground);
+  --color-primary: hsl(0 0% 9%);
-  --color-sidebar-accent: var(--sidebar-accent);
+  --color-primary-foreground: hsl(0 0% 98%);
-  --color-sidebar-primary-foreground: var(--sidebar-primary-foreground);
+  --color-secondary: hsl(0 0% 96.1%);
-  --color-sidebar-primary: var(--sidebar-primary);
+  --color-secondary-foreground: hsl(0 0% 9%);
-  --color-sidebar-foreground: var(--sidebar-foreground);
+  --color-muted: hsl(0 0% 96.1%);
-  --color-sidebar: var(--sidebar);
+  --color-muted-foreground: hsl(0 0% 45.1%);
-  --color-chart-5: var(--chart-5);
+  --color-accent: hsl(0 0% 96.1%);
-  --color-chart-4: var(--chart-4);
+  --color-accent-foreground: hsl(0 0% 9%);
-  --color-chart-3: var(--chart-3);
+  --color-destructive: hsl(0 84.2% 60.2%);
-  --color-chart-2: var(--chart-2);
+  --color-destructive-foreground: hsl(0 0% 98%);
-  --color-chart-1: var(--chart-1);
+  --color-border: hsl(0 0% 89.8%);
-  --color-ring: var(--ring);
+  --color-input: hsl(0 0% 89.8%);
-  --color-input: var(--input);
+  --color-ring: hsl(0 0% 3.9%);
-  --color-border: var(--border);
+  --color-chart-1: hsl(12 76% 61%);
-  --color-destructive: var(--destructive);
+  --color-chart-2: hsl(173 58% 39%);
-  --color-accent-foreground: var(--accent-foreground);
+  --color-chart-3: hsl(197 37% 24%);
-  --color-accent: var(--accent);
+  --color-chart-4: hsl(43 74% 66%);
-  --color-muted-foreground: var(--muted-foreground);
+  --color-chart-5: hsl(27 87% 67%);
-  --color-muted: var(--muted);
+  --color-sidebar: hsl(0 0% 98%);
-  --color-secondary-foreground: var(--secondary-foreground);
+  --color-sidebar-foreground: hsl(0 0% 3.9%);
-  --color-secondary: var(--secondary);
+  --color-sidebar-primary: hsl(0 0% 9%);
-  --color-primary-foreground: var(--primary-foreground);
+  --color-sidebar-primary-foreground: hsl(0 0% 98%);
-  --color-primary: var(--primary);
+  --color-sidebar-accent: hsl(0 0% 96.1%);
-  --color-popover-foreground: var(--popover-foreground);
+  --color-sidebar-accent-foreground: hsl(0 0% 9%);
-  --color-popover: var(--popover);
+  --color-sidebar-border: hsl(0 0% 89.8%);
-  --color-card-foreground: var(--card-foreground);
+  --color-sidebar-ring: hsl(0 0% 3.9%);
-  --color-card: var(--card);
+  --radius-sm: 0.375rem;
-  --radius-sm: calc(var(--radius) - 4px);
+  --radius-md: 0.5rem;
-  --radius-md: calc(var(--radius) - 2px);
+  --radius-lg: 0.625rem;
-  --radius-lg: var(--radius);
+  --radius-xl: 0.75rem;
-  --radius-xl: calc(var(--radius) + 4px);
 }
 
-:root {
+@theme dark {
-  --radius: 0.625rem;
+  --color-background: hsl(0 0% 3.9%);
-  --background: oklch(1 0 0);
+  --color-foreground: hsl(0 0% 98%);
-  --foreground: oklch(0.145 0 0);
+  --color-card: hsl(0 0% 3.9%);
-  --card: oklch(1 0 0);
+  --color-card-foreground: hsl(0 0% 98%);
-  --card-foreground: oklch(0.145 0 0);
+  --color-popover: hsl(0 0% 3.9%);
-  --popover: oklch(1 0 0);
+  --color-popover-foreground: hsl(0 0% 98%);
-  --popover-foreground: oklch(0.145 0 0);
+  --color-primary: hsl(0 0% 98%);
-  --primary: oklch(0.205 0 0);
+  --color-primary-foreground: hsl(0 0% 9%);
-  --primary-foreground: oklch(0.985 0 0);
+  --color-secondary: hsl(0 0% 14.9%);
-  --secondary: oklch(0.97 0 0);
+  --color-secondary-foreground: hsl(0 0% 98%);
-  --secondary-foreground: oklch(0.205 0 0);
+  --color-muted: hsl(0 0% 14.9%);
-  --muted: oklch(0.97 0 0);
+  --color-muted-foreground: hsl(0 0% 63.9%);
-  --muted-foreground: oklch(0.556 0 0);
+  --color-accent: hsl(0 0% 14.9%);
-  --accent: oklch(0.97 0 0);
+  --color-accent-foreground: hsl(0 0% 98%);
-  --accent-foreground: oklch(0.205 0 0);
+  --color-destructive: hsl(0 62.8% 30.6%);
-  --destructive: oklch(0.577 0.245 27.325);
+  --color-destructive-foreground: hsl(0 0% 98%);
-  --border: oklch(0.922 0 0);
+  --color-border: hsl(0 0% 14.9%);
-  --input: oklch(0.922 0 0);
+  --color-input: hsl(0 0% 14.9%);
-  --ring: oklch(0.708 0 0);
+  --color-ring: hsl(0 0% 83.1%);
-  --chart-1: oklch(0.646 0.222 41.116);
+  --color-chart-1: hsl(220 70% 50%);
-  --chart-2: oklch(0.6 0.118 184.704);
+  --color-chart-2: hsl(160 60% 45%);
-  --chart-3: oklch(0.398 0.07 227.392);
+  --color-chart-3: hsl(30 80% 55%);
-  --chart-4: oklch(0.828 0.189 84.429);
+  --color-chart-4: hsl(280 65% 60%);
-  --chart-5: oklch(0.769 0.188 70.08);
+  --color-chart-5: hsl(340 75% 55%);
-  --sidebar: oklch(0.985 0 0);
+  --color-sidebar: hsl(0 0% 3.9%);
-  --sidebar-foreground: oklch(0.145 0 0);
+  --color-sidebar-foreground: hsl(0 0% 98%);
-  --sidebar-primary: oklch(0.205 0 0);
+  --color-sidebar-primary: hsl(0 0% 98%);
-  --sidebar-primary-foreground: oklch(0.985 0 0);
+  --color-sidebar-primary-foreground: hsl(0 0% 9%);
-  --sidebar-accent: oklch(0.97 0 0);
+  --color-sidebar-accent: hsl(0 0% 14.9%);
-  --sidebar-accent-foreground: oklch(0.205 0 0);
+  --color-sidebar-accent-foreground: hsl(0 0% 98%);
-  --sidebar-border: oklch(0.922 0 0);
+  --color-sidebar-border: hsl(0 0% 14.9%);
-  --sidebar-ring: oklch(0.708 0 0);
+  --color-sidebar-ring: hsl(0 0% 83.1%);
-}
-
-.dark {
-  --background: oklch(0.145 0 0);
-  --foreground: oklch(0.985 0 0);
-  --card: oklch(0.205 0 0);
-  --card-foreground: oklch(0.985 0 0);
-  --popover: oklch(0.205 0 0);
-  --popover-foreground: oklch(0.985 0 0);
-  --primary: oklch(0.922 0 0);
-  --primary-foreground: oklch(0.205 0 0);
-  --secondary: oklch(0.269 0 0);
-  --secondary-foreground: oklch(0.985 0 0);
-  --muted: oklch(0.269 0 0);
-  --muted-foreground: oklch(0.708 0 0);
-  --accent: oklch(0.269 0 0);
-  --accent-foreground: oklch(0.985 0 0);
-  --destructive: oklch(0.704 0.191 22.216);
-  --border: oklch(1 0 0 / 10%);
-  --input: oklch(1 0 0 / 15%);
-  --ring: oklch(0.556 0 0);
-  --chart-1: oklch(0.488 0.243 264.376);
-  --chart-2: oklch(0.696 0.17 162.48);
-  --chart-3: oklch(0.769 0.188 70.08);
-  --chart-4: oklch(0.627 0.265 303.9);
-  --chart-5: oklch(0.645 0.246 16.439);
-  --sidebar: oklch(0.205 0 0);
-  --sidebar-foreground: oklch(0.985 0 0);
-  --sidebar-primary: oklch(0.488 0.243 264.376);
-  --sidebar-primary-foreground: oklch(0.985 0 0);
-  --sidebar-accent: oklch(0.269 0 0);
-  --sidebar-accent-foreground: oklch(0.985 0 0);
-  --sidebar-border: oklch(1 0 0 / 10%);
-  --sidebar-ring: oklch(0.556 0 0);
 }
 
 @layer base {
   * {
-    @apply border-border outline-ring/50;
+    @apply border-border;
   }
   body {
     @apply bg-background text-foreground;