This lecture, we're going to take a look at how we can extract this code, extract our application
that has been created by lovable and save the code somewhere else.
So if you are taking a look here at the dev mode, you're going to see here that this is our application
code.
And of course it doesn't make sense to go here.
Fireball file and copy all these files.
And there's no download button or something like that.
So in order to take this code and work on it independently of lovable, we need to copy it.
And in order to do that, we're going to use a GitHub integration, because this is what allows us to
take the code and store it in a GitHub repository.
So let's go ahead and click here on this GitHub icon.
It even says here sync your project with GitHub.
And we're going to go through a process because again GitHub is a third party thing outside of lovable.
We need to integrate it with lovable to get everything to work.
I'm going to go ahead and click connect GitHub.
Now this is going to open up this additional page.
This is also something that's part of settings.
And it's very similar to how we have configured Supabase.
But let's go ahead and do this step by step.
I'm going to click on connect GitHub.
And in order to follow along you need a GitHub account.
And you need to be logged in already.
So in this case, GitHub is going to ask us if we allow lovable information about our account.
So I'm going to say yes we authorize lovable.
And then what we need to do is to link a new GitHub organization.
So we're going to click on this.
I'm going to leave here the option all repositories and select Install and Authorize.
So now I have linked my GitHub account.
All we need to do is click again here on link.
And now it has been properly linked but we're still not done yet.
I'm going to close this window.
I'm going to see here it says not connected.
And what we need to do is click here Transfer project select this organization and now it says Project
Connected.
We can actually view it on GitHub.
This project has been automatically created.
You notice here the name of the project.
It is the exact same name as the project inside lovable.
Here and now.
Changes that we make to lovable are also going to be synced to GitHub.
And if we make changes on GitHub, they're also going to be synced with lovable.
So there's a two way integration which allows us to make changes outside of lovable.
Meaning it doesn't cost us any credits.
And we also have ownership over our application here.
So this is again another important aspect.
Apart from this, you also want to check the permissions of these repositories.
If you want to keep everything private, make sure that this particular repository isn't a public repository.
Now, just in case you're wondering, you can easily tell if this is a public repository or not.
So if you see this lock here, it's going to tell you that this is actually a private repository.
So the code that you have here is private.
It's also being described here.
So do check that if you don't want to have your code public that it is stored in a private repository.
And we're going to see here very fast that every time we are making changes here those changes are going
to be automatically synced with GitHub.
So this is a nice and actually very useful integration that I recommend enabling as soon as possible.