البدء السريع
شغّل تطبيقك خلال دقائق باتباع دليل البدء السريع هذا.
ملاحظة: هذا محتوى تجريبي/مؤقت لأغراض العرض التوضيحي.
جهّز بيئة التطوير الخاصة بك وشغّلها بسرعة.
المتطلبات الأساسية
قبل أن تبدأ، تأكد من توفر ما يلي لديك:
- Node.js الإصدار 18.x أو أحدث
- pnpm الإصدار 8.x أو أحدث
- Git للتحكم في الإصدارات
- حساب على Supabase (الباقة المجانية تفي بالغرض تمامًا)
الخطوة 1: استنساخ المستودع
git clone https://github.com/yourorg/yourapp.git cd yourapp
الخطوة 2: تثبيت الاعتماديات
pnpm install
سيؤدي ذلك إلى تثبيت جميع الاعتماديات المطلوبة عبر المستودع الأحادي (monorepo).
الخطوة 3: إعداد متغيرات البيئة
انسخ ملف البيئة النموذجي:
cp apps/web/.env.example apps/web/.env.local
حدّث المتغيرات التالية:
# إعدادات Supabase NEXT_PUBLIC_SUPABASE_URL=http://localhost:54321 NEXT_PUBLIC_SUPABASE_ANON_KEY=your-anon-key-here SUPABASE_SERVICE_ROLE_KEY=your-service-role-key-here # التطبيق NEXT_PUBLIC_SITE_URL=http://localhost:3000
الخطوة 4: تشغيل Supabase
شغّل نسخة Supabase المحلية الخاصة بك:
pnpm supabase:web:start
سيؤدي ذلك إلى:
- تشغيل قاعدة بيانات PostgreSQL
- تشغيل Supabase Studio (localhost:54323)
- تطبيق جميع عمليات الترحيل (migrations)
- تعبئة البيانات الأولية
الخطوة 5: تشغيل خادم التطوير
pnpm dev
سيكون تطبيقك متاحًا على العناوين التالية:
- التطبيق: http://localhost:3000
- Supabase Studio: http://localhost:54323
- اختبار البريد الإلكتروني: http://localhost:54324
الخطوة 6: إنشاء أول مستخدم لك
- انتقل إلى http://localhost:3000/auth/sign-up
- أدخل بريدك الإلكتروني وكلمة المرور
- تحقق من http://localhost:54324 للعثور على رسالة التأكيد
- انقر على رابط التأكيد
- أصبحت جاهزًا للانطلاق!
الخطوات التالية
الآن وقد أصبح تطبيقك قيد التشغيل:
- استكشف لوحة التحكم - اطّلع على الميزات الرئيسية
- راجع الشيفرة - تعرّف على بنية المشروع
- اقرأ الوثائق - تعرّف على المفاهيم الأساسية
- ابنِ ميزتك - ابدأ التخصيص
المشكلات الشائعة
المنفذ مستخدم بالفعل
إذا كان المنفذ 3000 مستخدمًا بالفعل:
# ابحث عن العملية وأنهِها lsof -i :3000 kill -9 <PID>
تعذّر تشغيل Supabase
جرّب إعادة تعيين Supabase:
pnpm supabase:web:stop docker system prune -a # تنظيف Docker pnpm supabase:web:start
خطأ في الاتصال بقاعدة البيانات
تأكد من أن Docker قيد التشغيل، ثم أعد تشغيل Supabase:
docker ps # التحقق من أن Docker قيد التشغيل pnpm supabase:web:reset
ما التالي؟
- تعرّف على بنية المشروع
- افهم خيارات الإعداد
- اتبع أفضل الممارسات