Routing

Page and URL routing

Berry routing system is based on react-router and its package react-router-dom, it's also using code splitting for better performance.

Configure route

Open ...\src\routes\index.jsx You will find the below example code. In the below code we have shown four different routes. <MainRoutes/> is the main layout routing you see after login.

JavaScript

...
...

// ===============|| ROUTING RENDER ||=================== //

export default function ThemeRoutes() {
    return useRoutes([
        { path: '/', element: <PagesLanding /> }, 
        AuthenticationRoutes, 
        LoginRoutes, 
        MainRoutes]);
}

TypeScript

...
...

// ===============|| ROUTING RENDER ||=================== //

export default function ThemeRoutes() {
    return useRoutes([
        { path: '/', element: <PagesLanding /> }, 
        AuthenticationRoutes, 
        LoginRoutes, 
        MainRoutes]);
}

For Remix, we do not need to create <MainRoutes/>,

please refer: https://remix.run/docs/en/1.14.3/guides/routing#defining-routes

For NextJS, it does not need any extra documentation since it is available here