laravel - Laravel + React.js + Redux でサーバー側のレンダリングを行う方法は?

Question

バックエンドに Laravel、フロントエンドに React.JS + Redux を使用したアプリを設定しています。サーバー側レンダリング（SEO用）のソリューションを探しています。

この解決策を見つけました: https://github.com/tz5514/Laravel-Redux-Isomorphicしかし、バックエンドでは Express.js を使用してレンダリングしているようです。

そのため、より優れたサーバー側レンダリング ソリューションを探しています。

Answer 1

React は JavaScript であるため、実行するには JavaScript エンジンが必要です。そのため、laravel プロジェクトを見る 1 つの方法は、それを「バックエンド」API サーバーと考えることです。これは、ノードを使用して「フロントエンド」サーバーから完全に分離されています。アプリケーションの JavaScript 部分を実行します。

つまり、インフラストラクチャ内の他のサービスで使用できる API を公開する laravel を使用するアプリと、その API を消費し、react + の魔法を処理する nodejs アプリである reactjs アプリの 2 つのアプリがあります。戻ってきた。

外部からサイトに実際にアクセスする方法は、express/nodejs アプリを介して行われます。このアプリは、データの永続化やその他のビジネス ロジックのために laravel API を呼び出します。

laravel アプリはセッション、oauth、データベース、ハードドライブへのファイル アクセスなどを処理し、nodejs アプリは実際の Web サイト ルーティング、テンプレート、css および javascript 部分を処理します。

HashNodeからこの回答を得ました

Answer 2

spatie/laravel-server-side-renderingパッケージを使用できます。React と Vue の両方に最適です。ここでは、このパッケージの使用に関する YT チュートリアルも見つけることができます - https://youtu.be/uO42Kpa4pvI

Answer 3

React は Node Js (のみ) に適しているようです。しかし、この Laravel Plugin を使用して問題を解決することができます。 反応-laravel