makr.AI عبارة عن استنساخ ChatGPT مع ميزات محسنة للصانعين والمتسللين المستقلين المبنية على استخدام Next.js وTypeScript وSupabase وJotai وTailwind CSS.
تحقق من هذا الفيديو يوتيوب لمعرفة المزيد.
سأقوم ببناء ميزات جديدة مع مرور الوقت. إذا كان لديك أي اقتراحات، فلا تتردد في فتح مناقشة أو التواصل معي على تويتر. لقد أدرجت الميزات التي أعمل عليها أدناه.
ماذا تتوقع:
فيرسل
قم باستضافة نسختك المباشرة من makr.AI مع Vercel.
1. إنشاء مشروع Supabase يحتفظ التطبيق بالمحادثات في قاعدة بيانات Supabase. يمكنك إنشاء حساب مجاني هنا.
يحتاج makr.AI إلى عنوان URL لـ Supabase ومفتاح Anon للاتصال بقاعدة البيانات الخاصة بك. يمكنك العثور عليها في إعدادات مشروع Supabase الخاص بك.
يجب عليك إنشاء 3 جداول في مشروع Supabase الخاص بك:
يمكنك إنشاء جميع الجداول التي تحتاجها باستخدام sql function
التي قمت بإنشائها في مجلد sql
الخاص بالريبو. يمكنك استخدام ملف create-tables.sql
في مجلد sql
الخاص بالريبو لإنشاء الجداول. تذكر أنه يجب عليك تمكين الامتداد pg_vector
قبل إنشاء الجداول.
يمكنك استخدام create-profile.sql
لإنشاء ملفات تعريف المستخدمين تلقائيًا عند التسجيل.
بعد إنشاء عمود التضمين، يجب عليك إنشاء index
بناءً على هذا العمود. يمكنك استخدام ملف create-index.sql
في مجلد sql
الخاص بالريبو لإنشاء الفهرس.
وأخيرًا، يجب عليك إنشاء وظيفة SQL تسمى search-messages
في مشروع Supabase الخاص بك. يمكنك استخدام ملف search-messages.sql
في مجلد sql
الخاص بالريبو لإنشاء الوظيفة.
البرنامج التعليمي لإعداد المشروع. الذاكرة طويلة المدى لبرنامج ChatGPT التعليمي.
2. استنساخ الريبو
git clone https://github.com/batuhanbilginn/makr-ai.git
3. تثبيت التبعيات
yarn install
4. قم بإنشاء متغيرات البيئة الخاصة بك
قم بإنشاء ملف .env.local الخاص بك في جذر الريبو باستخدام عنوان URL الخاص بـ Supabase ومفتاح Supabase Anon وعنوان URL لإعادة توجيه المصادقة ومفتاح OpenAI API:
NEXT_PUBLIC_SUPABASE_URL=YOUR_URL * required
NEXT_PUBLIC_SUPABASE_ANON_KEY=YOUR_KEY * required
NEXT_PUBLIC_AUTH_REDIRECT_URL=YOUR_URL * required
OPENAI_API_KEY=YOUR_KEY * optional
4.1 إنشاء ملف .env
.env.example
في المجلد الرئيسي..env
عن طريق إزالة ملحق template
. أسهل طريقة هي القيام بذلك في نافذة موجه الأوامر/المحطة الطرفية cp .env.example .env
..env
في محرر النصوص. ملاحظة: قد يتم إخفاء الملفات التي تبدأ بنقطة بواسطة نظام التشغيل لديك..env
.4.2 مفتاح واجهة برمجة تطبيقات OpenAI
عندما تقوم بتعيين OpenAI API Key
الخاص بك كمتغير بيئة، لن يطالبك التطبيق بإدخاله مرة أخرى لتهيئة نفسه. كن حذرًا إذا قمت بتعيين OpenAI API Key
الخاص بك كمتغير بيئة واستضافته، فيمكن لأي شخص يصل إلى الإصدار المستضاف استخدامه. إذا لم يكن لديك OpenAI API Key
، فيمكنك الحصول على واحد هنا.
4.3 عنوان URL لإعادة توجيه المصادقة
يجب عليك تعيين Auth Redirect URL
الخاص بك على الإنتاج كمتغير بيئة. إذا لم تقم بتعيينه، فسوف تحصل على خطأ عند محاولة تسجيل الدخول. تأكد أيضًا من تعيين Auth Redirect URL
الصحيح في إعدادات مشروع Supabase وفي متغيرات البيئة التي قمت بإنشائها لـ Vercel. إذا كان لديك Auth Redirect URL
للمعاينة والإنتاج، فيمكنك تعيينها كمتغيرات بيئة في Vercel وSupabase.
5. قم بتشغيل خادم التطوير
yarn dev
عند نشر التطبيق، يمكن تعيين متغيرات البيئة التالية:
متغير البيئة | مطلوب | وصف |
---|---|---|
NEXT_PUBLIC_SUPABASE_URL | نعم | عنوان URL الأساسي لمشروع Supabase الخاص بك |
NEXT_PUBLIC_SUPABASE_ANON_KEY | نعم | مفتاح Anon لمشروع Supabase الخاص بك |
NEXT_PUBLIC_AUTH_REDIRECT_URL | نعم (الإنتاج) | عنوان URL الأساسي لمشروع Supabase الخاص بك |
OPENAI_API_KEY | خياري | مفتاح Anon لمشروع Supabase الخاص بك |
إذا لم يكن لديك مفتاح OpenAI API، فيمكنك الحصول على واحد هنا.
إذا كان لديك أي أسئلة، فلا تتردد في التواصل معي على تويتر.