[development environment setup] Site stuck on white screen on localhost

[mx-styles]

I instantiated the website on localhost following all the steps specified in the docs folder ie I created .env.local with all required environment variables. When I try to load the website ( using 127.0.0.1:3000) it is stuck on a white screen displaying waiting for https://url_to_my_clerk_app (in my case https://immune-mammal-47.accounts.dev) in the bottom left. I am suspecting a difference in the endpoints used by clerk and the ones used by the website for signing. For example clerk uses sign-in and sign-up where as the website uses signin and join respectively.

How do I fix this issue (I am a beginner trying to learn)

[phoenixpereira]

That's strange. Can you please send a screenshot of the waiting for url message, since I'm not sure if you're talking about the text being a part of the browser UI or Next.js UI? I don't think this is an issue with the endpoints, probably more of an issue with your network configuration since it works fine for me with a fresh clone and different Clerk keys.

[mx-styles]

The waiting for url is part of the browser UI. Something is wrong with clerk configuration because when I remove it from the website it loads just fine. Can you please indicate all the clerk setup I should do both on the Clerk website as well as locally beside the environment variables.

[phoenixpereira]

I'm not sure if this would fix it, but can you please try making a new application on Clerk with the following settings for email:

and for password:

Also, ensure that phone number and username is turned off, make setting a name required, and enable Google for sign in.

The setup locally should just be the environment variables.