概要
FAROというサイト分析ツールを自社で開発しています。
そのサービスを今後、多方面に展開していくにあたり、利用いただいてるクライアント様に対して、疑問点やFAROの使い方、マーケティングの知識などを発信していく場としてブログを作成したいという事で、開発に携わりました。
実装
記事を投稿するためにkuroco(https://kuroco.app/ja/)というヘッドレスCMSを利用しました。
フロントエンド側としてReactのNext.js 13(最新バージョン)を利用して構築しました。CSSはTailwindow.cssを利用。
またFARO BIZというサポートページ(https://faro-biz.com/)が元々存在していおり、そのページをそのままkurocoに移行しつつ配下にブログなどのCMSで管理するページを実装しています。
サイトイメージ
デザインに関しては、公開が優先であまり拘りがないとのことでテンプレート集からvredeburg(https://jamstackthemes.dev/theme/vredeburg/)を利用して、ヘッダーやフッター、色などをサイトに合わせて変更していくという流れで作業しました。
PC版
スマホ