techblog2024-09-23
pagefindを使って全文検索エンジンをNext.jsのSSGブログに導入する
このブログ記事では、PagefindというWeb上で動作する軽量な全文検索エンジンを、Next.jsのSSG（静的サイト生成）に導入する方法を紹介しています。Pagefindは日本語にも限定的に対応しています。具体的なセットアップ手順や、検索コンポーネントの実装方法、検索結果を型安全に取得するためのコード例について説明します。
frontend2023-03-27
JAM StackなBlogをモダン技術で再作成した話
古いブログを最近の技術で再構築した際に使用した技術についての比較記事です。過去のブログの技術構成と、新しいブログで使用した技術の選択理由と採用しなかった技術について詳しく説明しています。
techblog2022-08-19
amp-listを使ってNext.jsの静的サイトに他のブログ記事への誘導をランダムでつける
ブログでよくある、関係のある記事をランダムで記事の一番下につけるために、Next.jsでAPIを実装したあと、amp-listを使って動的にそれらを作成します。
techblog2022-06-12
JSONで画像をやりとりする python <-> JavaScript (React)
Python、特にmatplotlibで作成したPNGファイルをJSONにSerializeしてフロントエンド側に送りたいときにどうすればいいのかについて
techblog2022-05-20
Next.jsでブログを作ってみた
Wordpressでブログを作っていたが、パフォーマンスが遅いのでNext.jsで作り直した。ほしい要件、使うフレームワークの選定など。
techblog2022-05-20
Next.jsで作ったブログにStyleを適用していく
Wordpressでブログを作っていたが、パフォーマンスが遅いのでNext.jsで作り直した。markdwonでレンダリングできるようになったので、Styleを適用していく。
techblog2022-05-20
Next.jsでカスタムローダーを使ってmdxをAMP対応させる
Wordpressでブログを作っていたが、パフォーマンスが遅いのでNext.jsで作り直した。mdxをレンダリングするときに使うカスタムローダーを自作してAMP対応させる話。