first

src/routes/LoginRoutes.js

@@ -0,0 +1,62 @@
+import { lazy } from 'react';
+
+// project import
+import GuestGuard from 'utils/route-guard/GuestGuard';
+import CommonLayout from 'layout/CommonLayout';
+import Loadable from 'components/Loadable';
+
+// render - login
+const AuthLogin = Loadable(lazy(() => import('pages/auth/login')));
+const AuthRegister = Loadable(lazy(() => import('pages/auth/register')));
+const AuthForgotPassword = Loadable(lazy(() => import('pages/auth/forgot-password')));
+const AuthCheckMail = Loadable(lazy(() => import('pages/auth/check-mail')));
+const AuthResetPassword = Loadable(lazy(() => import('pages/auth/reset-password')));
+const AuthCodeVerification = Loadable(lazy(() => import('pages/auth/code-verification')));
+
+// ==============================|| AUTH ROUTING ||============================== //
+
+const LoginRoutes = {
+  path: '/',
+  children: [
+    {
+      path: '/',
+      element: (
+        <GuestGuard>
+          <CommonLayout />
+        </GuestGuard>
+      ),
+      children: [
+        {
+          path: '/',
+          element: <AuthLogin />
+        },
+        {
+          path: 'login',
+          element: <AuthLogin />
+        },
+        {
+          path: 'register',
+          element: <AuthRegister />
+        },
+        {
+          path: 'forgot-password',
+          element: <AuthForgotPassword />
+        },
+        {
+          path: 'check-mail',
+          element: <AuthCheckMail />
+        },
+        {
+          path: 'reset-password',
+          element: <AuthResetPassword />
+        },
+        {
+          path: 'code-verification',
+          element: <AuthCodeVerification />
+        }
+      ]
+    }
+  ]
+};
+
+export default LoginRoutes;

src/routes/MainRoutes.js

@@ -0,0 +1,62 @@
+import { lazy } from 'react';
+
+// project import
+import MainLayout from 'layout/MainLayout';
+import CommonLayout from 'layout/CommonLayout';
+import Loadable from 'components/Loadable';
+import AuthGuard from 'utils/route-guard/AuthGuard';
+
+// pages routing
+const MaintenanceError = Loadable(lazy(() => import('pages/maintenance/404')));
+const MaintenanceError500 = Loadable(lazy(() => import('pages/maintenance/500')));
+const MaintenanceUnderConstruction = Loadable(lazy(() => import('pages/maintenance/under-construction')));
+const MaintenanceComingSoon = Loadable(lazy(() => import('pages/maintenance/coming-soon')));
+
+// render - sample page
+const SamplePage = Loadable(lazy(() => import('pages/extra-pages/sample-page')));
+
+// ==============================|| MAIN ROUTING ||============================== //
+
+const MainRoutes = {
+  path: '/',
+  children: [
+    {
+      path: '/',
+      element: (
+        <AuthGuard>
+          <MainLayout />
+        </AuthGuard>
+      ),
+      children: [
+        {
+          path: 'sample-page',
+          element: <SamplePage />
+        }
+      ]
+    },
+    {
+      path: '/maintenance',
+      element: <CommonLayout />,
+      children: [
+        {
+          path: '404',
+          element: <MaintenanceError />
+        },
+        {
+          path: '500',
+          element: <MaintenanceError500 />
+        },
+        {
+          path: 'under-construction',
+          element: <MaintenanceUnderConstruction />
+        },
+        {
+          path: 'coming-soon',
+          element: <MaintenanceComingSoon />
+        }
+      ]
+    }
+  ]
+};
+
+export default MainRoutes;

src/routes/index.js

@@ -0,0 +1,11 @@
+import { useRoutes } from 'react-router-dom';
+
+// project import
+import LoginRoutes from './LoginRoutes';
+import MainRoutes from './MainRoutes';
+
+// ==============================|| ROUTING RENDER ||============================== //
+
+export default function ThemeRoutes() {
+  return useRoutes([LoginRoutes, MainRoutes]);
+}