heroku nextjs
Nginx buildpack, Next 13 & React 18
نشر تطبيقات الويب العالمية المستندة إلى React على Heroku.
النشر التجريبي من هذا الريبو:
https://nextjs.herokuapp.com
يتم دعم عقدة مخصصة/خادم Express . استخدمه إلى:
بمجرد أن يكون لديك تطبيق التالي يعمل محليًا ، يمكنك نشره للوصول العام.
قم بمراجعة البرنامج النصي لـ npm start لتعيين منفذ مستمع الويب $PORT :
دمج هذا الإدخال في package.json :
{
"scripts" : {
"dev" : " next " ,
"build" : " next build " ,
"start" : " next start -p $PORT "
}
} ️ في مارس 2019 ، بدأ Heroku في تشغيل npm run build تلقائيًا ، وبالتالي لم يعد إدخال البرنامج النصي القديم heroku-postbuild مطلوبًا.
تأكد من أن التطبيق هو ريبو بالجيت ، وتجاهل الدلائل المحلية فقط:
git init
(echo node_modules/ && echo .next/) >> .gitignoreإنشاء تطبيق Heroku:
heroku create $APP_NAMEنشر:
git add .
git commit -m ' Next.js app on Heroku '
git push heroku main ️ اعتبارًا من يوليو 2020 ، يدعم Heroku git push heroku main ويشجع استخدامه. سيبقى دعم اسم فرع "Master" متاحًا للتوافق مع الورق.
♻ نشر التغييرات: إضافة ، ارتكاب ، ودفع مرة أخرى.
يدعم التالي نفسه تكوين Build & Runtime من خلال ملف Next.config.js.
استخدم متغيرات البيئة (Heroku Config Vars) ضمن مكونات React الخاصة بك ، لا توجد عمليات إعادة البناء المطلوبة! ما عليك سوى تعيين قيم next.config.js من بيئة الخادم باستخدام كائن process.env .
