Firebase + React + Gatsbyで、（レビュー機能付き）コメントシステムを作る
Gatsby.jsサイト用にGoogle Firebaseを使ってコメントシステムを作った際の、備忘録です。 Firebaseとは、アプリ開発用のプラットフォームで、ログインシステムやカートシステム等のデータを格納したり読み書きができる機…
Gatsby.jsで作る静的サイトにAlgoliaの検索システムを導入する
Algoliaは、超高速のサイト内検索 を実現する、同名の会社の検索エンジン製品です。 さまざまなサイトに採用されており、エンジニアの方であればドキュメンテーション系でAlgoliaのロゴをご覧になったこともあると思います。Gatsby.j…
Astroで作る静的サイトに、超高速のAlgoliaの検索システムを導入する
前回、MeilisearchをAstroに導入しましたが、日本語の漢字語彙の検索にまだ少し難があるため、Algoliaも試しました。 Algoliaは、ドキュメント数10,000・月10,000サーチまでが無料となっています。個人や小規模…
Astroブログ記事内に、前後の記事を表示させる
Astro + Markdownのブログで、前後の記事を表示させる方法です。 CMSのAPI等でデータを引っ張ってくる場合でも、渡すデータを変えれば使えると思います。 ざっくりした流れは、 全記事を取得し、日付順（新着順）に並び替える 全…
Astroで作る静的サイトに、超高速のMeilisearchの検索システムを導入する
Astroで作る静的サイトで悩ましい問題の1つが、検索機能の実装です。 Gatsby.jsのようにAlgolia等のプラグインが用意されていれば多少は楽なのですが、Astroの場合は現時点ではそのようなものはありません。 一方、導入が手軽…