Thuta Learning
ရှာဖွေရန်
AdvancedWeb Developmentintermediate

Vercel သို့ Production Deployment

စိတ်လျှော့ပါ။ ဒီခန်းကို စာအုပ်လိုမဟုတ်ဘဲ စကားပြောသလိုပဲ၊ နားလည်လွယ်အောင် ရှင်းပါမယ်။

ဒီခန်းပြီးရင် ဘာတတ်သွားမလဲ

  • Git-based deployment flow ကို နားလည်ရန်
  • Preview နှင့် production environment ခွဲရန်
  • Domain၊ logs နှင့် rollback ကို စစ်ရန်

Deploy ဆိုတာ command တစ်ကြောင်းအောင်မြင်တာတင်မဟုတ်ပါဘူး။ ဘယ် commit တင်ထားလဲ၊ ဘယ် environment variables သုံးလဲ၊ error တက်ရင် ဘယ် version ပြန်သွားမလဲဆိုတာပါ သိထားရပါတယ်။

နားလည်ထားရမယ့် အချက်

Next.js ကိုဖန်တီးသူ Vercel ပေါ်မှာ GitHub၊ GitLab သို့မဟုတ် Bitbucket repository import လုပ်နိုင်ပါတယ်။ Pull request တိုင်း preview URL ရပြီး main branch ကို production deployment သတ်မှတ်နိုင်ပါတယ်။ Secret တွေကို dashboard environment variables ထဲထည့်ပြီး preview၊ production တန်ဖိုးခွဲပါ။ Deploy ပြီး domain၊ HTTPS၊ logs၊ function region၊ database connection နဲ့ smoke tests ကိုစစ်ပါ။

အတူတူ စမ်းရေးကြည့်မယ်

bash
git add .
git commit -m "Build Myanmar Notes"
git push origin main

# Vercel dashboard
# 1. New Project → Import repository
# 2. Environment Variables ထည့်ပါ
# 3. Deploy နှိပ်ပါ
# 4. Production URL တွင် smoke test လုပ်ပါ

Code က ဘယ်လိုအလုပ်လုပ်သလဲ

Code ကို remote repository ဆီ push ပြီး Vercel dashboard မှ New Project ဖြင့် import လုပ်ပါ။ Framework ကိုအလိုအလျောက်သိနိုင်ပေမယ့် monorepo ဆို root directory ကိုမှန်အောင်ရွေးပါ။ Environment variables ထည့်ပြီး Deploy လုပ်ကာ production URL ကိုစစ်ပါ။

You should see
HTTPS ပါသော production URL နှင့် commit တိုင်းအတွက် preview deployment workflow ရရှိမည်။

၅ မိနစ် စမ်းကြည့်

Preview environment မှာ test database၊ production environment မှာ production database သုံးမယ့် variable mapping ကို စာရင်းလုပ်ပါ။

Next.js — DeployingNext.js

ဒီနေရာမှာ လူအများမှားတတ်တယ်

  • Preview deployment ကို production database နဲ့ချိတ်ခြင်း
  • Deploy အောင်မြင်တာနဲ့ user flow မစမ်းဘဲ ပြီးပြီဟုယူဆခြင်း

လေ့ကျင့်ခန်း

Preview environment မှာ test database၊ production environment မှာ production database သုံးမယ့် variable mapping ကို စာရင်းလုပ်ပါ။

You'll know it worked when: HTTPS ပါသော production URL နှင့် commit တိုင်းအတွက် preview deployment workflow ရရှိမည်။

Vercel သို့ Production Deployment | Thuta Learning