Gatsbyブログの開発環境をDockerへ対応した

2021.07.29

こんにちは。久々の投稿です。

Gatsby製のブログの開発環境が色んな案件のnodeのversionが異なるので
環境を整理する為にDockerにしました。

ブログで検索したら既に色々な情報が出てたので比較的に簡単にできました。

Dockerfile

FROM node:16-alpine3.12
WORKDIR /home/node/app
RUN apk update && \
    apk add git yarn build-base autoconf automake libtool pkgconfig nasm && \
    yarn global add gatsby-cli && \
    gatsby options set package-manager yarn
EXPOSE 8000 9000

docker-compose.yml

version: "3.7"
services:
  dev:
    build:
      context: .
      dockerfile: Dockerfile
    container_name: gatsby
    ports:
      - "8000:8000"
      - "9000:9000"
    volumes:
      - .:/home/node/app
    environment:
      - NODE_ENV=development
    tty: true
    stdin_open: true

起動

docker-compose up -d --build

シェルにアクセスする

docker exec -it gatsby sh
yarn install
gatsby develop --host 0.0.0.0

http://localhost:8000 へアクセスしたら表示されたと思います。
ではでは。