HOME/Articles/

Dockerを使ってGatsbyjsの環境作成

Article Outline

モダンな開発環境とは

WEB+DB PRESS Vol. 118にてリモートでのアプリケーション開発についての記事がありました。モダンな開発環境を整えることでリモートでも開発体験を上げることができます。

今回はDockerを用いてアプリケーションの開発環境を構築してモダンな開発環境の整備に取り組みたいと思います。

Dockerを用いる利点

Dockerを用いることで

  • バージョンの統一
  • 手順書での手作業が不要

などの利点があります。

今回作成したコンテナには

  • node:14.17.5
  • git
  • gatsby-cli

が含まれています。

リポジトリの使い方

前提環境: Dockerインストール済みのPC

リポジトリのリンク

READMEに沿って作業します。

  1. クローンする
git clone [email protected]:FukeKazki/gatsby-docker.git
  1. セットアップスクリプトを実行する
./bin/bootstrap.sh
  1. コンテナ内に入る
docker exec -it gatsby bash
  1. devサーバーを立ち上げる
npm run develop