MMD
f2e5a9e58b
فایل‌های اصلی Pinar از شاخه feature/frontend-updates گرفته شد (fatemeh sane آن‌ها را سلف‌هاست کرده بود) — همان فونتی که پیش‌تر CDN از کار افتاده‌اش را سرو می‌کرد: - ۵ وزن (Light 300، Regular 400، Bold 700، ExtraBold 800، Black 900) در frontend/public/fonts/pinar به‌صورت woff2 + ttf - index.css: Pinar فونت اصلی و Vazirmatn جایگزین پشتیبان - tailwind: کلاس pinar دوباره Pinar را اول می‌گذارد
فرانت‌اند گروه ساختمانی آرامش
سایت React + Vite + Tailwind — تمام متن‌ها و تصاویر از بک‌اند (GET /api/site) خوانده می‌شود.
اجرا
npm install
npm run dev
در حالت توسعه، Vite درخواست‌های /api و /media را به Traefik (پورت ۵۱۷۳) پروکسی می‌کند —
پس استک Docker باید در حال اجرا باشد. آدرس بک‌اند در src/config.ts از VITE_API_URL
خوانده می‌شود؛ پیش‌فرض خالی یعنی درخواست‌های هم‌مبدأ.
ساخت
بیلد روی هاست انجام می‌شود (کانتینر فقط با Caddy فایل‌های dist/ را سرو می‌کند):
npm run build
نکته: بک‌اند برای تزریق متای سئو در صفحات
/blogو/projectsهمین پوشهdist/را (در compose به/srv/frontendسوار است) می‌خواند — بعد از هر تغییر فرانت،npm run buildو سپس ری‌استارت بک‌اند کافی است.
بخش‌های کلیدی
src/api.tsx— بارگذاری داده سایت و ادغام پیش‌نویس مقاله‌ها برای ادمینsrc/admin/— لایه ویرایش زنده (دوقلوی دیجیتال): نوار مدیریت، کشوی موجودیت‌ها، صفحه نوشتن مقالهsrc/seo.ts— تگ‌های title / description / OG / canonical / JSON-LD هر صفحهsrc/data/site.ts— انواع داده مشترک