フォントの設定を@next/fontからnext/fontのビルトインフォントに変更する
実行するとターミナルに@next/fontからnext/fontに変えましょう。Next.js 14では@next/fontがなくなります。という以下のメッセージが出ていたので、next/fontに変更したときの記録です。
Your project has `@next/font` installed as a dependency, please use the built-in `next/font` instead. The `@next/font` package will be removed in Next.js 14. You can migrate by running `npx @next/codemod@latest built-in-next-font .`. Read more: https://nextjs.org/docs/messages/built-in-next-font
Next.js 13.2 以降でビルトインフォントが使えます。
npx @next/codemod@latest built-in-next-font .
実行するとpackage.jsonから”@next/font”が自動で消えます。
@next/fontでインポートしていたページも自動的に差し替えてくれました(便利!)
このコマンドを使うことで@next/fontをnext/fontに置き換え・変換してくれるようです。
変更前
import { Noto_Sans_JP } from "@next/font/google";
↓
変更後
import { Noto_Sans_JP } from "next/font/google";