Skip Login

How to set Dashboards First page instead Login

This section explains how to set the Dashboard page as the default starting page, skipping the Login page, for cases where it is not needed.

1. Open the file: src\app\page.tsx and edit the code below.

To:

Typescript

src\app\page.tsx

// @next
import dynamic from 'next/dynamic';
 
// @project
 const AuthLayout = dynamic(() => import('@/layouts/AuthLayout'));
 const AuthLogin = dynamic(() => import('@/views/auth/login'));
 
/***************************  MAIN - DEFAULT PAGE  ***************************/
 
export default function Home() {
  
   return (
     <AuthLayout>
       <AuthLogin />
     </AuthLayout>
   );
}

Javascript

From:

Typescript

src\app\page.tsx

'use client';
 
// @next
import { useRouter } from 'next/navigation';
 
import { useEffect } from 'react';

/***************************  MAIN - DEFAULT PAGE  ***************************/
 
export default function Home() {
  const router = useRouter();
 
  useEffect(() => {
    router.replace('/dashboard/analytics/overview');
  }, [router]);
 
  return null;
  
}

Javascript

1. Comment out the AuthGuard & RoleGuard wrapper for the routes. :

Typescript

src\app\(admin)\layout.tsx

// @next
import dynamic from 'next/dynamic';
 
// @types
import { ChildrenProps } from '@/types/root';
 
// @project
import { AuthProvider } from '@/contexts/AuthContext';
const AdminLayout = dynamic(() => import('@/layouts/AdminLayout'));
// const AuthGuard = dynamic(() => import('@/utils/route-guard/AuthGuard'));
// const RoleGuard = dynamic(() => import('@/utils/route-guard/RoleGuard'));
 
/***************************  LAYOUT - ADMIN  ***************************/
 
export default function Layout({ children }: ChildrenProps) {
  return (
    <AuthProvider>
      {/* <AuthGuard>
        <RoleGuard> */}
      <AdminLayout>{children}</AdminLayout>
      {/* </RoleGuard>
      </AuthGuard> */}
    </AuthProvider>
  );
}

Javascript