Okay, so if you are in this subsection, you are already comfortable with the part two how to build
the front end.
Just review.
Let's review very quickly the main parts of this uh, part two, the main steps in the slides we have
uh, so we first created a Next.js starter template.
We then a.
It included the URL of the backend in the in the dot m file.
We created the main page of the application.
We created the components a.
We focus our attention especially to the key component the to do list component.
And then we uh, uh, completed the crud.
Uh, the most important uh uh uh, file for the Crud helpers.
Okay.
Here, you have some details around some of the functions we have in that file.
The add to do the fetch to do the update to do the handle delete to do.
And then we created the CSS styles.
Now we want to run the front end and the back end simultaneously in our computer okay.
And after this we will go to the part four and part five.
This is the part three is just the first line here okay.
So.
The instructions in order to complete this part.
Three to run the full stack.
Applications are very simple.
You need to open two terminal windows.
In the first window, you go to the back end and directory and execute this, uh, this, uh, command.
And in the second terminal window you go to the front end directory and execute this command okay.
So I'm going to do this for you.
This is uh, the back end, uh.
Key directory.
I am starting the backend server.
And this is the frontend directory.
Here I say npm run dev.
Okay, so as you see we are starting the frontend.
But since the frontend now is connected with our backend, if we.
Load this in our browser right now.
They are connected and you will see that here in the back end and also in the in the front end.
We are starting to, uh, see, uh, things happening.
Okay.
So we can create a new task here.
Like, I don't know, like go to the cinema.
Do you remember when we went to the cinema many years ago?
Okay, so you see here in the terminal, you are seeing the log of what is happening.
So, as you have seen, to, uh, run the front end and back end simultaneously in your computer is
very easy.
In order to stop the server, you just have to use control C, okay.
Remember that.
So now we are going to deploy our, uh, application to the cloud.
We will deploy the back end to render.
Com and then the front end to Barcel.
Com we will do this in the next subsection.