Skip to content

Directory Structure & Conventions

Routes in ufbr are driven entirely by your pages/ filesystem layout.

File Path Transformed Route Type
pages/index.js / Root Index
pages/about.js /about Static Route
pages/contact/index.js /contact Nested Index
pages/blog/[id].js /blog/:id Dynamic Parameter
pages/user/[name]/settings.js /user/:name/settings Nested Dynamic Path
pages/[...slug].js /* Catch-All / 404
src/pages/
|-- index.js --> /
|-- about.js --> /about
|-- blog/
| |-- index.js --> /blog
| |-- [id].js --> /blog/:id
|-- docs/
| |-- [...slug].js --> /docs/*
|-- [...404].js --> /* (Global Fallback)