今回Nextjs×Laravelでポートフォリををアップデートしたので、備忘録も兼ねて。

Laravelをインストール

まずはLaravelをインストール。

laravel new next-backend

または

composer create-project --prefer-dist laravel/laravel my-project

Laravel コマンドが使えないときは、Composer でインストールする。

今回はフロントエンドに breeze-next を使用するため、Starter Kit は none を選択する。

Laravel Breezeをインストールする

※laravel- breezeはLaravelの「認証機能一式」を提供するスキャフォールドパッケージ。

composer require laravel/breeze --dev

フロントエンドは React や Vue から選べるが、今回は Next.js を使うので api を選択。

php artisan breeze:install api

php artisan migrate

フロントエンド用の breeze-next をクローンする。
フォルダ名はデフォルトで breeze-next だが、今回は front に変更。

git clone https://github.com/laravel/breeze-next.git front

front フォルダ内の .env.example をコピーして .env.local にリネーム。

npm install
npm run dev

php artisan serve

このとき表示されている画面は、Laravel 側で Blade を表示しているのではなく、breeze-next で作成した front 側の view が表示されている。

次回は認証関連を紹介しようと思います。