Very well.
So now we are going, uh, to see the last step of, uh, this blog.
We are going to learn how to deploy our front end application on Vercel.
Com you will see, uh, how to upload the front end application to GitHub, how to create a free account
on Vercel, how to create a new project on Vercel by importing the front end from GitHub.
How to enter the environment variables on Cellcom.
How to check that the course configuration is correct so that it does not blow communication between
front end and back end.
And finally a remember where to find the answers in CAS in case of doubts or product.
This is something that we repeat, uh, almost every lesson in case of in case of doubt of problems
or questions, go to ChatGPT and all the other, uh, channels you already know.
So in the right side of the screen, you have the instructions to deploy the front end to Vercel.
The first thing is to a prepare the GitHub repository.
A in order to do this a and to load a to.
To load, uh, your, uh, front end, uh, application to GitHub, you will need to follow the same
instructions we shared with you, uh, for the back end.
Then you will create a free virtual account.
You don't have one yet.
Here, you have some instructions.
Then you will connect your GitHub repository with Vercel.
This is super easy as you have here.
Then you will configure your project in Vercel.
Uh, especially the project options and the environment variables.
And this is important a in the step five you will deploy.
And a you will verify your application following this application.
The important thing here is to enter the environment variables correctly, especially the one referred
to where to find your back end application.
Okay, so follow these instructions and everything will be okay.
And finally, this is the last step you need to perform in order to check that the course configuration
configuration is correct, so that it does not blow communication between front end and back end okay.
So go to the Main.py, uh, file in your front end and.
Change the line 20.
Now this is the back end.
This is the back end.
Okay.
So this is an alternative way to do this.
And this is the way and your course configuration should, uh, should, uh, should, should look like.
And here you have just, uh, a consideration.
If your data does not load, try to push cache inverse.
Okay.
And this is the way to do it.
So once you have completed, uh, these steps, your vercel URL is going to look something like this.
You see, what is the good thing about about having a vercel free URL like this.
First, it is connected with the backend so you can enter a new task.
Here.
You can say, okay, so now we want to go to the moon okay.
Now remember this is integrated with the render database is not your computer's database anymore.
Is the one you created in render okay.
But the good thing about this is that apart from I mean having a free full stack application with free
vercel and free render, you have completed the whole process.
Uh, once you are building larger applications, you will have to use the paid version of Vercel and
the paid version of render or any other alternatives you use.
But right now you are not only completing the cycle, but you are also having a URL where you can,
uh, send your users, your customers, your managers, the your team members, etc. in order for them
to use your full stack application online.
So this is really, really powerful.
So, uh, congratulations to have reached this point in the program and in the lesson, this is a very,
very, very important lesson.
In my opinion, this is the peak of the program.
And once you feel comfortable with this lesson, you are going to, uh, to have covered a very, very
important milestone.
So from now on, it is going to be easier and easier.
But again, my recommendation go back and repeat each of the subsections of this lesson until you are
familiar and comfortable before going to the next, uh, to the next lesson.
Okay.