پرش به محتوای اصلی
ایهاب خالد
منو
همه‌ی پروژه‌ها

پروژه‌ی متن‌باز

NextRanger

بستری مهندسی سخت‌گیرانه برای Next.js که در آن تصمیم‌های معماری با ابزار اجرایی می‌شوند نه صرفاً مستندسازی و فراموش‌شده.

نمای کلی

NextRanger نقطه‌ی شروعی است که برای کارهای جدی فرانت‌اند استفاده می‌کنم. پیش‌فرض آن این است که قراردادهایی که یک تیم روی آن‌ها توافق می‌کند اما نمی‌تواند اجرایی کند، به‌مرور فرسوده می‌شوند، پس هر قانون مهم به‌صورت یک قانون lint، یک نوع داده، یا یک تست ناموفق بیان می‌شود، نه یک پاراگراف در فایل README.

معماری

Next.js App Router با Server Components به‌عنوان پیش‌فرض، TypeScript سخت‌گیر، و ساختاری ماژول‌محور با وابستگی‌های یک‌طرفه: مسیرها به ماژول‌ها وابسته‌اند، ماژول‌ها به کد مشترک، کد مشترک به رَپرهای فروشنده، و هرگز برعکس. هر بسته‌ی شخص ثالث دقیقاً یک رَپر مسئول دارد، به‌طوری که ارتقاها و مدیریت خطا در یک فایل بازبینی‌شده زندگی می‌کنند.

مهندسی

یک افزونه‌ی سفارشی ESLint سیاست لایه‌ها، مالکیت بسته‌ها، کامپوننت‌های محدود به TSX و پوشش ترجمه را اجرایی می‌کند. Vitest و Playwright تست‌های واحد، یکپارچه‌سازی، سرتاسری، دسترس‌پذیری و بصری را پوشش می‌دهند، همراه با بین‌المللی‌سازی و پشتیبانی RTL، یک CSP مبتنی بر nonce، و دروازه‌های CI که کل مجموعه را پیش از هر ادغام اجرا می‌کنند.

نقش
نویسنده. طراحی مدل معماری، مجموعه قوانین سفارشی ESLint و دروازه‌های کیفیت.
دسته
فول‌استک
پشته‌ی فناوری
Next.jsReactTypeScriptESLintVitestPlaywrightTailwind CSS
زبان برنامه‌نویسی
TypeScript