🎯 Welcome to the entire AI-driven development journey! 📺 Follow the complete app evolution: 1. Improve and Auto-deploy: You're watching this! 2. Adding AI Capabilities: ua-cam.com/video/H1_B20ZzI-k/v-deo.html 3. Adding Backend, API, & Database: ua-cam.com/video/Ob7CVtwh39k/v-deo.html 4. Adding User Authentication: Coming Soon 5. More coming up! Hit subscribe so you won't miss it. 😊 💡 Pro Tip: Watch up to #3 to see how we progress from a simple web app to a full-stack application using different AI tools at each stage. 🔔 Hit subscribe to follow our AI development journey!
finally not a half ass tutorial but instead start to finish! I was really wondering about the last step with re-importing into bolt and then how to go from there...great idea with just copy pasting the changes. keep them coming
Thanks so much for the kind words! Really glad you found the full walkthrough helpful. Yeah, that manual copy-paste step isn't ideal, but sometimes we have to work with what we've got 😅 I try to show the real process, workarounds and all. Really appreciate you taking the time to comment!
The most helpful tutorial I’ve seen so far with bolt. As a founder, who does not know code, I’ve been very excited but have a lot of questions I don’t know how to find answers for and this video explains a lot them. Thank you and looking forward to seeing more. Definitely subscribed
Thank you so much for your kind words! I'm thrilled to hear that the tutorial has been helpful for you as a founder. Your support means a lot, and I'm excited to create more content that breaks things down in a way that makes sense. Feel free to leave any questions you have in the comments! Thanks for subscribing! 🙌
@AIDrivenCoder Thanks ...just wanted to know if I change the layout of the website - add new pages etc...how to update the same in Stackblitz from Bolt?
Yeah, you're spot on about the token usage - it can definitely be a pain not knowing exactly how much you're using up when generating code. And those formatting quirks can get annoying for sure. Good news is they're constantly pushing updates to make it better. If you're looking for alternatives, I've actually made videos about Aider and Cline that you might find helpful - they each have their own strengths. Appreciate you pointing this out!
I tried to load my GitHub Repo back into my Bolt.New at the 11:18 mark, and I continuously get the message "You don't have access to the repository". There's no way for me to bring the repo back into Bolt. I'm stuck.
Make sure your GitHub repository is set to public - this is usually the cause of the "You don't have access" error in Bolt.New. To change this: Go to your repo on GitHub Click Settings Scroll down to the "Danger Zone" Click "Change visibility" and set it to public Once you've done that, you should be able to load the repo into Bolt.New without any issues. Let me know if you're still having trouble!
@@AIDrivenCoder hi sir , i try ur method , but still show " you dont have access to the repository.... online finding solution , no have any clue now =(
Thanks for a great video. I am completely new into coding, but with 20 years of testing experience. My experience so far with Bolt.new is, that it hallucinates sometimes and when it does, i find it hard to get it back on track. You have set it to deploy into main, but wouldnt it be best to stay in another branch until it is stable, so main is always stable ?
Thank you for your thoughtful comment and for sharing your testing experience! You make an excellent point about branch management. In production environments, it's best practice to develop in feature branches and merge to the main once the code is stable and tested. I kept the video focused on basic integration to avoid overwhelming newcomers. And you're right about AI hallucinations - proper prompt engineering is crucial for getting reliable results from AI coding assistants. I'll cover this in future tutorials, along with more advanced topics like branch protection and Git workflows. Thanks for sharing your insights! 👍
Thanks! For GitLab deployment: 1. Download your Bolt project as ZIP, then extract. 2. Create a new GitLab project, then either: - Use GitLab's web UI: Click the "+" button → Upload Files → drag & drop your files - Or via Git: Initialize local repo, add GitLab remote, and push 3. Connect to Netlify (or your preferred host) → Import from GitLab → select your repo → follow the deployment steps from the video If you'd like a detailed walkthrough of the GitLab setup process, let me know in the comments! I can cover it in an upcoming video 🚀
@@AIDrivenCoder oh yeah would love to - thank you very much. The fact is, if you do it it will enlight why some stuff are done basicaly and what other are specifics. Thanks
That's right, unfortunately. The only way is to manually copy-paste your changes, at least for now. It's such a pain if you're using external tools alongside Bolt, which will eventually happen when your project outgrow Bolt.
Thanks for watching! For handling multiple files and changes, I'm happy to share that Bolt.new recently added a useful feature - you can now download your entire project as a zip file. While Bolt.new doesn't have direct GitHub integration yet, this makes transferring larger changes much more manageable. If you watched till the end of this video, I mentioned some limitations and offer solutions here: ua-cam.com/video/H1_B20ZzI-k/v-deo.html Stay tuned as I'll be covering more workflow improvements in upcoming videos!
Is there a better way to transfer the changes made in bolt.new to stackblitz instead of copy pasting each change? (like wat If there are many changes and I added/deleted pages), anyway to overwrite the existing repo in stackblitz?
Great question about transferring changes! You're right - copy-pasting each change can become tedious, especially with multiple files. Currently, since Bolt.new doesn't directly connect to GitHub repositories, manual transfer is the main way to move changes to Stackblitz. However, if you watch till the end of this video, I actually address this limitation and preview how we'll solve it in the next video ua-cam.com/video/H1_B20ZzI-k/v-deo.html I still recommend starting with Bolt.new though - it's fantastic for quickly bootstrapping projects and getting that initial structure set up! The workflow of starting in Bolt.new and then transitioning to other tools later actually works really well, which is exactly what I demonstrate throughout this video series.
Are you potentially involved with the bolt Fork project bolt otto dev creared by Cole and turned into a community project. They would really benefit from your skill set and ultimately at the end of the day this workflow resolves 100% of my issue but I'm wondering if it would work on the fork model
Thanks for asking! No, I'm not currently involved with the Bolt Otto dev fork project, though I appreciate the work Cole and the community are putting into it. You're right about the workflow - it should work with the forked version as long as the Download functionality remains intact. I plan to look at the Otto dev fork soon to understand its capabilities and differences better. While I'm focused on developing content with the official release for now, I'm always happy to help the broader Bolt community however I can. Thanks for being part of this innovative space! 🙂
Thanks for asking! Currently, bolt.new doesn't have direct GitHub integration. Since bolt.new is a StackBlitz product, we need to use StackBlitz as the intermediary step to connect with GitHub. While it would be convenient to deploy directly to GitHub, this workflow ensures we can properly manage and deploy our bolt.new-built applications. Hope this helps explain the process! 😊
Can you do a video with cursor? Also how do I use a custom llm so that it writes code I want without restriction? And what about the backend if I wanted to make a nfsw tool to make images and videos
Thanks for the suggestions! A Cursor tutorial is definitely coming soon. For your backend questions, I'd recommend checking out part 3 of this series: "Adding Backend, API, & Database." It covers the fundamentals of setting up a backend API that you can build upon for various use cases: ua-cam.com/video/Ob7CVtwh39k/v-deo.html I've made note of your interest in Cursor - stay tuned for that tutorial!
@ can you make a video that will incorporate all of that into one? To build a complete fully functional website Im using cursor, stackblitz and netlify. But I want a db that is accessible in the back end as well as more complex code that doesn't seem to work this way. So far bolt is only doing simpler codes but not the complex one. Also I would like to encorporate unrestricted llms into the code. Have u seen deepseek? It's really good llm
You're right that Bolt is more focused on quick app initialization. For a full-stack application, I've actually broken down the process into these videos: 1. Improve and Auto-deploy: Setting up the foundation 2. Adding AI Capabilities: ua-cam.com/video/H1_B20ZzI-k/v-deo.html 3. Adding Backend, API, & Database: ua-cam.com/video/Ob7CVtwh39k/v-deo.html And yes, Deepseek is great! I'll be making a video using it with Aider for more complex code generation. For now, check out video #3 for the database and backend integration. You might find video #2 useful for integrating your LLM of choice. Stay tuned for the Cursor tutorial coming soon! 🚀
@@AIDrivenCoder Great video man, The method i used to create a fully working feature rich, full stack-app was by using chatgpt speech and brainstormed an idea, then after some further research in gpt, and some back and forth until we knew exactly what was needed to be functional, looked amazing and also had additional functionality for improvements. Then i asked chatgpt to make me an overview of everything needed to be done, from bhulilding to the SEO, marketing etc... then i asked it to create a proffesional Business plan. Then finally i said using this whole thread of disscusion from idea to starting to build the business... create a comprehensive, and very in depth prompt to give to an AI coding agent, so it would understand completely... in other words write it so that you would be able to build it if the prompt was given to you, in as much detail needed... but make it in 5 or 6 different stages. Which i gave to bolt 1 stage at a time... there was literally no errors, no need to fix anything visually, the URL structure, sitemap, everything was constructed for SEO, and even create an admin platform to create blog posts which could be written by myself, or i could set a schedule to research and write a regular blog post using the XAI API as it has all the up to date discussions and news for the niche... and i didn't even ask for that or even know it was possible.
If you accidentally closed your StackBlitz tab, there are a few easy ways to get back: Press CTRL+SHIFT+T to reopen your last closed tab Check your browser history for the StackBlitz link Go directly to stackblitz.com and find your project there Hope this helps! Let me know if you need anything else 😊
I'm not exactly sure of the context but you can try: 1. Make sure you're logged into both GitHub and StackBlitz 2. Try refreshing the page and connecting again 3. If that doesn't work, try creating a new StackBlitz project and connecting it to GitHub again
I organize these tutorials in a logical sequence, starting with deployment basics, then AI features, and finally the database setup. Hope that helps point you in the right direction! Let me know if you have any other questions. 1. Improve and Auto-deploy: You're watching this! 2. Adding AI Capabilities: ua-cam.com/video/H1_B20ZzI-k/v-deo.html 3. Adding Backend, API, & Database: ua-cam.com/video/Ob7CVtwh39k/v-deo.html
Sure, though there are multiple prompts shown in the video, it's all there. 🙂 If you want the initial prompt to create the app, it's in 01:06 mark. I hope it helps.
...install Bolt & WHATEVER AND ANY FILES😮, ...Pay to use, ....that take ALL work You do & claim it, ...Nope ! Bye, I'll use my free modded version with ALL FIXINGS! videos, texts, voice-overs, audio, imaging, No Api's, internet searches Free, scrapping, ai building of code, code writing & error handling ....yeah I'm still running top dog lol. I am free to help AIDriven if u want 😎👍
Brother, Once we deploy the code to netlify from bolt, can we update the code in future from bolt.new? How the thing actually work? Please create a video about this
While bolt can open public GitHub repos, it doesn't have direct GitHub integration for sending changes back. When you make updates in bolt, you'll need to download your project as a ZIP file (new button beside Deploy) and manually update your GitHub repository. The video shows the initial deployment process, but for future updates you'll need to manage the GitHub updates yourself. Watch the full video to understand the deployment workflow. I may create a more detailed tutorial about different update methods in the future. 👍
@@AIDrivenCoder Thanks a lot for detail response. Please aslo create a video about how we can use the code by downloading and pushing to the GitHub repo if we want to change in future. I actually downloaded the code but it does not work when I open them in my vs code. Thanks again for the awesome tutorial
🎯 Welcome to the entire AI-driven development journey!
📺 Follow the complete app evolution:
1. Improve and Auto-deploy: You're watching this!
2. Adding AI Capabilities: ua-cam.com/video/H1_B20ZzI-k/v-deo.html
3. Adding Backend, API, & Database: ua-cam.com/video/Ob7CVtwh39k/v-deo.html
4. Adding User Authentication: Coming Soon
5. More coming up! Hit subscribe so you won't miss it. 😊
💡 Pro Tip: Watch up to #3 to see how we progress from a simple web app to a full-stack application using different AI tools at each stage.
🔔 Hit subscribe to follow our AI development journey!
finally not a half ass tutorial but instead start to finish! I was really wondering about the last step with re-importing into bolt and then how to go from there...great idea with just copy pasting the changes. keep them coming
Thanks so much for the kind words! Really glad you found the full walkthrough helpful. Yeah, that manual copy-paste step isn't ideal, but sometimes we have to work with what we've got 😅 I try to show the real process, workarounds and all. Really appreciate you taking the time to comment!
BROOOOOOOOOOO!!! This tutorial answered 1700 of my original 10 questions!! THANKYOU!
😅 That’s awesome! Glad it helped you out!
Oh wow thank you - perfect timing; exactly what I needed; so clearly explained. Off to try and implement now ))
Thanks so much! Really glad the explanation was helpful and came at the right time for you. All the best with the implementation! 👍
Great video, saved me so much time! Thank you!
That's exactly what I hoped for - making things quicker and easier for viewers like you! Thanks for letting me know 😊
The most helpful tutorial I’ve seen so far with bolt. As a founder, who does not know code, I’ve been very excited but have a lot of questions I don’t know how to find answers for and this video explains a lot them. Thank you and looking forward to seeing more. Definitely subscribed
Thank you so much for your kind words! I'm thrilled to hear that the tutorial has been helpful for you as a founder. Your support means a lot, and I'm excited to create more content that breaks things down in a way that makes sense. Feel free to leave any questions you have in the comments! Thanks for subscribing! 🙌
thanks for making this!!
Anytime! Happy you liked it! 😊
Excellent and very very helpful... Thx
I'm glad you found it helpful! Thanks for watching.
@AIDrivenCoder Thanks ...just wanted to know if I change the layout of the website - add new pages etc...how to update the same in Stackblitz from Bolt?
Good Job help me alot keep it up
Thank you so much! I'm glad to hear that my content has been helpful for you. I'll definitely keep it up!
❤😮 Thank you boss . Keep doing more videos like this for bolt.new
Thank you for watching! I'm glad you found it helpful. More videos are on the way! 🙂
Amazing tutorial, thanks mate
No problem 👍
I love you dude !!
Great tutorial please continue
The problem is the tokens that bolt uses. You dunno how many tokens it is using for each code generation. Lots of formatting issues as well.
Yeah, you're spot on about the token usage - it can definitely be a pain not knowing exactly how much you're using up when generating code. And those formatting quirks can get annoying for sure. Good news is they're constantly pushing updates to make it better. If you're looking for alternatives, I've actually made videos about Aider and Cline that you might find helpful - they each have their own strengths. Appreciate you pointing this out!
Thank you. This video is more useful.
Thank you for your kind words! I'll keep making helpful videos. 🙂
I tried to load my GitHub Repo back into my Bolt.New at the 11:18 mark, and I continuously get the message "You don't have access to the repository". There's no way for me to bring the repo back into Bolt. I'm stuck.
Make sure your GitHub repository is set to public - this is usually the cause of the "You don't have access" error in Bolt.New. To change this:
Go to your repo on GitHub
Click Settings
Scroll down to the "Danger Zone"
Click "Change visibility" and set it to public
Once you've done that, you should be able to load the repo into Bolt.New without any issues. Let me know if you're still having trouble!
@@AIDrivenCoder hi sir , i try ur method , but still show " you dont have access to the repository.... online finding solution , no have any clue now =(
@@yuanffeng I am having the same issue
Thanks for a great video. I am completely new into coding, but with 20 years of testing experience. My experience so far with Bolt.new is, that it hallucinates sometimes and when it does, i find it hard to get it back on track. You have set it to deploy into main, but wouldnt it be best to stay in another branch until it is stable, so main is always stable ?
Thank you for your thoughtful comment and for sharing your testing experience! You make an excellent point about branch management. In production environments, it's best practice to develop in feature branches and merge to the main once the code is stable and tested. I kept the video focused on basic integration to avoid overwhelming newcomers. And you're right about AI hallucinations - proper prompt engineering is crucial for getting reliable results from AI coding assistants. I'll cover this in future tutorials, along with more advanced topics like branch protection and Git workflows. Thanks for sharing your insights! 👍
Thanks - nice one! How can it be done with Gitlab?
Thanks! For GitLab deployment:
1. Download your Bolt project as ZIP, then extract.
2. Create a new GitLab project, then either:
- Use GitLab's web UI: Click the "+" button → Upload Files → drag & drop your files
- Or via Git: Initialize local repo, add GitLab remote, and push
3. Connect to Netlify (or your preferred host) → Import from GitLab → select your repo → follow the deployment steps from the video
If you'd like a detailed walkthrough of the GitLab setup process, let me know in the comments! I can cover it in an upcoming video 🚀
@@AIDrivenCoder oh yeah would love to - thank you very much.
The fact is, if you do it it will enlight why some stuff are done basicaly and what other are specifics. Thanks
I am also interested in understanding the pricing when scaling up your serve end users. Can you please provide specifics around the pricing ?
Great question! Pricing can vary based on your usage and the features you need.
great video . however if the repo is private is there any way to open it on bolt.new ?
Thanks! Unfortunately, we cannot open private repos on bolt.new.
Oh ok. Thank you
Wow bro ❤
Thanks for the tutorial! So if the repo set to private, it's no way to import back to bolt.new?
That's right, unfortunately. The only way is to manually copy-paste your changes, at least for now. It's such a pain if you're using external tools alongside Bolt, which will eventually happen when your project outgrow Bolt.
@@AIDrivenCoder Thanks for your reply. Hopefully it will improve soon.
Thanks for the video tutorial. How to push changes if we have new files and a large number of upgrades? How do you publish the changes?
Thanks for watching! For handling multiple files and changes, I'm happy to share that Bolt.new recently added a useful feature - you can now download your entire project as a zip file. While Bolt.new doesn't have direct GitHub integration yet, this makes transferring larger changes much more manageable.
If you watched till the end of this video, I mentioned some limitations and offer solutions here: ua-cam.com/video/H1_B20ZzI-k/v-deo.html
Stay tuned as I'll be covering more workflow improvements in upcoming videos!
Could you do a video on this?
Here you go 😊 ua-cam.com/video/OOrCU9rwedw/v-deo.html
Is there a better way to transfer the changes made in bolt.new to stackblitz instead of copy pasting each change? (like wat If there are many changes and I added/deleted pages), anyway to overwrite the existing repo in stackblitz?
Great question about transferring changes! You're right - copy-pasting each change can become tedious, especially with multiple files. Currently, since Bolt.new doesn't directly connect to GitHub repositories, manual transfer is the main way to move changes to Stackblitz. However, if you watch till the end of this video, I actually address this limitation and preview how we'll solve it in the next video ua-cam.com/video/H1_B20ZzI-k/v-deo.html
I still recommend starting with Bolt.new though - it's fantastic for quickly bootstrapping projects and getting that initial structure set up! The workflow of starting in Bolt.new and then transitioning to other tools later actually works really well, which is exactly what I demonstrate throughout this video series.
Are you potentially involved with the bolt Fork project bolt otto dev creared by Cole and turned into a community project. They would really benefit from your skill set and ultimately at the end of the day this workflow resolves 100% of my issue but I'm wondering if it would work on the fork model
Thanks for asking! No, I'm not currently involved with the Bolt Otto dev fork project, though I appreciate the work Cole and the community are putting into it. You're right about the workflow - it should work with the forked version as long as the Download functionality remains intact. I plan to look at the Otto dev fork soon to understand its capabilities and differences better.
While I'm focused on developing content with the official release for now, I'm always happy to help the broader Bolt community however I can. Thanks for being part of this innovative space! 🙂
Why do you need to involve stackblitz? Cannot we do it directly to github? Just thought of checking with you?
Thanks for asking! Currently, bolt.new doesn't have direct GitHub integration. Since bolt.new is a StackBlitz product, we need to use StackBlitz as the intermediary step to connect with GitHub. While it would be convenient to deploy directly to GitHub, this workflow ensures we can properly manage and deploy our bolt.new-built applications. Hope this helps explain the process! 😊
Can you do a video with cursor?
Also how do I use a custom llm so that it writes code I want without restriction?
And what about the backend if I wanted to make a nfsw tool to make images and videos
Thanks for the suggestions! A Cursor tutorial is definitely coming soon.
For your backend questions, I'd recommend checking out part 3 of this series: "Adding Backend, API, & Database." It covers the fundamentals of setting up a backend API that you can build upon for various use cases: ua-cam.com/video/Ob7CVtwh39k/v-deo.html
I've made note of your interest in Cursor - stay tuned for that tutorial!
@ can you make a video that will incorporate all of that into one? To build a complete fully functional website
Im using cursor, stackblitz and netlify. But I want a db that is accessible in the back end as well as more complex code that doesn't seem to work this way. So far bolt is only doing simpler codes but not the complex one.
Also I would like to encorporate unrestricted llms into the code. Have u seen deepseek? It's really good llm
You're right that Bolt is more focused on quick app initialization. For a full-stack application, I've actually broken down the process into these videos:
1. Improve and Auto-deploy: Setting up the foundation
2. Adding AI Capabilities: ua-cam.com/video/H1_B20ZzI-k/v-deo.html
3. Adding Backend, API, & Database: ua-cam.com/video/Ob7CVtwh39k/v-deo.html
And yes, Deepseek is great! I'll be making a video using it with Aider for more complex code generation. For now, check out video #3 for the database and backend integration. You might find video #2 useful for integrating your LLM of choice.
Stay tuned for the Cursor tutorial coming soon! 🚀
@@AIDrivenCoder do you have telegram?
@@AIDrivenCoder Great video man, The method i used to create a fully working feature rich, full stack-app was by using chatgpt speech and brainstormed an idea, then after some further research in gpt, and some back and forth until we knew exactly what was needed to be functional, looked amazing and also had additional functionality for improvements. Then i asked chatgpt to make me an overview of everything needed to be done, from bhulilding to the SEO, marketing etc... then i asked it to create a proffesional Business plan. Then finally i said using this whole thread of disscusion from idea to starting to build the business... create a comprehensive, and very in depth prompt to give to an AI coding agent, so it would understand completely... in other words write it so that you would be able to build it if the prompt was given to you, in as much detail needed... but make it in 5 or 6 different stages. Which i gave to bolt 1 stage at a time... there was literally no errors, no need to fix anything visually, the URL structure, sitemap, everything was constructed for SEO, and even create an admin platform to create blog posts which could be written by myself, or i could set a schedule to research and write a regular blog post using the XAI API as it has all the up to date discussions and news for the niche... and i didn't even ask for that or even know it was possible.
please provide an update video as soon as the painpoint of the manual process between bolt and stackblitz is solved.
Will surely do as I'm looking forward to it as well. 🙂
If we cut the Stacblitz tab, how can we get back there I mean the working file?
If you accidentally closed your StackBlitz tab, there are a few easy ways to get back:
Press CTRL+SHIFT+T to reopen your last closed tab
Check your browser history for the StackBlitz link
Go directly to stackblitz.com and find your project there
Hope this helps! Let me know if you need anything else 😊
This is great! Now I wonder if you could help me (paid) to develop a few functionalities on a website for 1-2 hours?
Thanks for the feedback! 😊 Feel free to check out the video description for options for working together.
I cannot get this to connect and says error connecting to main after creating the repo????? how can I fix this?
I'm not exactly sure of the context but you can try:
1. Make sure you're logged into both GitHub and StackBlitz
2. Try refreshing the page and connecting again
3. If that doesn't work, try creating a new StackBlitz project and connecting it to GitHub again
Where IS the DB setting Bro Not found on video
I organize these tutorials in a logical sequence, starting with deployment basics, then AI features, and finally the database setup. Hope that helps point you in the right direction! Let me know if you have any other questions.
1. Improve and Auto-deploy: You're watching this!
2. Adding AI Capabilities: ua-cam.com/video/H1_B20ZzI-k/v-deo.html
3. Adding Backend, API, & Database: ua-cam.com/video/Ob7CVtwh39k/v-deo.html
ooh damn
Thanks. Can you share me the prompt?
Sure, though there are multiple prompts shown in the video, it's all there. 🙂 If you want the initial prompt to create the app, it's in 01:06 mark. I hope it helps.
...install Bolt & WHATEVER AND ANY FILES😮, ...Pay to use, ....that take ALL work You do & claim it, ...Nope ! Bye, I'll use my free modded version with ALL FIXINGS! videos, texts, voice-overs, audio, imaging, No Api's, internet searches Free, scrapping, ai building of code, code writing & error handling ....yeah I'm still running top dog lol. I am free to help AIDriven if u want 😎👍
Brother, Once we deploy the code to netlify from bolt, can we update the code in future from bolt.new? How the thing actually work? Please create a video about this
While bolt can open public GitHub repos, it doesn't have direct GitHub integration for sending changes back. When you make updates in bolt, you'll need to download your project as a ZIP file (new button beside Deploy) and manually update your GitHub repository. The video shows the initial deployment process, but for future updates you'll need to manage the GitHub updates yourself. Watch the full video to understand the deployment workflow. I may create a more detailed tutorial about different update methods in the future. 👍
@@AIDrivenCoder Thanks a lot for detail response.
Please aslo create a video about how we can use the code by downloading and pushing to the GitHub repo if we want to change in future. I actually downloaded the code but it does not work when I open them in my vs code. Thanks again for the awesome tutorial