deploy frontend to k8s cluster

[koshuang]

Requirements

需要把前端程式用 Docker 打包後，image 丟到 AWS ECR，再透過 k8s 佈署。

實作

• 加入 Dockerfile ，透過 multistage 打包 image
• 重構原本的 tools 結構，把他改成跟 laravel-starter 一樣，分為 vm-based 與 container-based
• 新增 k8s deployment & service
• 因為正常情況下，環境變數在 build time 會綁定到bundle 裡。透過 nextjs runtime config 解決此問題，讓 nextjs runtime 再去取透過 k8s config-map 設 定的環境變數
• 瘦身 image size from 200 mb to 150 mb
  • build 完後，再次執行 yarn install --production 可以保留 production 所需要的 modules，
• CircleCI 自動 Deploy

  TODO

• 未來可以考慮在用 pkg 的方式打包，可以再節省 image 大小
• 未來也可以考慮是否要用 pm2 在 container 裡執行

  References

  • https://byteunits.com/nextjs-deployment-with-pkg-and-docker/
  • https://kubernetes.github.io/ingress-nginx/deploy/#tls-termination-in-aws-load-balancer-elb
  • fix environment variable issue: https://medium.com/@raajeew/nextjs-application-environment-variables-issue-on-kubernetes-b2b885704a26
  • https://medium.com/@raajeew/nextjs-application-environment-variables-issue-on-kubernetes-b2b885704a26