| كيف تتجنب الأخطاء الشائعة عند رفع مشروعك على Vercel |
كيف تقوم برفع مشروعك في Node.js علي Vercel بابسط الطرق
إذا كنت مطورًا وتبحث عن طريقة سهلة وفعّالة لنشر مشروع Node.js الخاص بك على الإنترنت، فإن Vercel هي واحدة من أفضل المنصات التي يمكنك الاعتماد عليها. سواء كنت تستخدم مكتبة Vercel مباشرة أو تدمج مشروعك مع GitHub، فإن هذا الدليل الشامل سيأخذك خطوة بخطوة لرفع تطبيقك بنجاح
ما هو Vercel ولماذا نستخدمه لمشاريع Node.js؟
Vercel هي منصة نشر حديثة مصممة لتسهيل عملية نشر تطبيقات الويب، بما في ذلك مشاريع Node.js. تتميز بسهولة الاستخدام، دعم النشر التلقائي، إدارة النطاقات المخصصة، وتوفير بيئة إنتاجية قوية. بالإضافة إلى ذلك، تدعم Vercel التكامل مع GitHub، مما يجعل عملية النشر مستمرة (Continuous Deployment) بمجرد تحديث الكود.
لماذا تختار Vercel لمشاريع Node.js؟
• دعم كامل لـ Node.js: يمكنك تشغيل تطبيقات Express.js وغيرها بسهولة.
• نشر مجاني: خطة مجانية قوية تناسب المشاريع الصغيرة والمتوسطة.
• تحسين الأداء: تضمن Vercel سرعة التحميل بفضل شبكة CDN العالمية.
• إدارة بسيطة: واجهة مستخدم سهلة وأدوات CLI متطورة.
لماذا Vercel وNode.js؟ الثنائي الذي سيجعل مشروعك يطير!
Vercel هي منصة استضافة حديثة مصممة لتبسيط نشر التطبيقات، وNode.js هو بيئة تشغيل قوية لتطوير تطبيقات الويب السريعة والقابلة للتوسع. عندما تجمع بينهما، تحصل على أداء مذهل وتجربة نشر سلسة.
الخطوة الأولى: جهز مشروع Node.js الخاص بك للإقلاع على Vercel!
قبل رفع مشروعك، تأكد من أن بيئة Node.js الخاصة بك جاهزة. إليك ما تحتاجه:
1 هيكلة المشروع: تأكد من أن ملف package.json يحتوي على الأوامر الصحيحة مثل “start” و”build”.
2 إعدادات السيرفر: إذا كنت تستخدم Express.js، قم بتهيئة السيرفر للعمل مع Vercel عبر ملف vercel.json.
3 اختبار محلي: شغّل المشروع محليًا باستخدام npm start للتأكد من خلوه من الأخطاء.
كيف ترفع مشروعك على Vercel في 5 دقائق فقط؟ سر الصاروخ الذي لم يخبرك به أحد!
رفع مشروعك على Vercel أسهل مما تتخيل:
1 سجل في Vercel: إنشاء حساب مجاني سريع وسهل.
2 ربط المشروع بـ Git: قم بربط مستودع GitHub أو GitLab الخاص بك.
3 استيراد المشروع: اختر المشروع من القائمة، واضبط إعدادات Node.js (مثل إصدار Node).
4 اضغط “Deploy”: بضغطة زر، سيقوم Vercel ببناء مشروعك ونشره تلقائيًا.
إعداد مشروع Node.js للنشر على Vercel بدون GitHub
قبل رفع مشروعك، تحتاج إلى التأكد من أن كل شيء جاهز للنشر. إليك الخطوات الأساسية
قم بانشاء ملف باسم vercel.json وقم بوضع الكود التالي داخله
{
"version": 2,
"builds": [
{
"src": "./main.js",
"use": "@vercel/node"
}
],
"routes": [
{
"src": "/(.*)",
"dest": "/main.js"
}
]
}قم بتغيير اسم main.js الي اسم المشروع الخاص بك وانتقل ال package.json وتاكد من اضافه engines وايضا main يكون اسم الملف الذي سوف ينطلق منه مشروعك وايضا scriptssd
"description": "",
"main": "main.js",
"scripts": {
"start": "node main.js",
"dev": "nodemon main.js"
},
"keywords": [],
"author": "",
"engines": {
"node": "^20.18.0"
},اذا كنت تستخدم useNewUrlParser و useUnifiedTopology في mongoose قم بازالتهم حتي لا يحدث معك مشاكل لصبح بالشكل التالي
const mongoose = require('mongoose')
require('dotenv').config();
const express = require('express')
mongoose
.connect(process.env.MONGO_LINK, {
useNewUrlParser: true,
useUnifiedTopology: true,
})
.then(() => {
console.log("DB Connected");
})
.catch((err) => console.log(err));
واخيرا اذا كنت تستخدم مكتبه bcrypt قم باستبدالها بمكتبه bcryptjs لانها المتوافقه مع vercel
بعد الانتهاء من كل السابق قم بكتابه في Terminal النص التالي حتي تقوم بتثبيت المكتبات الخاصه بي vercel
Npm Install -g verbal
بعد الانتهاء قم بكتابه vercel
وبعدها سوف يخبرك بانه سقوم باعدادات الاعدادات الرئيسيه للرفع اكتب Y
واختر المشروع
وفي link existing project اكتب N
واسم المشروع سوف يقوم هو بكتابته يمكنك النقر علي enter للتخطي
سوف يقوم بالرفع وبعد الانتهاء اكتب vercel —prod
حتي يتم رفع المشروع علي production
وبعدها سوف تجد المشروع لديك يمكنك الحصول علي الرابط لكي تقوم باستعماله بدون مشاكل
