【Next.js】Next.jsのLinkとRouterについてのメモ
はじめに
こんにちは、がんがんです。
最近はNext.jsを触っています。前回の記事はこちらです。
gangannikki.hatenadiary.jp
公式のチュートリアルをしっかりやろうと思って実施しているのですが、Link
とRouter
というのが出てきたので今後のために少し深堀して調査してみました。
目的
- Next.jsのLinkとRouterについて調査
Linkについて
ドキュメントを見る感じ、静的なルーティングの際に使用することが多いっぽいです。
pages直下でページングしたJSファイルをルーティングする際に使用するケースがメインのようです。
Routerについて
動的なルーティングの際に使用することが多いっぽいですね。Linkでもas
を使えば同じような動作は出来るみたいです。
同ページでクエリごとに表示を変えたい場合とかに使うっぽいです(公式チュートリアル参照)。
nextjs.org
おわりに
今回はLinkとRouterについて気になったのでザっと調べてみました。
Web周りは特に知らないことばかりなので、1つ1つが経験値です。