Remove Auth

This page describes how to remove auth for Next JS

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:

NEXT(TS)

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>
  );
}

NEXT(JS)

src/app/(dashboard)/layout.jsx

// project-imports
import DashboardLayout from 'layout/DashboardLayout';
// import AuthGuard from 'utils/route-guard/AuthGuard';

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

export default function Layout({ children }) {
  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.

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.

next.config.js

...
.
NEXT_APP_JWT_SECRET: 
NEXT_APP_JWT_TIMEOUT: 
NEXTAUTH_SECRET_KEY: 

1. Removed below list of files and directory.

├── src
│   ├── app       
│   │   ├── auth (remove directory with all sub files)
│   │   ├── api (remove directory with all sub files)
│   ├── views
│   │   ├── authentication (remove directory with all sub files)
│   │   ├── auth (remove directory with all sub files)
│   ├── sections
│   │   ├── auth (remove directory with all sub files)
│   ├── utils
│   │   ├── route-guard (remove directory with all sub files)
│   │   ├── authOptions.ts

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

2. Remove or change /login routes.

   • If you want to remove routes - remove 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.