https://www.loom.com/share/855b28e72e3440b2927ee557d5ef0d5a

Previous video:

🇺🇸Account creation (4/8)

Intro

As promised, we’re starting the next step in the user account creation process : login.

You’ll find all the necessary explanations in this tutorial.

Let’s start!

Content of the video

Summary of the previous video ( - ) Verifying the creation of an account( - ) Logging in ( - ) Retrieving data from a profile ( - ) Connecting an already logged in user ( - ) Conclusion ( - )

Transcript

1. Summary of the previous video

Hi everyone. In this part I'm going to show you how to configure the login part with Supabase. In the previous video, I showed you how to create an account. If you remember, an email was sent to the user to confirm the creation of his account. In this email, there was a link to validate all this and redirect the user to the login page. Among the elements that make up the URL were "api", "/app" and "/login?redirect=email".

This last element allows the user to be redirected to the login page with an additional parameter. The "?redirect=email" allows to differentiate the classic login page from the login page accessible via the link in the confirmation email. To make this detail tangible, I will modify the graph of the login page section.

This parameter is called a URL parameter. There are two types of URL parameters, one of them is a querystring parameter. The parameters at the end of the URL are querystring parameters. In these parameters, you must always put a question mark at the end of the URL and then add ampersands between the parameters.

For example, I can write "? settings=value&other=hello& etc". There is a second type of parameter that is written with a pound sign. This implies that the graph must be modified so that it checks the presence of the parameter I am interested in. If successful, it will display a success message.