FARO REPORT フロント側のReact化

概要

GAデータを分かりやすく可視化するサービスを提供していおり、もともとLaravelでバックエンドとフロントエンド側も実装されてました。

フロントエンド側をReact化するというプロジェクトが立ち上がったので、この段階で参加しました。

実装

Reactでは特にNext.jsといったフレームワークは利用せずReactのみです。
Laravel側でルーティングやデータの取得をしInertia.js経由でデータをReact側で受け取っています。 

フロントエンド側ではBootstrap5や必要に応じてReact-Bootstrapのコンポーネントでレイアウトを実装してます。

サイトイメージ