next.js

Next.js におけるミドルウェアとは、サーバーにリクエストが飛んだタイミングで何らかの処理を実行できる仕組みのことです。ポートフォリオの作成にあたり、特定のページを除いて NextAuth.js で認証する方法を学びました。今回はその備忘録となります。

Next.js 13 から next/font という新しいモジュールが提供され、従来とフォントの使い方が変わりました。どのような違いやメリットがあるのか、Google Fonts で試してみようと思います。

Next.js でプロジェクトをつくるとき、GitHub Actions で TypeScript のコンパイルエラーをチェックする様に設定しています。しかし、最近になってローカル環境では発生しないエラーを吐いていることに気づきました。調べてみると next-env.d.ts というファイルに原因があるようなので、暫定的な回避策を記事にします。

Next.js で REST API をつくっていたところ、レスポンスのデータ型を何度も繰り返し書いていることに気づきました。コードを DRY にするために何か良い方法はないかと考えたので、記事としてまとめます。

Next.js はビルド時にページを生成するための特別な関数を提供しています。App Router になり、getStaticPaths に代わる新しい関数として generateStaticParams が採用されました。この記事では "なぜ generateStaticParams の型を明示したいのか" をまとめます。