search

NextJS

This page describes how to remove auth for NextJS

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

// import AuthGuard from 'utils/route-guard/AuthGuard';

...
...
return (
    // <AuthGuard>
    <DashboardLayout>{children}</DashboardLayout>
    // </AuthGuard>
  );

In the code snippet above, the <AuthGuard> a component is commented out, allowing the routes within the MainLayout component 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 permanently remove authentication from a system or application, here are the steps to follow:

  1. Remove below authentication keys from .env file.

  1. Removed below list of files and directory.

  1. Remove useAuth hook - Remove the below imports from throughout the project and set static values for user profile props.

  1. Remove import of JWTProvider from ./src/store/ProviderWrapper.tsx

  2. Remove import and usage of AuthGuard from ./src/app/(dashboard)/layout.tsx

circle-exclamation

Disabling authentication within the system would render certain applications non-functional, particularly those reliant on backend APIs. These applications require a valid token to access and load data seamlessly.

Last updated