Next.js App Router 遷移の仕組みと実装

関連記事

Next.js App Router 遷移の仕組みと実装

Next.jsのv13.4が発表され、App RouterがStableになりました。App Routerは発表以来着実に実装が進んで...概要を表示 Next.jsのv13.4が発表され、App RouterがStableになりました。App Routerは発表以来着実に実装が進んでおり、最近もServer ActionやParallel Routesなどの新機能が次々と発表されています。 当然ながらこれらの話題はフレームワーク利用者目線の話題が多いのですが、本稿はApp Routerがどう実装されているのか、筆者の興味のままに遷移処理周りを中心に調査したまとめ記事になります。知っておくと役に立つ点もあるかと思うので、参考になれば幸いです。 Next.jsの遷移とprefetch挙動 Next.jsの遷移を理解するには、まずprefetch挙動について知る必要があります。今回は調査用のデモとして、pagesとappそれぞれで同じようなページをいくつか用意しました。 pagesで実装したページ appで実装したページ これらで従来のpag

• next.js
• react
• あとで読む
• Web制作

ブックマークしたユーザー

• field_combat2024年03月01日 field_combat
• tofu-kun2023年07月17日 tofu-kun
• kkeisuke2023年05月29日 kkeisuke
• mkusaka2023年05月29日 mkusaka
• s_hiraiku2023年05月11日 s_hiraiku
• aravow2023年05月10日 aravow
• empereur-72023年05月10日 empereur-7
• ant_mugi2023年05月10日 ant_mugi
• dhesusan46492023年05月10日 dhesusan4649
• yancy19692023年05月09日 yancy1969
• Hiro_Matsuno2023年05月09日 Hiro_Matsuno
• ryu19j2023年05月09日 ryu19j
• montdsichel2023年05月09日 montdsichel
• s-hiraoku2023年05月09日 s-hiraoku
• yug12242023年05月09日 yug1224