ربط واجهات مشروع react و node.js

يمكنك ربط React الواجهة الأمامية بال NodeJS الواجهة الخلفية من خلال API.

وبالنسبة للاستضافة يمنكنك أستخدام الاستضافة المجانية Render (لأن Heroku لم يعد مجاني) يمكنك معرفة كيفية رفع مشروعك علي Render من خلال هذه المقالة.

وبالنسبة لقاعدة البيانات يمكنك أستخدام قاعدة بيانات المجانية MongoDB Atlas.

الفيديو التالي يشرح الامر :

ستحتاج ان تملك ملف public يقوم بتقديم الملفات الثابتة ويمكنك اعداده كالتالي :

app.use(express.static(path.join(__dirname, 'public')));

ثم ستقوم بعمل build لتطبيق الـ react ثم  تضعه الملفات الناتجة في ملف الـ public الخاص بسيرفر الـ node.

بحيث يكون ملف الـ index.js النتاج موجود داخل المجلد public مباشرةً.

ملاحظة : Heroku لم يعد مجانياً بعد الآن