nextjs starter kit Download - nextjs starter kit Source Code Download

nextjs starter kit

كود الذكاء الاصطناعي

1.0.0

تنزيل

ابدء

المتطلبات الأساسية

Node.js والغزل/كعكة مثبتة
الحسابات ومفاتيح API لـ:
- supabase
- شريط (إذا كان يستخدم المدفوعات)
- كاتب (إذا كان يستخدم المصادقة)

يثبت

استنساخ المستودع:

 git clone <repository-url>
cd <project-directory>

تثبيت التبعيات:
```
 yarn
```

إعداد متغيرات البيئة: قم بإنشاء ملف .env في دليل الجذر مع المتغيرات التالية:

 SUPABASE_URL=<your-supabase-project-url>
SUPABASE_SERVICE_KEY=<your-supabase-service-key>

# If using Stripe
STRIPE_SECRET_KEY=<your-stripe-secret-key>
NEXT_PUBLIC_STRIPE_PRICE_ID=<your-stripe-price-id>

# If using Clerk
NEXT_PUBLIC_CLERK_PUBLISHABLE_KEY=<your-clerk-publishable-key>
CLERK_SECRET_KEY=<your-clerk-secret-key>
NEXT_PUBLIC_CLERK_SIGN_IN_URL=/sign-in
NEXT_PUBLIC_CLERK_SIGN_UP_URL=/sign-up
NEXT_PUBLIC_CLERK_AFTER_SIGN_IN_URL=/
NEXT_PUBLIC_CLERK_AFTER_SIGN_UP_URL=/

تكوين الميزات: في config.ts ، اضبط الميزات المطلوبة:

 const config = {
  auth : {
    enabled : true , // Set to false if not using Clerk
  } ,
  payments : {
    enabled : true , // Set to false if not using Stripe
  }
} ;

قم بإعداد قاعدة البيانات: Run Prisma Migrations:
```
 npx prisma migrate dev
```
ابدأ خادم التطوير:
```
 yarn dev
```
افتح متصفحك وانتقل إلى http://localhost:3000 لرؤية تطبيقك يعمل.

تكوين إضافي

Webhooks: قم بإعداد Webhooks للكاتب (إذا كان يستخدم AUTH) AT /api/auth/webhook وللشريط (إذا كنت تستخدم المدفوعات) على /api/payments/webhook .
تخصيص الصفحة المقصودة ولوحة القيادة والمكونات الأخرى حسب الحاجة.
تعديل مخطط PRISMA في prisma/schema.prisma إذا كنت بحاجة إلى تغيير بنية قاعدة البيانات.

ملاحظات أمنية مهمة

تمكين أمان مستوى الصف (RLS) في مشروع Supabase الخاص بك لضمان حماية البيانات على مستوى قاعدة البيانات.
قم دائمًا بإجراء مكالمات Supabase على جانب الخادم (في طرق API أو مكونات الخادم) للحفاظ على مفتاح الخدمة الخاص بك آمنة.