soheil khaledabadi
0b32e97b7d
Putting "آموزش" only inside the DNS management modal wasn't enough - mobile users expect a direct button next to "مدیریت DNS", same as the desktop row already has. Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>
Persian Game frontend
رابط کاربری React + TypeScript این پروژه با Vite ساخته و در محیط production توسط Nginx سرو می‌شود.
اجرای Docker
پیش‌نیازها: Docker Engine و Docker Compose v2.
cp .env.example .env
docker compose up --detach --build
سپس برنامه روی http://localhost:8080 در دسترس است. برای مشاهده وضعیت و لاگ‌ها:
docker compose ps
docker compose logs --follow web
برای توقف برنامه:
docker compose down
اسکریپت زیر نیز Compose را اعتبارسنجی، image را build و سرویس را اجرا می‌کند:
./build.sh
تنظیمات
مقادیر قابل تنظیم در .env:
APP_PORT: پورت میزبان؛ مقدار پیش‌فرض8080است.VITE_API_URL: آدرس کامل API؛ مقدار پیش‌فرضhttps://api.persain-game.com/api/v1است.PERSIAN_GAME_IMAGE: نام و tag ایمیج ساخته‌شده.
متغیر VITE_API_URL هنگام build داخل فایل‌های استاتیک قرار می‌گیرد. پس از تغییر آن باید image را دوباره build کنید:
docker compose build --no-cache web
docker compose up --detach web
توسعه محلی بدون Docker
npm ci
npm run dev
بررسی production build و lint:
npm run build
npm run lint