Nuxt.js + Laravel（API）のDocker開発環境構サンプル
| 名称 | バージョン |
|---|---|
| Nginx | 1.19 |
| MySQL | 8.0 |
| PHP | 7.4 |
| Node.js | 14.17 |
| Nuxt.js | 2.x |
| Laravel | 7.30.4 |
| Xdebug | 3.x |
| Composer | 2.0.14 |
.env.exampleをコピーして.envを作成します。
.envの各値は適宜変更してください。（特にNGINX_PORT、DB_PORT）
$ docker-compose up -d --build
下記のコマンドでNuxtプロジェクトを作成します。 ./frontというディレクトリにNuxtプロジェクトが一式準備されます。
$ docker-compose exec front yarn create nuxt-app ./
通常、下記コマンドで常時ビルドするようにしますが、本環境では.docker/front/entrypoint.shにビルドコマンドを追記しているので、コンテナ起動中は常にビルドされます。よって、下記コマンド実行は不要です。
$ docker-compose exec front yarn dev
下記のコマンドでLaravel7.xプロジェクトを作成します。 ./apiディレクトリにLaravelプロジェクトが一式が準備されます。
$docker-compose exec api composer create-project --prefer-dist laravel/laravel ./ "7.*"
- トップページ：http://localhost:80
- API：http://localhost:80/api
- Swagger UI：http://localhost:8082/
- docker-composeを利用して同一リポジトリでNuxt(web) + Laravel(API)な開発環境を準備する
- DockerとXdebug3を使ってVSCodeでLaravelのデバッグをする
- 【Docker/Laravel6】Xdebug3を使ってデバックをする方法（VSCode）
- php-alpineコンテナにxdebugをインストールする時にハマったメモ
- Laradock使わないでdocker-composeでnginx,laravel(php-fpm),mysql,redis,swaggerの開発環境を整える