Files
aramesh-backend/frontend
MMD 4b9cc13163 فونت: سلف‌هاست Vazirmatn — بدون دانلود هر بار از CDN
- فونت قبلی (Pinar) از fontcdn.ir دانلود می‌شد که از کار افتاده و گوگل‌فونت هم در ایران مسدود است؛ در نتیجه هر بار فونت دانلود می‌شد و در نهایت Tahoma نمایش داده می‌شد
- فایل‌های woff2 (Light/Regular/Bold) یک بار در public/fonts ذخیره شده و از همان سرور سرو می‌شوند — مرورگر کش می‌کند و هیچ وابستگی خارجی ندارد
- کلاس font-pinar برای سازگاری با کامپوننت‌ها نگه داشته شد
2026-09-08 13:27:40 +03:30
..

فرانت‌اند گروه ساختمانی آرامش

سایت 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 — انواع داده مشترک