https://github.com/shimotaroo/docker-nextjs-laravel-sample
Next.js×Laravel APIのDocker環境（簡易版）
https://github.com/shimotaroo/docker-nextjs-laravel-sample
docker docker-compose laravel nextjs
Last synced: about 1 year ago
JSON representation
Next.js×Laravel APIのDocker環境（簡易版）
- Host: GitHub
- URL: https://github.com/shimotaroo/docker-nextjs-laravel-sample
- Owner: shimotaroo
- Created: 2021-10-15T11:00:09.000Z (over 4 years ago)
- Default Branch: main
- Last Pushed: 2021-10-15T11:06:19.000Z (over 4 years ago)
- Last Synced: 2025-03-25T18:45:14.700Z (about 1 year ago)
- Topics: docker, docker-compose, laravel, nextjs
- Language: Dockerfile
- Homepage:
- Size: 5.86 KB
- Stars: 13
- Watchers: 1
- Forks: 1
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
Awesome Lists containing this project
README
# Next.js × Laravel の環境構築
## 前提
- M1Mac対応
- Intel製チップMacの場合は`.docker/db/Dockerfile`を以下の通り修正
- Windowsでの動作確認は行っていない
```diff
- FROM --platform=linux/x86_64 mysql:8.0
+ FROM mysql:8.0
ENV TZ=UTC
COPY my.cnf /etc/my.cnf
```
## コンテナ起動
```sh
docker-compose up -d --build
```
## Laravelインストール
```sh
docker-compose exec api composer create-project laravel/laravel .
```
`api`ディレクトリ内にLaravelがインストールされる
`localhost:80`にアクセスするとLaravelのウェルカムページが表示される
## Next.jsインストール
```sh
docker-compose exec front yarn create next-app --typescript .
# 開発用サーバー起動
docker-compose exec front yarn dev
```
`front`ディレクトリ内にNext.jsがインストールされる
`localhost:3000`にアクセスするとNext.jsのウェルカムページが表示される
開発用サーバーの停止は`control + c`