next.js
https://speakerdeck.com/recruitengineers/next-dot-js-26c1e15f-1514-4646-b6b8-cbf80f8d10ed?slide=35
Routing Fundamentals
tree
フォルダー階層
ヒエラルキー構造を可視化するのに便利なやーつ
subtree
treenの中の一部を見たもの
root
subtreeの根っこの親
Leaf
その子を持たないsubtreeでURLの最後のセグメントになるっぽいやつ
https://gyazo.com/8e29d72b301cac2d58255a4237084f02
App Router
バージョン13から、App Routerが使えるようになった。これはReact Server Components上に構築された。
これはPages Routerよりも優れている。ディレクトリを跨いだRoutesは同じURLパスの名前解決ができないし、コンフリクトを防ぐためにビルドタイムエラーを発生させ得る。
デフォルトとして、appディレクトリ配下のcomponentsはReact Server Componentsである。
Definig Routes
pages.jsファイルがroute segmentをアクセサブルにする。
以下の図の例だと、analyticsはアクセサブルじゃない
https://gyazo.com/550c37769aea47e615dbf8a9d7d509b6