Next.js × Laravel の環境構築

前提

• M1Mac対応
• Intel製チップMacの場合は.docker/db/Dockerfileを以下の通り修正
• Windowsでの動作確認は行っていない

- FROM --platform=linux/x86_64 mysql:8.0
+ FROM mysql:8.0

ENV TZ=UTC

COPY my.cnf /etc/my.cnf

コンテナ起動

docker-compose up -d --build

Laravelインストール

docker-compose exec api composer create-project laravel/laravel .

apiディレクトリ内にLaravelがインストールされる

localhost:80にアクセスするとLaravelのウェルカムページが表示される

Next.jsインストール

docker-compose exec front yarn create next-app  --typescript .

# 開発用サーバー起動
docker-compose exec front yarn dev

frontディレクトリ内にNext.jsがインストールされる

localhost:3000にアクセスするとNext.jsのウェルカムページが表示される

開発用サーバーの停止はcontrol + c