- فونت قبلی (Pinar) از fontcdn.ir دانلود میشد که از کار افتاده و گوگلفونت هم در ایران مسدود است؛ در نتیجه هر بار فونت دانلود میشد و در نهایت Tahoma نمایش داده میشد - فایلهای woff2 (Light/Regular/Bold) یک بار در public/fonts ذخیره شده و از همان سرور سرو میشوند — مرورگر کش میکند و هیچ وابستگی خارجی ندارد - کلاس font-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— انواع داده مشترک