> For the complete documentation index, see [llms.txt](https://codedthemes.gitbook.io/berry/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://codedthemes.gitbook.io/berry/v3.9.0/routing/skip-login/nextjs.md).

# NextJS

## **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:

{% code title="src/app/(dashboard)/layout.tsx" %}

```typescript

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

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

```

{% endcode %}

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.

***

## 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.**

{% code title=".env" %}

```typescript
...
...
## Firebase - Google Auth 
VITE_APP_FIREBASE_API_KEY=
VITE_APP_FIREBASE_AUTH_DOMAIN=
VITE_APP_FIREBASE_PROJECT_ID=
VITE_APP_FIREBASE_STORAGE_BUCKET=
VITE_APP_FIREBASE_MESSAGING_SENDER_ID=
VITE_APP_FIREBASE_APP_ID=
VITE_APP_FIREBASE_MEASUREMENT_ID=

## AWS
VITE_APP_AWS_POOL_ID=
VITE_APP_AWS_APP_CLIENT_ID=

## Auth0
VITE_APP_AUTH0_CLIENT_ID=
VITE_APP_AUTH0_DOMAIN=
...
...
```

{% endcode %}

2. **Removed below list of files and directory.**

```markdown
berry-react-material-next-ts
..
├── src
│   ├── components
│   │   ├── authentication (remove directory with all sub files)
│   │   ├── ui-component\cards               
│   │   │   ├── AuthFooter.tsx
│   ├── context
│   │   ├── Auth0Context.tsx
│   │   ├── AWSCognitoContext.tsx
│   │   ├── FirebaseContext.tsx
│   │   ├── JWTContext.tsx
│   ├── hooks
│   │   ├── useAuth.ts
│   ├── app
│   │   ├── (minimal)
│   │   │   ├── pages
│   │   │   │   ├── authentication (remove directory with all sub files)
│   │   │   │   ├── login (remove directory with all sub files)
│   │   │   │   ├── register (remove directory with all sub files)
│   ├── views
│   │   ├── authentication (remove directory with all sub files)
│   ├── types
│   │   ├── auth.ts
│   ├── utils
│   │   ├── route-guard (remove directory with all sub files)
```

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

```
import useAuth from 'hooks/useAuth';
```

4. **Remove import of `JWTProvider` from ./src/store/ProviderWrapper.tsx**
5. **Remove import and usage of `AuthGuard` from ./src/app/(dashboard)/layout.tsx**

{% hint style="warning" %}
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.
{% endhint %}