search

Remove Auth

This page describes how to remove auth for Next JS

hashtag
Disable Authentication Temporary

Disabling authentication temporarily is generally not recommended due to security risks. However, if you have a specific scenario where you need to disable authentication for a short period, here are some steps you can follow:

  1. Comment out the AuthGuard wrapper for the routes within the DashboardLayout element:

src/app/(dashboard)/layout.tsx
// project-imports
import DashboardLayout from 'layout/DashboardLayout';
// import AuthGuard from 'utils/route-guard/AuthGuard';

// ==============================|| DASHBOARD LAYOUT ||============================== //

export default function Layout({ children }: { children: React.ReactNode }) {
  return (
    // <AuthGuard>
          <DashboardLayout>{children}</DashboardLayout>
    // </AuthGuard>
  );
}

In the code snippet above, the <AuthGuard> a component is commented out, allowing the routes within the DashboardLayoutcomponent to be rendered without authentication protection. To enable the AuthGuard wrapper again, remove the comment markers (//) surrounding the <AuthGuard> component.

hashtag
Remove Authentication Permanent

If you want to remove authentication from a system or application permanently, here are the steps to follow:

  1. Remove below authentication keys below from next.config.js file.

  1. Removed below list of files and directories.

  1. Commented out the full file ./src/utils/axios.ts

  2. Remove or change /login routes.

    • If you want to remove routes, remove the router component Link with href='' props.

    • If you want to change url, set the home page URL like, to={APP_DEFAULT_PATH} , And import APP_DEFAULT_PATH from config file.

PreviousRender Menu from the backendNextFigma

Last updated