Name: Bolt.diy
Uploaded: 2025-03-04T07:23:39.348Z
Duration: 2 min 33 s
Description: Open-source platform enabling AI-powered full-stack web development using any LLM.

bolt-diy

Open-source platform enabling AI-powered full-stack web development using any LLM.

Bolt.diy

This is the latest version of Bolt.diy running locally on my computer and I'm using enthropy CLA Sonet 3.7 as a large language model through open router. As you know, anthropic has recently introduced clot Sonet 3.7 and this is probably one of the best large language models out there for programming. 

So in this video, we'll be using the best large language model out there for programming and we'll see how bold. dii will perform with clot 3.7. So before we start, please share AI Agent Store with colleagues. Our goal for this video is to reach 1,000 likes. 

All right, let's start. Let me just you first that how you can download and install bold. DIY locally on your computer. Download bold. DIY simply just open your browser tab and write bolt. DIY and after that it will just reload this GitHub reposty. From here, you can simply just copy the URL of this GitHub reposter. 

From here, create an empty folder inside your computer and then open that folder inside your terminal. In here, just write kit clone and then provide that URL that you just copied from there and then simply just press enter. I have already installed bold DIY so I will not install it again. But once you press enter, it will just clone the repository of Bolt.diy on your folder. 

Simply just open this repository and now open this folder inside your terminal again. Now go back to your GitHub repository of b.

Dii and then scroll down come to this section which is running the application. And then from here simply just copy this prompt from here and then paste that prompt inside your terminal press enter. I have already run this command in my terminal and once you run that next step is to run this second command just copy it from here and then paste that in here. 

And then after that it will just like start downloading packages for poll. Eii it usually takes 3 to 4 minutes it can totally depend on the speed of your internet connection but this step should complete within just 3 to 4 minutes. Once this step is completed now next step is to run this command to run this Bolt.diy application now simply just copy this command from here and then paste that in here and then you can see now it will actually run our project run bold.

DIY locally on this Local Host URL. It will provide this URL. Just copy this URL and then next step is to open this URL inside your Chrome browser. Now bold I have suggested to use Chrome Canary browser. You can download and install Chrome Canary browser from Google Chrome. Simply just type Chrome Canary download and just open this first URL. Then simply just click on download and you can simply just download and install Chrome Canary browser. 

After that simply just inside your search bar look for Chrome Canary and then open this browser. In here next step is to just open this Local Host URL inside your Chrome from Canary browser. This is how it will open when you'll open this URL for the first time. It will not open this API Keys section in here. So you will just have to click on this reload button and then after it reloads it will start showing all of these different API Keys options in here. 

Now once you have downloaded and installed Bolt.diy locally on your computer now. Next step is to get clots 13.7 API key. In this video we're going to use open router for that. Open router is a platform for large language models. You can simply just come to open router and then sign in using Google. Simply just look for CLA Sonet and in here you'll find these three different options. One is CLA Sonet 3.7 self mode rated. One is CLA Sonet 3.7. So you just need to use this CLA Sonet 3.7. 

Simply just open that and then in here the most important thing is the pricing. So CLA Son 3.7 is a really expensive model so far. So it costs $3 for per million input tokens and $15 per million output tokens. This is not an ideal model for you if you want to use a cost effective large language model with Bolt.diy for programming. But if you just want to like test it because in this video our goal is to just test the Bolt.diy functionalities with the best programming model out there. So don't worry if you don't want to spend your money on clot 3.7 to test. So let me just spend my money on clonet 3.7 for you and see how bold performs with this model. 

So once you're here, simply just go to API section. From here, you can simply just click on create key and just give it a name and then press on create. I have already created an API key and I'm using it inside b.i, so I will not just create a new one. 

So once you have done that, make sure that from this drop down you choose open router. From here, you use anthropic CLA Sonet 3.7. After that, now it's time to test and let's see how it performs. Let's just try to create a landing page first and see how it works. 

Create a landing page for my AI habit Tracker app. The landing page should be very professional with a modern design. Create different sections of landing page like header, hero section, and other important sections for landing page. 

All right, so we have our basic prompt in here. I'll just press on enter and see how it creates our landing page. So now, as you can see, speed is quite good. It is writing code in a really good speed and that's what we actually expect from cloud 3.7. So that speed is good. 

So right now, it is creating different components. Right now, it is creating this header component. After that, it will create the other components for our page. 

Okay, so we have got our first error. I'll just press on ask bot and try to resolve this first error. All right, the error is is still.

There I'll try to press on ask bolt once again to fix this error and see how it works. Now we still have our terminal error. Apparently, this error is related to some of the packages. I'll try to fix that error again. I'll click on ask bot once again. Hopefully, it should fix this error this time. If not, then we'll have to create a new project because, as you can see, every time I give it a prompt, it is costing us money. 

So now it is just installing those dependencies. There's still an error. I'll just click on preview and see if there's anything that it has generated. Nothing yet. All right, let's just click on ask bot again. By the way, while I'm actually creating this, let's just check out the usage. So we have not created anything yet. We got like several times errors in this basic project. 

So let me just open the usage of open router and see how many tokens we have consumed. So inside open router, I'll just go to my activity section in here and inside my usage, I can see that so far $0.7 has been spent. But when I come back to my project, we still don't have a functional project. So I'm just trying to run this project again. I just run this command npm run Dev, and whenever I run that command, we get this error, which is a syntax error, un card syntax error, the request module node module L chart. 

Okay, so there. Okay, so this is probably related to it's a react error related to this chart. Okay, so I think this is our dependency error. So I'm just trying to click on ask Bol. It should install this dependency and then fix this.

Error it's not that actually rocket science to fix this error. It's very basic error. If you're using something like cursor or wind surf it would have been very easy and very cheap actually to fix that error. But right now we are actually with each command that we're giving with each asking for help to fix this error we're actually spending more money. 

So still preview is not available and what we have right now we have our project. We have all of the source code in here and I can see there are different components. There is one CD call to action component. There is one features component, photo section, header section, hero section, and testimonial section. I can see like project is set up in here but we are unable to have our preview. 

Inside terminal if I see I don't see any error right now in my terminal right now so it should work apparently. Okay let's just create a new project and try to create something else this time. I'll just click on a create a task manager app in next.js. I want you to create askask dashboard where I can add my to-do tasks, in progress tasks, and done tasks. It should have a dat cre selection option. It should have an option to add a team member so I can assign that task to that team member. 

Focus on the functionalities please set up a project and then create this app. All right so now let's SC a command again and see how it works. Okay so now it has set up an empty project right now as usual. By the way if you're wondering how I'm using this speech to text app so this is actually default.

Windows speech to text app you can use that by using your Windows key your keyboard and H key on your keyboard. So it will just pop up then simply just click on this button and it will just like come there so you can see this command in here Windows plus h. 

Okay so we got I will modify an existing file that don't need changings. Let me remind please remind me of your original request so I can proceed accordingly. Oh really okay just copy this and then paste that. If you're testing it yourself with CLA 3.7 just keep an eye on your usage. Just do not go bankrupt please run the project and show the preview. 

All right so it is now installing all of these packages hopefully it will run this time. Okay so it has just finished writing all of the code and it is now showing preview but there's nothing on preview. On preview it doesn't show anything this is what it shows please create preview run the project. 

Let's just see how it works now as you can see our cost has jumped so far we have spent around 1.38 in total and 3.7. All right so apparently it is not working I'm trying to run my command as well and but still it will not show me a preview. Directory is/ home/ project I'm trying that but still it is not working. 

Let's just give it final try and try to create something else in let's just give it final try and try to create a basic landing page once again and see how it works. Let it just create a basic landing page. 

Okay so this is what it has created it has created this basic Astro blog and this is our basic Landing Bas.

So fine yeah okay after so many attempts and after spending like $2 we got this with one of the best model for writing code I've been following Bolt.diy for a while now and this was actually a really good passion project but for some reason b. DIY sometimes it works sometimes it just doesn't work. I mean sometimes it works really well with a free Gemini Pro um API key. It works really well and as you know Google Gemini Pro is a really good large language model. 

But today as you saw we tested it with clot own at 3.7 one of the best large language models for writing code. So it did not work that well with clot 3.7. If you're wondering to use Bolt.diy with Claude 3.7 I will not using it because it will just like cost you too much at the end of the day and you will not be able to create something professional and something that you're actually looking to develop. 

There are some other really good alternatives you can use something like Temple lab or something like data button. I know there is a usage limit in free plan but still those kind of tools actually work. Or maybe you can use clein with vs code and use it as your AI code editor. 

Note, that there may be slight differences in text and video. Watch video for the original content.

Bolt.diy Video