a test
This uses the window.location.pathname
string to get the correct page
Pages should be inside src/pages
and have a default export. This works with nested pages too.
-
This is a test
-
There's still no params so there are no dynamic routes. -
It works with params and dynamic routes (which can be defined somewhat like in Next.js using braces). You access them using the
useParams
hook in React-router-dom.
When you create a page, you need to run the mapPages.js
file so it gets added. It will generate a $pages.js
file inside src/
node mapPages.js
It will look something like this (like in this project):
const pages = {
"/about": require("./pages/about").default,
"": require("./pages/index").default,
"/": require("./pages/index").default,
"/index": require("./pages/index").default,
"/user/profile": require("./pages/user/profile").default,
"/user/:id": require("./pages/user/[id]").default,
}
export default pages
Routing is similar to the one in Next.js