ホーム > React > Gatsby.js + Dockerでローカルサーバーのコマンドがめんどくさい時
React

Gatsby.js + Dockerでローカルサーバーのコマンドがめんどくさい時

いつもご利用ありがとうございます。
この記事には広告が掲載されており、その広告費によって運営しています。

目次

  1. 結論
  2. 背景
  3. CMD の書き方
  4. ビルドし直さないといけない時
  5. まとめ
オススメ本

Gatsby.js + Docker でローカルサーバーのコマンドがめんどくさい時の設定について書きました。

結論

FROM node:20-alpine
WORKDIR /home/node/app
RUN apk update && \
    apk add git yarn build-base autoconf automake libtool pkgconfig nasm && \
    npm install -g gatsby-cli
EXPOSE 8000 9000

CMD ["gatsby", "develop","--host=0.0.0.0"]

背景

これまでずっとコンテナに入ってローカルサーバー立てるコマンドを打っていたのですが、

docker compose exec app sh
gatsby develop --host=0.0.0.0

２回もコマンド打つのがめんどくさくて改良しました。

CMD の書き方

CMD ["gatsby", "develop","--host=0.0.0.0"]

と書くようです。

CMD ["gatsby", "develop --host=0.0.0.0"]

と書いたらダメでした。

オプションごとに配列で書くみたいです。覚えることたくさん！

ビルドし直さないといけない時

Gatsby.js はビルドし直さないといけないときが多々ありますが、このときは docker down させてます。

docker compose down
docker compose up -d

ビルド中のログは Docker Desktop のログで確認できます。

まとめ

メリットデメリットありますが、しばらくこれで運用してみようと思います。

ローカルサーバー立てて放置しておける環境だとあまり効果ないと思いますが１日一回とか起動してるパターンだと毎日 10 秒ずつくらい得をするかもしれない（諸説あり）

毎回コンテナ入ってローカルサーバー立てるのに違和感があったのでまぁ良いかなという感じです。