Home Arrow Icon Knowledge base Arrow Icon Global Arrow Icon フロントエンドでのLaravel Filamentの使用


フロントエンドでのLaravel Filamentの使用


Filament は主に Laravel の管理パネル ツールキットとして設計されていますが、場合によってはユーザー向けフロントエンドの構築にも使用できます。重要なポイントは次のとおりです。

- Filament は、Laravel アプリの管理パネルと CRUD インターフェイスを簡単に構築できるツールとコンポーネントのセットを提供します[1][2]。 Laravel と Livewire の上に位置します。

- 「フロントエンドとしてのバックエンド」アーキテクチャ パターンには、アプリ全体のメイン ユーザー インターフェイスとして管理ダッシュボードを使用し、管理スペースとユーザー スペースを融合することが含まれます[2]。これは、管理フローとユーザー フローがよく似ているアプリではうまく機能します。

- 一部の開発者は、Filament を使用して、管理領域 (/admin など) とメイン ユーザー インターフェイス (/ など) に個別のルートを設定することで、Laravel アプリの管理バックエンドとユーザー側フロントエンドの両方を構築しています[3]。これにより、両方の部分で Filament の機能を活用できるようになります。

- Filament の Navigation プラグインを使用して、Blade ビュー間で共有できるグローバル フロントエンド ナビゲーション メニューを構築できます[4]。これは、フロントエンドで Filament コンポーネントを使用する方法を示しています。

- ただし、Filament は、あらゆる場合において本格的なフロントエンド フレームワークの代替となるわけではありません。これは、管理者エクスペリエンスとユーザー エクスペリエンスが密接に連携しているアプリに最適です。より複雑なユーザー向けアプリの場合は、Vue.js のようなフレームワークで構築された別個のフロントエンドの方が依然として望ましい場合があります[2]。

要約すると、Filament は主に管理パネルのツールキットですが、管理フローとユーザー フローが非常に似ている特定の状況では、ユーザー フロントエンドを構築するために使用できます。ただし、より複雑なユーザー向けアプリの専用フロントエンド フレームワークと比較すると制限があります。

引用:
[1] https://www.reddit.com/r/laravel/comments/185rwo1/how_many_of_you_are_using_filament/
[2] https://dev.to/voltra/back-end-as-a-front-end-or-how-admin-dashboards-can-drive-your-apps-57
[3] https://github.com/filamentphp/filament/Discussions/9620
[4] https://v2.filamentphp.com/tricks/build-a-global-frontend-navigation-with-the-navigation-plugin
[5] https://filamentexamples.com/project/cms-blog-front-theme