مقدمه
دیگ یک دیزاین سیستم فارسی، راستبهچپ و متنباز است که با Next.js و Tailwind CSS v4 ساخته شده است. فلسفهاش ساده است: مجموعهای از کامپوننتهای قابل کپی که با CLI اختصاصی دیگ وارد پروژهتان میشوند، نه یک کتابخانهٔ npm بسته که در پسزمینه نصب میشود.
کپی میکنید، نه نصب
کد هر کامپوننت با CLI اختصاصی دیگ مستقیم وارد پروژهی شما میشود. هیچ پکیج بسته و نسخهبندیشدهای در میان نیست؛ کد را میبینید و میتوانید هر بخشش را تغییر دهید.
راستبهچپ بهعنوان پیشفرض
بهجای کلاسهای فیزیکی (pl-، pr-، left-، right-)، از خاصیتهای منطقی (ps-، pe-، start-، end-) استفاده شده تا با dir="rtl" درست کار کنند، نه اینکه فقط ترجمهشده باشند.
دسترسپذیری از پایه
مدیریت فوکوس، ناوبری با صفحهکلید و نقشهای ARIA در خودِ هر کامپوننت پیادهسازی شده، بدون وابستگی به کتابخانهٔ پریمیتیو بیرونی.
چرا دیگ؟
اغلب دیزاین سیستمهای فارسی یا ترجمهٔ سادهای از یک سیستم چپبهراست هستند، یا اصلاً به فکر جهت متن نبودهاند. در دیگ، هر کامپوننت از صفر برای dir="rtl" بازبینی شده: آیکونهای جهتدار میچرخند، فاصلهگذاریها منطقی هستند و تایپوگرافی با فونت وزیرمتن خوانا است.
پشته فناوری
- Next.js 16 (App Router)
- Tailwind CSS v4
- پریمیتیوهای دسترسپذیری داخلی دیگ، بدون وابستگی به کتابخانهٔ بیرونی
- class-variance-authority برای مدیریت حالتهای ظاهری
- فونت وزیرمتن برای تایپوگرافی فارسی