pagefindを使って全文検索エンジンをNext.jsのSSGブログに導入する
更新: 2024-09-23
このブログ記事では、PagefindというWeb上で動作する軽量な全文検索エンジンを、Next.jsのSSG（静的サイト生成）に導入する方法を紹介しています。Pagefindは日本語にも限定的に対応しています。具体的なセットアップ手順や、検索コンポーネントの実装方法、検索結果を型安全に取得するためのコード例について説明します。
JAM StackなBlogをモダン技術で再作成した話
更新: 2023-03-27
古いブログを最近の技術で再構築した際に使用した技術についての比較記事です。過去のブログの技術構成と、新しいブログで使用した技術の選択理由と採用しなかった技術について詳しく説明しています。
amp-listを使ってNext.jsの静的サイトに他のブログ記事への誘導をランダムでつける
更新: 2022-08-19
ブログでよくある、関係のある記事をランダムで記事の一番下につけるために、Next.jsでAPIを実装したあと、amp-listを使って動的にそれらを作成します。
JSONで画像をやりとりする python <-> JavaScript (React)
更新: 2022-06-12
Python、特にmatplotlibで作成したPNGファイルをJSONにSerializeしてフロントエンド側に送りたいときにどうすればいいのかについて
Next.jsをCloudbuildでGAEにデプロイ
更新: 2022-05-20
Next.jsをGoogle App Engine上にCloudBuild経由でデプロイするまで
next.config.jsで設定することのまとめ
更新: 2022-05-20
next.jsを使っているとnext.config.jsを使って設定をカスタマイズすることが多いです。next.config.jsで設定できることと、その設定の仕方についてまとめておきます。
material-uiに関するスクラップ
更新: 2022-05-20
material-uiに関するスクラップ
Next.jsで作ったブログをAMPとPWAに対応させる
更新: 2022-05-20
Next.jsで作ったAMPオンリーのブログをPWAにも対応させてみた。
next.jsで作ってみたブログにamp-sidebarを導入する
更新: 2022-05-20
next.jsで作ってみたブログにtypescriptとmaterial-uiと一緒にamp-sidebarを導入してみた。
Next.jsで作ってみたブログに検索機能を導入する
更新: 2022-05-20
Next.jsで作ってみたブログに形態素解析とflexsearchで検索機能を導入する