> For the complete documentation index, see [llms.txt](https://phoenixcoded.gitbook.io/able-pro/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://phoenixcoded.gitbook.io/able-pro/nextjs/how-to/login-as-first-page.md).

# Login as First Page

How to set login as First page instead landing

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

* Update the code at route ***full-version/src/app/page***

{% tabs %}
{% tab title="NEXT (TS)" %}
{% code title="src/app/page.tsx" %}

```typescript
  // project-imports
  import GuestGuard from 'utils/route-guard/GuestGuard';
  import LoginPage from 'app/(auth)/login/page';
  
  export default function Login() {
    return (
      <GuestGuard>
        <LoginPage />
      </GuestGuard>
    );
  }
```

{% endcode %}
{% endtab %}

{% tab title="NEXT (JS)" %}
{% code title="src/app/page.jsx" %}

```javascript
// project-imports
import GuestGuard from 'utils/route-guard/GuestGuard';
import LoginPage from 'app/(auth)/login/page';

export default function Login() {
  return (
    <GuestGuard>
      <LoginPage />
    </GuestGuard>
  );
}
```

{% endcode %}
{% endtab %}
{% endtabs %}