Skip to main content

File System Router ↔ to define Routing by filepath struct; to map FC src path to route

aka File-based-Routing, File-based-Router

Page​

export default FC to display unique UI for next File System Router

Index Route​

Next.js routes all index.tsx Page to Leaf dir

Nest Route

Shared Layout​

UI to share mutliple Pages via children, to preserve state & not trigger re-render

References​

  1. Tree ↔ Next.js folder struct to def Hierachy for File System Router

  2. Page ↔ export default FC to display unique UI for next File System Router

  3. react-router+file-system Router ↔ similar to nextjs File System Router