Next.jsアプリを作るためのローカル環境構築

ローカル環境構築は？

• ローカルDockerのNodeコンテナでサンプルアプリを動かす

ホスト側ディレクトリ構成

• ServiceName
  • docker
    • docker-compose.yml
  • next
    • app
    • public
    • package.json

docker-compose.yml

services:
  node:
    image: node:18
    container_name: node
    volumes:
      - ../next:/home/node/app
    working_dir: /home/node/app
    user:
      node
    ports:
      - 3000:3000
    entrypoint: tail -f /dev/null

git clone してくる

• ServiceNameディレクトリ直下へnextという名前でアプリケーションリポジトリをcloneしてくる

コンテナ起動

docker compose up -d

コンテナログイン

docker compose exec --user node node bash

パッケージインストール

ホスト側からの場合

docker compose exec --user node node yarn install

コンテナログイン後の場合

yarn install

Nextアプリ起動

ホスト側からの場合

docker compose exec --user node node yarn dev

コンテナログイン後の場合

yarn dev