الصفحة الرئيسية>المتعلقة بالبرمجة>شفرة المصدر الأخرى
تنزيل

تطبيق Next.js Openai Starter

هذه مجموعة بداية لدمج API Openai في تطبيق Next.js. تم تصميمه مع الحد الأدنى من التصميم وتكامل API الأساسي حتى تتمكن من تجريده وجلب المكتبات الخاصة بك لجعلها خاصة بك. لا تتردد في الشوكة وخلق شيء مذهل!

ابدء

أولاً ، تافهة الريبو إلى بيئة DEV الخاصة بك وتثبيت الحزم: 

npm install
# or
yarn

ثم ، قم بتشغيل خادم التطوير: 

npm run dev
# or
yarn dev

إذا كنت تستخدم شيئًا ما إلى جانب yarn ، فتأكد من حذف أي قفلات مديرة حزمة أخرى. افتح http: // localhost: 3000 مع متصفحك لرؤية النتيجة.

مهم!

تأكد من تحديث OPENAI_API_KEY=yourApiKey في ملف .env.example ، ثم قم بتغيير اسم الملف إلى .env.local . يمكنك الحصول على مفتاح API عن طريق إنشاء حساب مع Openai ثم التنقل هنا.

Openai API نقطة نهاية

يقع مسار API Openai في src/pages/api/openai.js .

يتم تعيين دليل pages/api إلى /api/* . يتم التعامل مع الملفات الموجودة في هذا الدليل كطرق API بدلاً من صفحات React.

يستخدم هذا المشروع next/font لتحسين وتحميل Inter تلقائيًا ، وهو خط Google مخصص.

يتعلم أكثر

لمعرفة المزيد حول Next.js و Openai ، ألق نظرة على الموارد التالية:

Next.js

  • Next.js Documentation - تعرف على ميزات Next.js و API.
  • تعلم next.js - تعليمي تفاعلي Next.js.

Openai

  • Openai Documentation - تعلم ميزات Abou Openai و API ، وكذلك كيفية استخدامها.
  • أمثلة Openai - انظر ما أنشأه الآخرون بالفعل مع Openai.

يمكنك التحقق من مستودع NEXT.JS GitHub - ملاحظاتك ومساهماتك مرحب بها!

نشر على Vercel

أسهل طريقة لنشر تطبيق Next.js الخاص بك هي استخدام منصة Vercel من منشئي Next.js.

تحقق من وثائق نشر NEXT.JS لمزيد من التفاصيل.

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