ProvisioningをDocker Composeで完結させる

Created At: 2020.05.07 Updated At: 2023.04.17

Web Frontend 開発環境を Docker 化する記事やBFF(Web API)開発環境を Docker 化する記事に続いて「IaaS の Provisioning を Docker 化する」方法を考えてみました。

docker cargo-make

Web Frontend を Next.js + TypeScript で書いて Docker でビルドする

Created At: 2020.01.22 Updated At: 2023.04.17

「手っ取り早く Web インターフェースを手に入れる方法 2020」シリーズ(?)のBFF サンプルプロジェクト と同じように Web Frontend サンプルプロジェクトを作ってみました。

今回もプロジェクト構成やビルド方法の検証が主目的です。
そのためアプリケーション自体は Docker イメージを実行するとNext.jsの Web サーバーが起動しこんなページが表示されるだけのシンプルな機能しかありません。

❯ docker run -it --rm -p 3000:3000 b2ee27d0d01d

> @ start /app
> next start

> Ready on http://localhost:3000

typescript docker web-frontend nextjs jest test cargo-make

Web APIをTypeScriptで書いてDockerでビルドする

Created At: 2020.01.16 Updated At: 2023.04.17

「手っ取り早く Web インターフェースを手に入れる方法 2020」みたいなことを考えながら勉強のために BFF(Backend For Frontend) のサンプルプロジェクトを作ってみました。
ただしプロジェクト構成やビルド方法の検証が主なので BFF に特化した機能はなく、実行すると Express が起動してコンソールログが表示されるだけのアプリケーションです。

❯ docker run -it --rm 19472c5d8df4
💽 Loaded the configuration: version: 2020.1.0-default, baseVersion: 2020.1.0-default
⚡ App is running at :4000 in production mode
  Press CTRL-C to stop

typescript docker web-api cargo-make