SPA×モノリポ構成での継続的デプロイ実装 - 完全自動化に向けた取り組み

はじめに 本記事では、SPA（Single Page Application）のプロダクト(モノリポ構成)において、デプロイ自動化を行なったのでその実装事例をご紹介したいと思います。 複数のコンポーネントが存在する構成で全ての要素のデプロイを完全に自動化しつつ、ダウンタイムが発生しないようデプロイ順序も制御する必要がありましたが、あまり参考になる記事が無かったので、どのような構成で解決したかご紹介出来ればと思います。 複数要素のデプロイ自動化とデプロイ順序の制御を考える上で１つの選択肢として参考になれば幸いです。 前提 プロダクトの構成 弊社では以下の技術スタックでSaaSプロダクトを開発しています。 技術スタック フロントエンド: Vue.js 3、TypeScript バックエンドAPI: Node.js、NestJS、TypeScript バッチ処理: Node.js、TypeScr