In this video.
Let's render the log in form, because the log in form is about users.
We are going to render all the forms related to users inside the users root.
So here we go.
I'm going to add a comment by saying rendering forms.
The first form that we are going to render is the log in.
So I'm going to create the route as users route dot gates, and here I'm going to pass in the end point
and I'll make use of register.
You can see that this one is the same as this.
But this one point to the API and this one point to the client side to render the form.
So this one, you can name it whatever you want.
The next one going to be the callback function.
I have access to rec response and I'll start and in here I'll make use of red dot render and we want
to render the log in form, but we don't have the form yet, so I'm going to copy the log in form and
place it inside the views and I want to create fodder for that.
So I'm going to call this one as users and I'm going to drag the log in into the users and I'll also
create one folder for post.
And then next folder are going to be the comments.
Each one will have a template to render based on the resource.
All right.
So here I'm going to rename the logging extension to UGC.
Perfect.
So now let's get back to the easiest route.
Now the path to the log in is insert views for a slash users forward slash log in.
So here we go.
When I be as code and we have the users and forward slash looking towards edges and for the extension
we can choose to bring it because we have configured our server to use edges as that.
So for this I can remove the extension for the home page.
Likewise, the extension for the log in the last step is let's go ahead and render this form.
So we're going to be ask for a slash API for slash version one for slash users and forward slash register.
And there we have it.
But the endpoint is supposed to be log in.
So let me change this one to log in.
Likewise, the final endpoint to log in.
And there we have it.
You can see that there is no case for this.
So I'm going to copy the cases for the form and place it inside the CSS folder.
The next step is inside the log into JS.
Let's go ahead and require the CSS so the path is going to be forward slash CSS and in there we have
the form dot CSS and let's save it and let's refresh it.
And you can see that it worked fine.
The next video, let's go ahead and render the register form.