nextbase nextjs supabase starter

NextBase Starter

NextBase Lite هو Next.js 13 + supabase boilerplate. ويشمل تطبيق Next.js 13 مع CSS TypeScript و Supabase و Tailwind. ويشمل مجلد app الجديد ، ومكونات layout ، server components رد فعل وأكثر!

سمات

• Next.js 13 مع مكونات Async
• أمثلة جلب البيانات في خادم React ومكونات العميل. البيانات المشبعة الجلب مع الحد الأدنى من شاشات التحميل.
• ⚛ React Revel Sequer Metuped
• رد فعل مكون Toast Hot Hot
• كتبت بالكامل مع TypeScript. يتضمن توليد النوع التلقائي لجداول Supabase
• ؟ Tailwindcss
• ؟ إعدادات اختبار الوحدة واختبار التكامل المدمجة في
• Eslint ، TypeScript ، أجمل ، postcss تكوين لبيئات DEV واختبار
• ؟ توليد خريطة sitemap التلقائي
• ؟ SEO Metadata و JSON-LD وعلامات الرسم البياني المفتوح مع كبار المسئولين الاقتصاديين التالي
• ✍ الإصدار الدلالي مع توليد Changelog التلقائي
• ؟ رمز أجمل تنسيق
• ؟ الحد الأدنى من التصميم
• قاعدة كود يسهل قراءتها وتعديلها

تطوير

1. استنساخ الريبو
2. تثبيت التبعيات مع yarn
3. قم بإنشاء حساب supabase إذا لم يكن لديك حساب بالفعل
4. إنشاء مشروع جديد في Supabase
5. اربط supabase بمشروعك باستخدام yarn supabase link --project-ref <project-ref> . يمكنك الحصول على مشروع Project الخاص بك من لوحة معلومات Project Supabase (إعدادات المشروع -> API)
6. Duplicate .env.local.example وقم بإعادة تسميته إلى .env.local وإضافة Project Ref و Supabase url ومفتاح Anon.
7. ادفع مخطط قاعدة البيانات إلى مشروع Supabase الخاص بك باستخدام yarn supabase db push .
8. قم بإنشاء أنواع لجداول Supabase الخاصة بك باستخدام yarn generate:types:local .
9. تشغيل yarn dev لبدء خادم التطوير.

الاختبار

1. اختبار الوحدة باستخدام yarn test
2. اختبار من طرف إلى طرف باستخدام yarn test:e2e

النشر

هذا هو مشروع NEXT.JS بسيط. النشر هو نفسه أي مشروع آخر. يمكنك نشره على Vercel أو NetLify أو أي مزود استضافة آخر.

المساهمة

المساهمات موضع ترحيب. الرجاء فتح مشكلة أو العلاقات العامة.

رخصة

معهد ماساتشوستس للتكنولوجيا

استكشاف الأخطاء وإصلاحها

الخروج إلى ملف استكشاف الأخطاء وإصلاحها للمشكلات المشتركة.

Premium Nextbase Boilerplate

أيضا الخروج لدينا boilerplate قسط مع المزيد من الميزات. ويشمل نظام مصادقة يعمل بكامل طاقته ، وملفات تعريف المستخدم ، والمؤسسات ، وأمن مستوى الصف ، والمزيد.