🐾

Laravel10/Filament v3/livewire v3の開発環境を構築する

2024/01/12に公開

livewire

laravel10

filament3

tech

Laravel10/Filament v3/livewire v3の開発環境を構成するアプリケーションの開発環境をDocker上で構築する方法をまとめておきます。

各バージョンの紹介

Laravel10
Filament v3
livewire v3

Dockerの準備

以下の手順でDocker環境を構築してください
https://laradock.io/

コンテナの起動

今回は、nginx postgres pgadminを使用します。

sudo docker compose up -d nginx postgres pgadmin

コンテナの中に入る

docker compose exec workspace bash

composer 更新

composer install

composer update

Laravel10/Filament v3/livewire v3のインストール

composer create-project laravel/laravel .
composer require livewire/livewire:^3.0
composer require filament/filament:"^3.1" -W

マイグレーション

php artisan migrate

※マイグレーションエラーが表示されている場合、envファイルが間違っていること可能性が高いので確認しましょう。
以下、参考例：

DB_CONNECTION=pgsql
DB_HOST=postgres
DB_PORT=5432
DB_DATABASE=default
DB_USERNAME=default
DB_PASSWORD=secret

filamentのパネルビルダーのインストール

php artisan filament:install --panels

管理画面用のユーザー作成

php artisan make:filament-user

┌ Name ────────────────────────────────────────────────────────┐
│ [任意の名前]                                                  │
└──────────────────────────────────────────────────────────────┘

┌ Email address ───────────────────────────────────────────────┐
│ [任意のパスワード]                                               │
└──────────────────────────────────────────────────────────────┘

┌ Password ────────────────────────────────────────────────────┐
│ ••••••••                                                     │
└──────────────────────────────────────────────────────────────┘

   INFO  Success! shimamatz@gmail.com may now log in at http://localhost/admin/login.