金融系一般社団法人 コンテンツ検索プラットフォーム
Gatsby.js x StrapiのモダンなJamstack構築サイトと、Node.jsによる外部DB連携システムを制作しました
Gatsby.js
Strapi
Node.js
Netlify
Heroku
AWS
Algolia
目的
- 分散したサイトに掲載されていた情報の発信を一本化する。
- 基幹システムで管理している大量のコンテンツをサイトに反映させる。その際、CMSによって任意のデータ項目の表示・非表示の切り替えや情報修正を行えるようにする。
- 膨大なコンテンツを、ユーザーのニーズに合わせてフィルタリングして表示させる。
制作内容
- Gatsby.js x StrapiのJamstack構築によるサイト制作。
- Gatsby.jsを用いた、静的サイト生成によるフロントエンド開発。
- StrapiによるCMS構築。
- Node.jsを用いた、DB連携アプリケーションの制作。
- Netlify、Heroku、AWSを用いたホスティング。
効果
- 基幹システムのデータをStrapiのフォーマットに合う形に加工して連携することで、基幹システムのデータの変更を自動的にサイトに反映し、かつ自由にコンテンツを修正できるように。
- SSGを採用することで、コンテンツに紐づいた無数のデータやページを迅速に表示。
- 検索APIのAlgoliaを用いることで、膨大なデータのリアルタイム検索を実現。
- Reactベースの実装により、リアルタイムのフィルタリングを実現。
- フロントエンド、CMS、基幹システム連携アプリをそれぞれ別個のサーバーで運用することで、セキュリティを向上。
- 連携アプリを挟むことで、公開したくないPDFのメタデータなどを修正し、セキュリティを向上。