はじめに Next.js App routerは、なんとなく開発しているとUXの悪いアプリケーションができてしまいがちです。 ですが、今回紹介する方法を実装すれば、ユーザーがストレスの感じないアプリケーションをそれなりに開発できますので、ぜひみていただければと思います。 対象: Next.js v14 この記事を見て欲しい人 Next.js App router 初心者の人 Next.js App routerで開発したアプリケーションが、もったりしていて悩んでいる人 Next.js App routerで、UXやパフォーマンスの良いアプリケーションを作りたい人 prefetchでページ遷移の速度を上げる Next.jsのLinkコンポーネントとuse Routerには、prefetchという機能があります。 prefetchを使うと、ページにアクセスする前に、次のページを読み込んでくれる