プロジェクト & 作品

React 公式チュートリアルの三目並べを、Next.js 12 + 関数コンポーネント + Recoil + 厳しめの ESLint Config に書き直し、スケールしても保守できる構成に再設計した記事。Zenn 70 Like / はてブ 41 users を獲得。

ホットペッパーグルメ API を使い、Next.js の Static Generation と SWR の自動再検証を組み合わせて、常に最新の店舗一覧を表示するサンプル実装。Zenn 160 Like / はてブ 53 users を獲得した記事。

Bitcoin / 日本円レートを題材に、Next.js の Static Generation と SWR を組み合わせて、SG でも常に最新データを表示する『データの強整合性』を実現したサンプル実装。