So currently we have a pretty decent app.
We can start learning some Spanish, and we have even managed to implement some features.
And we can say at this point it is maybe sufficient enough that we maybe want to share it with someone
else.
Now, as a reminder, this application is running here locally.
So whenever you see localhost in the address, it means this is only working locally.
If you share this link with someone else, it's not going to work.
So super important if you want to share this application with someone else because we think it's useful,
then what we need to do is deploy it and we can get a bit of help from cursor in terms of that.
So what I'm going to do here is first of all not use agent, because sometimes with agent it just starts
deploying it.
And we don't want that when a switch here to ask.
And we can provide a prompt like hey I want to deploy this project, what should I do?
And initially we're gaining information.
We try to understand what needs to be done.
It's going to tell us that a few things in the code need to be fixed, but there are a few important
steps.
So one important step is actually building the project.
And this is something that we need to do in order to create a production build.
And this is going to generate a separate directory in our project structure here.
And we want to take that directory and deploy it somewhere.
And there are a few services that can help us with it.
And here we're going to get a list of all these popular services.
For this particular example we're going to use here this service called Vercel.
And it's relatively easy to create that.
We're going to jump now at the Vercel website.
And I'm going to show you exactly what you need to do there.
So what you need to do is go to vercel, then locate this sign up button.
Create an account.
It is relatively easy.
It takes only two minutes.
You don't need to provide a credit card or anything like that, and you should be able to log in into
your new account in just a few seconds.
Now, jumping back to the IDE, there are a few things that we need to do.
So what we're going to do here is switch to the agent and say, build the project and deploy to Vercel,
and we're going to let it do its thing.
So the first step is to build a project.
But currently in my setup it does have an error.
I don't know why.
Now the agent is trying to figure out how to fix this.
So it's asking us to make a change.
But actually we should directly be able to apply this change here.
So I don't know why we are being asked to do that, but anyway, we're gonna do exactly what it's telling
us to do.
So in a terminal window I'm going to run again here npm run build.
Sometimes it does it automatically.
Sometimes we're getting some additional work to do.
Okay.
So we still have this error.
It's telling us this category is declared but its value is never used.
So I'm going to select everything inside here including the command.
I'm going to select here add to chat.
Let's see if fix this works if it has enough context.
So the build is successful.
And what I want you to notice is this.
This directory this contains our application with an index.html file and everything else that is needed.
So this is what we are actually going to deploy.
Good that we are done with this first step and we're going to continue with the deployment.
So again they are here two steps that we need to do.
First of all we need to install Vercel CLI.
So let's go ahead and do exactly that.
Don't worry if you see any warnings around here.
Warnings and npm they go well together.
And now the second step is to actually run the cell command.
And this is gonna take us through this entire project, and it's going to tell us here.
Setup and deploy this particular website.
I'm going to say here, yes, we're going to put it in Valentin's projects.
That's something that has been set up during the account creation on Vercel.
So your name may be something different.
I only have this option.
We don't want to link it with any existing project.
So I'm going to select here.
No.
The name of the project is going to be by default flashcards because that's the name of the directory.
So I don't want to change that.
I'm going to press enter.
My code is located inside here in the current directory.
So that's also fine.
And there are also some settings that have been auto detected.
So we don't want to modify whatever they think is the right thing to do.
And now what is going to happen next is for the deployment it's currently building, as you can see
here in the logs.
And now this has been created and we're going to see here the link.
So this is the link of the application.
It's kind of long.
We can use control or command and click to open it up.
And there you go.
This is our application that has now been deployed on the virtual cloud infrastructure.
And we can share this link with someone else.
Of course it's also possible to put this on a custom domain so that we don't have this ugly address
here.
But probably the most important thing is that we now are able to go from idea to implementation, and
to being able to release it to someone else who wants to use our product.
That's probably the most exciting thing of the entire process.
Do you ever manage to do so far?
Congratulations!
If you have any issues, reach out in the Q&A or through a private message.
I'll be more than happy to help you out with these steps.