نشر تطبيق Next.js على الآن

كيفية استخدام Now لنشر تطبيق Next.js بسهولة وسلاسة

يتم استدعاء Zeit الآنفيرسيل، وقد يكون هذا البرنامج التعليمي قديمًا

كيف ننشر تطبيق Next.js على خادم ويب حقيقي ، حتى يتمكن الآخرون من الوصول إليه؟

إحدى أبسط الطرق لنشر تطبيق Next هي من خلالحالياالمنصة التي أنشأتهاتسايت، وهي نفس الشركة التي أنشأت مشروع Open Source Next.js. يمكنك استخدام Now لنشر تطبيقات Node.js ومواقع الويب الثابتة وغير ذلك الكثير.

الآن يجعل عملية النشر والتوزيع للتطبيق بسيطة جدًا وسريعة للغاية ، بالإضافة إلى تطبيقات Node.js ، فهي تدعم أيضًا نشر Go و PHP و Python ولغات أخرى.

يمكنك التفكير في الأمر على أنه "السحابة" ، لأنك لا تعرف حقًا مكان نشر تطبيقك ، لكنك تعلم أنه سيكون لديك عنوان URL يمكنك الوصول إليه من خلاله.

الآن يمكنك بدء الاستخدام مجانًا ، مع خطة مجانية سخية تتضمن حاليًا 100 جيجابايت من الاستضافة ، 1000خادموظائف الدعوات في اليوم ، 1000 بناء شهريًا ، 100 جيجابايت من عرض النطاق الترددي شهريًا ، وواحدCDNموقعك. الصفحة التسعيريساعد في الحصول على فكرة عن التكاليف إذا كنت بحاجة إلى المزيد.

تثبيت

أفضل طريقة لبدء استخدام Now هي باستخدام Now CLI الرسمي:

npm install -g now

بمجرد توفر الأمر ، قم بتشغيل

now login

وسيطلب منك التطبيق بريدك الإلكتروني.

إذا لم تكن قد سجلت بالفعل ، قم بإنشاء حساب علىhttps://zeit.co/signupقبل المتابعة ، قم بإضافة بريدك الإلكتروني إلى عميل CLI.

بمجرد الانتهاء من ذلك ، قم بتشغيل المجلد الجذر لمشروع Next.js

now

وسيتم نشر التطبيق على الفور في سحابة Now ، وستحصل على عنوان URL الفريد للتطبيق:

بمجرد تشغيل ملفnowالبرنامج ، يتم نشر التطبيق إلى عنوان URL عشوائي ضمنnow.shنطاق.

يمكننا رؤية 3 عناوين URL مختلفة في الإخراج الوارد في الصورة:

لماذا هذا العدد الكبير؟

الأول هو عنوان URL الذي يحدد النشر. في كل مرة نقوم فيها بنشر التطبيق ، سيتغير عنوان URL هذا.

يمكنك الاختبار على الفور عن طريق تغيير شيء ما في كود المشروع وتشغيلهnowتكرارا:

لن يتغير عنوانا URL الآخران. الأول هو اسم عشوائي ، والثاني هو اسم مشروعك (والذي يتم تعيينه افتراضيًا على مجلد المشروع الحالي ، واسم حسابك ، ثمnow.sh).

إذا قمت بزيارة عنوان URL ، فسترى التطبيق تم نشره في الإنتاج.

يمكنك تكوين الآن لخدمة الموقع إلى المجال المخصص أو المجال الفرعي الخاص بك ، لكنني لن أتعمق في ذلك الآن.

الnow.shكافٍ لأغراض الاختبار لدينا.

تحميل مجانيكتيب Next.js


المزيد من البرامج التعليمية التالية: