Docker上でLaravelとReactを併用してみた

LaravelでReactを使った開発環境を構築してみる。

パターンは３パターン

１　LaravelのViteでReactを使う。

システム図

Laravelを主として、Reactの機能を使いたいと考えた時に最適な構成。

２　ViteとNext.jsを取り換える。

Next.jsはReactベースのフレームワークなので、便利にReactを活用したと考える場合はこちら。

システム図

LaravelはViteを標準としているので、上の１の方が無難かも？
Next.js は独自のビルドツール（Webpack または Turbopack）を使用しており、
これが Vite と競合するため、直接統合する公式な方法は提供されていません。

3　LaravelとNext.jsを完全分離。

LaravelはAPIとして使い、Next.jsが必要なデータはJson形式でLaravelから受け取る構成

システム図

Next.js（React）を主にして、データの処理はLaravelで行う構成

以上、LaravelでReactを使う方法の構成でした。