New Menu

Add New menu/route in the main layout

VITE (TS)

1. To add one more menu item in <MainRoutes />, update the following file at the same location src\routes\MainRoutes.tsx

MainRoutes.tsx

...
...
const SamplePage = Loadable(lazy(() => import('views/sample-page')));
// import new view and save it in constant. for e.g
const NewMenu = Loadable(lazy(() => import('views/new-menu')));

const MainRoutes = {
    path: '/',
    element: (
        <AuthGuard>
            <MainLayout />
        </AuthGuard>
    ),
    children: [
        {
            path: '/sample-page',
            element: <SamplePage />
        },
        {
            path: '/newmenu',
            element: <NewMenu />
        }
    ]
};

export default MainRoutes;

Any route added in <MainLayout> will automatically go through <AuthGuard>

VITE (JS)

1. To add one more menu item in <MainRoutes />, update the following file at the same location src\routes\MainRoutes.tsx

MainRoutes.tsx

...
...
const SamplePage = Loadable(lazy(() => import('views/sample-page')));
// import new view and save it in constant. for e.g
const NewMenu = Loadable(lazy(() => import('views/new-menu')));

const MainRoutes = {
    path: '/',
    element: (
        <AuthGuard>
            <MainLayout />
        </AuthGuard>
    ),
    children: [
        {
            path: '/sample-page',
            element: <SamplePage />
        },
        {
            path: '/newmenu',
            element: <NewMenu />
        }
    ]
};

export default MainRoutes;

Any route added in <MainLayout> will automatically go through <AuthGuard>

NEXT (TS)

1. To add one more menu item in src/app

├── src
│   ├── app
│   ├── (dashboard)
│   │   ├── newMenu   -> Replace "newMenu" with any desired name for route setup
│   │   │   ├── page.tsx

NEXT (JS)

├── src
│   ├── app
│   ├── (dashboard)
│   │   ├── newMenu   -> Replace "newMenu" with any desired name for route setup
│   │   │   ├── page.jsx