Routing

Routing is handled through file-based routing, which simplifies how you define and manage routes. All page files are located in the /frontend/pages folder. Each file or folder in this directory corresponds to a route in your application. For example:

• about.tsx or about/index.tsx will create a route for /about.
• contact.tsx will create a route for /contact.

Dynamic routes are also supported using square brackets. For instance, a file named [id].tsx inside a folder like users will create a dynamic route such as /users/:id. This allows you to capture dynamic segments in the URL and use them in your components.

Routing here is heavily inspired by nextjs and uses react-router to create this magic.