الصفحة الرئيسية>موارد بناء الموقع>بيانات الموقع
تنزيل

سابقة

لبنات بناء لمشروعك القادم

مقدمة · نقرة واحدة نشر · مكدس التكنولوجيا + الميزات · مؤلف


مقدمة

Precedent عبارة عن مجموعة من المكونات ، والسنانير ، والمرافق لمشروع Next.js الخاص بك.

بنقرة واحدة النشر

يمكنك نشر هذا القالب على Vercel مع الزر أدناه:

يمكنك أيضًا استنساخ وإنشاء هذا الريبو محليًا مع الأمر التالي: 

npx create-next-app precedent --example " https://github.com/steven-tey/precedent "

ثم ، قم بتثبيت التبعيات مع مدير الحزمة المفضل لديك: 

npm i
yarn
pnpm i

مكدس التكنولوجيا + ميزات

سابقة--Demo.mp4

الأطر

  • Next.js - Framework React لبناء تطبيقات الأداء مع أفضل تجربة مطور
  • كاتب - منصة شاملة لإدارة المستخدمين مع مكونات رد فعل مصممة بشكل جميل

المنصات

  • Vercel - معاينة ونشر التغييرات بسهولة مع GIT

واجهة المستخدم

  • Tailwind CSS-إطار عمل CSS الأول في تنمية واجهة المستخدم السريعة
  • Radix - بدائل مثل Modal ، Popover ، وما إلى ذلك لبناء تجربة مستخدم رائعة
  • Framer Motion - Motion Library للتفاعل مع المكونات المتحركة بسهولة
  • Lucide-أيقونات بسيطة بشكل جميل ، بكسل مثالي
  • next/font - تحسين الخطوط المخصصة وإزالة طلبات الشبكة الخارجية لتحسين الأداء
  • ImageResponse - قم بإنشاء صور بيانية مفتوحة ديناميكية على الحافة

السنانير والمرافق

  • useIntersectionObserver - رد الفعل لمراقبة عندما يدخل عنصر ما أو يتركه
  • useLocalStorage - استمر في الاستمرار في التخزين المحلي للمتصفح
  • useScroll - Hook Hook لمراقبة موضع التمرير (مثال)
  • nFormatter - تنسيق أرقام مع اللواحق مثل 1.2k أو 1.2M
  • capitalize - الاستفادة من الحرف الأول من السلسلة
  • truncate - اقطع سلسلة بطول محدد
  • use-debounce A Call Call / State Update

جودة الكود

  • TypeScript-مدقق نوع ثابت للأنواع الشاملة
  • أجمل - تنسيق رمز الرأي لأسلوب رمز ثابت
  • ESLINT - LINTREBLAIN

متنوع

  • Vercel Analytics-تتبع الزوار الفريدين ، ووجهات العرض ، وأكثر من ذلك بطريقة صديقة للخصوصية

مؤلف

  • ستيفن تي (@ستفينتري)
يوسع
معلومات إضافية
تطبيقات ذات صلة
نوصي لك
أخبار ذات صلة الكل