Deploy an Express API on Vercel ( using Vercel CLI & without using CLI ).

Deploy an Express API on Vercel.

এখানে দুভাবে vercel এ Express API deploy দেখানো হয়েছে। একটি without CLI অন্যটি Vercel CLI ব্যবহার করা হয়েছে।

প্রথমে without CLI ব্যবহার করে দেখানো হলো-

( How to deploy Express API without using vercel CLI )

Express API Vercel (without using CLI)-এ ডিপ্লয় করতে নিচের স্টেপ গুলো ফলো করুন।

১। Express API Vercel-এ ডিপ্লয় করার জন্য প্রথমে Vercel ( https://vercel.com/ ) এ একটি একাউন্ট খুলতে হবে। এখানে sign up করতে GitHub, GitLab or Bitbucket একাউন্ট অবশ্যই ব্যবহার করবেন।

২। আপনার Express API টি export করুন। index.js file এর শেষে নিচের লাইনটি লিখে দিন। তাহলে export হয়ে যাবে।

module.exports = app;

৩। আপনার প্রজেক্টে vercel.json নামে একটি ফাইল তৈরী করুন এবং সেখানের নিচের কোড গুলো লিখে দিন।

{
      "version": 2,
      "builds": [
    {
      "src": "index.js",
      "use": "@now/node"
    }
   ],
   "routes": [
  {
    "src": "/(.*)",
    "dest": "index.js"
  }
 ]
}

৪। আপনার গিঠাহাবে প্রজেক্টটি পুশ করে দিন।

৫। তারপর https://vercel.com/dashboard এই লিঙ্কে গিয়ে New Project বাটনে ক্লিক করুন।

Click on New Project Button

৬। New Project Button এ ক্লিক করার পর নিচের ছবির মতো একটি অপশন দেখতে পাবেন। সেখান থেকে রিপোজিটোরি সিলেক্ট করুন এবং Import বাটনে ক্লিক করুন।

Select your repository and click on Import Button.

৭। Import বাটনে এ ক্লিক করার পর নিচের ছবির মতো একটি অপশন দেখতে পাবেন। এখানে Environment Variable এ ক্লিক করে Environment Variable সেট করে দিন।

Click on Environment Variable and set Environment Variable.

৮। Environment Variable সেট করা হয়ে গেলে Deploy বাটনে ক্লিক করে দিন।

Click on Deploy Button

৯। ডিপ্লয় হয়ে গেলে Go to Dashboard বাটনে ক্লিক করুন এবং সেখানে আপনার ডিপ্লয় করে প্রজেক্টি দেখতে পাবেন।

Cick on Go to Dashboard

১০। আপনার প্রজেক্টের উপর ক্লিক করে Visit বাটনে ক্লিক করলে base url টি পেয়ে যাবেন।

Select your project

Click on Visit Button

এখন আমরা দেখবো কিভাবে Vercel CLI ব্যবহার করে Express API ডিপ্লয় করতে পারি।

( How to deploy Express API using Vercel CLI )

CLI ব্যবহার করে ডিপ্লয় করতে হলে আমাদের প্রথমে vercel install করতে হবে।Vercel Download and Install করতে নিচের কমান্ড দিতে হবে।

npm i -g vercel
or,
yarn global add vercel

Install করার পর নিচের কমান্ড দিয়ে ভার্সন চেক করতে পারেন।

vercel --version

(আপনাকে অবশ্যই vercel.com এ গিটহাব ব্যবহার করে একটি একাউন্ট খুলে নিতে হবে।)

এখন vercel এ login করার জন্য নিচের কমান্ডটি দিন।

vercel login

এরপর কিছু অপশন দেখতে পাবেন। সেখান থেকে Continue with GitHub select করুন এবং অল্প কিছু সময় পর আপনার ব্রাউজার ও টার্মিনালে Authentication/Login Success Message দেখতে পাবেন।

Select Continue with GitHub

আপনার প্রজেক্টে vercel.json নামে একটি ফাইল তৈরী করুন এবং সেখানের নিচের কোড গুলো লিখে দিন।

{
        "version": 2,
        "builds": [{
             "src": "./index.js",
             "use": "@vercel/node"
       }],
       "routes": [{
             "src": "/(.*)",
             "dest": "/"
     }]
}

GitHub এ কোড পুশ করে দিন এবং Deploy এর জন্য নিচের কমান্ডটি দিন।

vercel

এরপর নিচের মতো কিছু অপশন আসবে এবং নিচের instruction follow করে কমান্ড দিন।

Vercel CLI 28.4.12
? Set up and deploy “G:\New folder (4)\test-server”? [Y/n] y
? Which scope do you want to deploy to? fahimahammed
? Link to existing project? [y/N] n
? What’s your project’s name? test-server
? In which directory is your code located? ./
🔗  Linked to fahimahammed/test-server (created .vercel)
🔍  Inspect: https://vercel.com/fahimahammed/test-server/9kmrE32XumTGY29YGcArsUVTPRkQ [4s]
✅  Production: https://test-server.vercel.app [20s]
📝  Deployed to production. Run `vercel --prod` to overwrite later (https://vercel.link/2F).
💡  To change the domain or build command, go to https://vercel.com/fahimahammed/test-server/settings

এখন production ডিপ্লয়ের জন্য নিচের কমান্ড দিন।

vercel --prod

টার্মিনালে production link দেখতে পাবেন। সেই লিঙ্কটি আপনার server এর base url যেটি আপনি API link হিসেবে ব্যবহার করতে পারবেন।

যদি আপনার প্রজেক্টে কোন environment variable থাকে তাহলে সে variable গুলো সেট করার জন্য https://vercel.com/dashboard এই লিঙ্কে গিয়ে আপনার প্রজেক্টটি সিলেক্ট করুন। তারপর settings থেকে Environment Variables এ ক্লিক করুন। তারপর সেখানে env variable set করার অপশন পাবেন সেখান থেকে এড করে নিন।

এখানে কিছু বিষয় লক্ষ্যনীয়ঃ

১। আপনার সার্ভারের root file এর নাম index.js হতে হবে। (এখানে আমরা কনফিগারেশনে index.js সেট করে দিয়েছি ) index.js file টি প্রজেক্টের root folder এ থাকতে হবে।

২। প্রজেক্টের root folder এ vercel.json ফাইলটি থাকতে হবে।

Thank you.