How to use GitHub with v0

Hi, I'm Pauline from Versile and in today's video I'm going to show you how to use Vzero's Git integration to get your ideas from prototype to production. So in this video we'll be building a blog, connecting it to GitHub, experimenting with new features safely using branches, and then deploying it live to the web. By the end, you should understand the complete workflow. So let's dive in. Okay, so we're in V 0.

I'm going to start by building a simple blog. I'll just describe what I want in the chat. So, what we'll do here is create a modern blog page with a header featured post and a grid of recent posts. Pro tip, you can also change the model from here. So, we have multiple models. We got mini, pro, max, uh, and opus as

well. So, you can change that as you're as you're chatting. Nice. I like it. So, Vzero's generated this clean blog layout for me. Let's make a few adjustments to personalize it a little bit. So let us make the oh if I can spell make the header background gradient from blue

to purple perfect. Now I have a blog that I'm happy with. But right now this only exists in v 0. I need to save my work somewhere more permanent. Eventually, I want to deploy this live and that's where this Git integration comes in. So, we'll just head over here to the sidebar where you can see the GitHub logo and Git connection. So, since this is my first time connecting this project, Vzero asks me to connect my GitHub

account and name my repository. So, what we'll do here is we'll go ahead and connect. So, the scope is my account. I'm in all of these accounts, but for now, I'll just use my personal Pauline account. I'm happy with this repository name. So, we'll just leave it like that and go ahead and create the repository. And just like that, Vzero is creating the repository and pushing all of my code to GitHub. Great. Now, let's see what actually happens in GitHub. So, we

can have a look. Look at all of this code that Vzero generated. It's properly structured with all the configuration files I need. My components are there, the app directory, and everything is organized and ready to work with. So, you may be thinking, what did I actually gain by connecting to GitHub? So, first, my code is safely backed up. If anything went wrong, I have my entire history. Second, I can experiment more freely now without worrying about breaking changes.

We'll see this in action in a moment with branches. And third, I have a path to production. I can deploy this blog live. Okay, let's see this in action by adding a new feature. Let's say I wanted to add a about the author section, but I'm not 100% sure how I want it to look yet. I don't want to mess this version. So, this is where branches come in. A branch is like a parallel version of your project where you can experiment safely. Okay. So, what we'll do here is we will duplicate this branch. Let's

call this branch author bio. So notice up here I'm now on the author bio branch. My main branch is still exactly as I left it untouched. So now we can freely experiment here. So we want to add that author bio. So we'll just ask V0 to add an author bio section. Okay. Amazing. It's added this new