# How to change language in login for Next.js app? (nextjs-auth0)

**URL:** <https://community.auth0.com/t/how-to-change-language-in-login-for-next-js-app-nextjs-auth0/60051>\
**Category:** Get Help\
**Created:** [March 25, 2021, 11:01am UTC](https://community.auth0.com/t/how-to-change-language-in-login-for-next-js-app-nextjs-auth0/60051 "2021-03-25T11:01:04Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![jbryn](https://sea1.discourse-cdn.com/auth0/user_avatar/community.auth0.com/jbryn/32/28367_2.png) [@jbryn](https://community.auth0.com/u/jbryn)\
**Post date:** [March 25, 2021, 11:01am UTC](https://community.auth0.com/t/how-to-change-language-in-login-for-next-js-app-nextjs-auth0/60051/1 "2021-03-25T11:01:04Z")

</div>

Hello, I am using the nextjs-auth0 SDK in my application and I’m struggling to change language in which my Login/Signup page is rendered. According to docs, in order to achieve this I need to change default language in Tenant Settings (I already did that) and set the value of ui\_locales parameter sent to the Authorization Request endpoint, but I can’t find any information how to do that using nextjs-auth0 SDK.

---

<div class="post-metadata">

**Author:** ![stephanie.chamblee](https://sea1.discourse-cdn.com/auth0/user_avatar/community.auth0.com/stephanie.chamblee/32/26087_2.png) [@stephanie.chamblee](https://community.auth0.com/u/stephanie.chamblee)\
**Post date:** [March 25, 2021, 6:12pm UTC](https://community.auth0.com/t/how-to-change-language-in-login-for-next-js-app-nextjs-auth0/60051/3 "2021-03-25T18:12:58Z")

</div>

Hi @jbryn,

Welcome to the Community!

You can customize the language of the Universal Login page a couple of different ways depending on whether you are using the [Classic or New Experience](https://auth0.com/docs/universal-login).

You can select Classic or New in your Auth0 dashboard in Branding \> Universal Login:

 ![image](https://global.discourse-cdn.com/auth0/original/3X/b/7/b7c8d03126eec537df269431cc9ac514e7dbccc7.png)

Looking at your tenant in our internal tools, it looks like you have the Classic Universal Login at the moment. If you change this setting to the New Experience, you should see the language that is passed in the `ui_locales`/your tenant settings.

If you’d prefer to stick with the Classic Experience, here is how to customize the language:

1. Go to **Branding \> Universal Login** in your Auth0 dashboard and got to the **Login** tab.
2. Enable **Customize Login Page** and select Lock.js from the **DEFAULT TEMPLATES** dropdown
3. Pass the `language` property in the lock configurations:

```auto
var lock = new Auth0Lock(config.clientID, config.auth0Domain, {
      auth: {
        redirectUrl: config.callbackURL,
        responseType: (config.internalOptions || {}).response_type ||
          (config.callbackOnLocationHash ? 'token' : 'code'),
        params: config.internalOptions
      },
      configurationBaseUrl: config.clientConfigurationBaseUrl,
      overrides: {
        __tenant: config.auth0Tenant,
        __token_issuer: config.authorizationServer.issuer
      },
      language: "es" // <-- Add the language code here

```

docs: [Lock Internationalization](https://auth0.com/docs/libraries/lock/lock-internationalization#set-language-option)

---

<div class="post-metadata">

**Author:** ![jbryn](https://sea1.discourse-cdn.com/auth0/user_avatar/community.auth0.com/jbryn/32/28367_2.png) [@jbryn](https://community.auth0.com/u/jbryn)\
**Post date:** [March 27, 2021, 9:35am UTC](https://community.auth0.com/t/how-to-change-language-in-login-for-next-js-app-nextjs-auth0/60051/4 "2021-03-27T09:35:33Z")

</div>

Thanks a lot! At first I was a bit confused but your comprehensive response cleared things up for me.

---

<div class="post-metadata">

**Author:** ![system](https://global.discourse-cdn.com/auth0/original/3X/b/5/b560f266932fcce5d57f09a6595bd50518cae3f3.jpeg) [@system](https://community.auth0.com/u/system)\
**Post date:** [April 11, 2021, 9:35am UTC](https://community.auth0.com/t/how-to-change-language-in-login-for-next-js-app-nextjs-auth0/60051/5 "2021-04-11T09:35:55Z")

</div>

This topic was automatically closed 15 days after the last reply. New replies are no longer allowed.
