This section explains how to set the Login page as the default starting page, skipping the landing page, for cases where it is not needed.
import { useRoutes } from 'react-router-dom';
// routes
import MainRoutes from './MainRoutes';
import LoginRoutes from './LoginRoutes';
import AuthenticationRoutes from './AuthenticationRoutes';
// ==============================|| ROUTING RENDER ||============================== //
export default function ThemeRoutes() {
// return useRoutes([{ path: '/', element: <PagesLanding /> }, AuthenticationRoutes, LoginRoutes, MainRoutes]);
return useRoutes([LoginRoutes, AuthenticationRoutes, MainRoutes]);
}
import { lazy } from 'react';
// project imports
import GuestGuard from 'utils/route-guard/GuestGuard';
import MinimalLayout from 'layout/MinimalLayout';
import NavMotion from 'layout/NavMotion';
import Loadable from 'ui-component/Loadable';
// login routing
const AuthLogin = Loadable(lazy(() => import('views/pages/authentication/authentication3/Login3')));
const AuthRegister = Loadable(lazy(() => import('views/pages/authentication/authentication3/Register3')));
const AuthForgotPassword = Loadable(lazy(() => import('views/pages/authentication/authentication3/ForgotPassword3')));
// ==============================|| AUTH ROUTING ||============================== //
const LoginRoutes = {
path: '/',
element: (
<NavMotion>
<GuestGuard>
<MinimalLayout />
</GuestGuard>
</NavMotion>
),
children: [
{
path: '/',
element: <AuthLogin />
},
{
path: '/login',
element: <AuthLogin />
},
{
path: '/register',
element: <AuthRegister />
},
{
path: '/forgot',
element: <AuthForgotPassword />
}
]
};
export default LoginRoutes;