Dockerで、Next.jsの開発環境を素早く構築する

概要

Docker、Next.js初心者の自分用にメモ

前提

• Githubアカウントを持っていること
• PCにDockerがインストールされていること

手順

• 以下のリポジトリをtemplateとして新規リポジトリを作成する
  https://github.com/mizu0715/docker-next.js
• ローカルの任意の場所でgit cloneする
• docker-compose.ymlがあるディレクトリに移動
• コマンド実行

/hgoehoge$ docker-compose up -d

• もう一つシェルを起動し、以下の順に実行

# コンテナの中に入る
/app# docker-compose exec app bash 
# src/package.jsonの内容で、パッケージを追加
/app# yarn 

• 開発モードでNext.js実行

yarn dev

まとめ

これで、ローカル開発環境は素早く構築することが可能です。
あとは、必要に応じてyarn addして、欲しいライブラリをインストールすることで機能拡張も容易になります