الصفحة الرئيسية>المتعلقة بالبرمجة>كود الذكاء الاصطناعي
تنزيل

عرض النشر

هذا هو مشروع next.js bootstrapped مع create-next-app .

ابدء

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

npm run dev
# or
yarn dev
# or
pnpm dev

افتح http: // localhost: 3000 مع متصفحك لرؤية النتيجة.

يمكنك البدء في تحرير الصفحة عن طريق تعديل app/page.js تحديثات الصفحة التلقائية أثناء تحرير الملف.

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

يتعلم أكثر

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

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

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

نشر على Vercel

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

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


هيكل المشروع:

  • /app/ - تطبيق next.js الذي يحتوي على صفحات ذات صلة في المجلد المعني (يحتوي NextJs على التوجيه القائم على المجلد ، وسيكون اسم المسار في عنوان URL هو اسم المجلد ، وبناءً على ذلك ، سيتم تقديم الصفحة)
    • /app/api/ - طرق API Next.js/الخلفية الخلفية
    • /app/folder/ - التوجيه القائم على المجلد ، صفحات للطرق المعنية (أسماء المجلدات)
  • /components/ - مكونات واجهة المستخدم القابلة لإعادة الاستخدام مع بعض المنطق
  • '/models/` - نماذج المخطط لقاعدة البيانات
  • /public/ - الدليل العام التالي. js
  • /styles/ - دليل أنماط Next.js
  • /utils/ - فقط بعض وظائف الأداة المساعدة مثل ConnectTodb للاتصال للاتصال بقاعدة بيانات MongoDB

متغيرات البيئة:

  • إنشاء .env في الجذر مع المتغيرات التالية: 
 GOOGLE_ID=
GOOGLE_CLIENT_SECRET=
MONGODB_URI=
NEXTAUTH_URL=
NEXTAUTH_URL_INTERNAL=
NEXTAUTH_SECRET=

الحزم المستخدمة:

  • next - إطار عمل Next.js
  • next-auth - مكتبة المصادقة Next.js
  • mongodb - سائق MongoDB
  • mongoose - Mongodb ODM
  • react - The React.js Framework
  • react-dom - REACT.JS DOM REDERER
  • tailwindcss - للتصميم

تم نشرها على Vercel

  • عرض النشر

الاعتمادات: JavaScript Mastery - Adrian Hajdin

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