BivekiGroup/protekauto-cms
4
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

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

Browse Source
This commit is contained in:
Bivekich
2025-06-30 18:31:37 +03:00
parent bbf7799e4b
commit 62739b0048
4 changed files with 127 additions and 315 deletions
Download Patch File Download Diff File Expand all files Collapse all files

176
DEPLOY.md
View File

@ -1,176 +0,0 @@
# 🚀 Деплой 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. ✅ Настройте бэкапы базы данных

54
docker-compose.yml
View File

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

34
scripts/test-docker-compose.sh
View File

@ -1,34 +0,0 @@
#!/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"

178
src/app/globals.css
View File

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