Nextjs + Laravel + Mysqlの開発環境テンプレート
- NextjsをLocal、Laravel + MysqlをDockerにて開発 ->
$ make init
- Nextjs + Laravel + MysqlをDockerにて開発 ->
$ make init-docker
meke init の処理内容(make init-dockerもnextjsの起動をdockerかlocalかの違いのみです)
- cp .env.example .env -> ルートディレクトの.env.exampleから.env複製(DB接続情報と各コンテナport)
- cp ./next/.env.example.local ./next/.env -> nextjsの.env.example.localから.env複製(クライアントとサーバーサイドのエンドポイント)
- docker-compose -f docker-compose.local.yml up -d --build -> 各コンテナビルド
- docker-compose exec laravel composer install -> laravel依存関係インストール
- docker-compose exec laravel cp .env.example .env -> laravelの.env.exampleから.env複製
- docker-compose exec laravel php artisan key:generate -> laravelのAPIキー作成
- docker-compose exec laravel chmod -R 777 storage bootstrap/cache -> laravelの権限変更(ログ出力など)
- @make cache -> laravelのキャッシュクリア
- @make fresh -> laravelのmigrationとseeding実行
- cd next && yarn && yarn dev -> nextjsの依存関係インストールしてローカルで起動
下記のコンテナ4つが立ち上がる(make initの場合はnextを除く3つ)。
- version : 13
- https://localhost:3000/
- version : 9
- https://localhost:8080/