Introduction
Guidelines
Separate source

Separate source

.env.local
# REACT_APP_EDITOR=atom
 
# ## Test api live
# NEXT_PUBLIC_REACT_APP_CLIENT_API="https://webmomoapi.momo.vn/api"
# REACT_APP_NEXTJS_API="https://webmomoapi.momo.vn/api"
 
# ## Test api demo
# NEXT_PUBLIC_REACT_APP_CLIENT_API="https://dev1.momo.vn:3001/api"
# REACT_APP_NEXTJS_API="https://dev1.momo.vn:3001/api"
 
# ## Test api k8s
# Public api
# NEXT_PUBLIC_REACT_APP_CLIENT_API="https://aws.mservice.com.vn/momovn-api/public"
 
NEXT_PUBLIC_REACT_APP_CLIENT_API="https://sa.dev.mservice.io/momovn-api/api"
REACT_APP_NEXTJS_API="https://sa.dev.mservice.io/momovn-api/api"
 
NEXT_PUBLIC_REACT_APP_FRONT_END="http://localhost:3000"

Source tham khảo : https://gitlab.mservice.com.vn/momo.vn/momo-web-cinema (opens in a new tab)

Checklist

  1. Checkout từ live-k8s-template
  2. Xóa /momo-web-frontend và /skaffold.yaml
  3. Xóa các page không liên quan đến project của mình (Các page phải giữ lại: /api/200, /api/revalidate, /_app, /_document, /healthz, /ready, /404)
  4. Di chuyển các page thuộc project của mình ra /pages
  5. .env-cmdrc: NEXT_PUBLIC_REACT_APP_BASE_PATH
  6. Request BE lấy Axios X-Project --> điều chỉnh X-Project trong axios.js
  7. Rà soát các api call ở client để request BE public api
  8. getStaticPaths -> []
  9. getStaticProps cho các static url (trừ /healthz, /ready, /404)
  10. Thêm thời gian revalidate đầu tiên cho page "/"
  11. src/pages/api/revalidate.js (* Chỉ cho các static url dùng getStaticProps)
  12. package.json: field "revalidate"
  13. Sau khi có public api: thay đổi url public api trong env.local để test public api
  14. Build thử ở local và test: yarn k8s-local
UX Writing PrinciplesComponents props name rule