- Видео 19
- Просмотров 23 954
AI-Driven Coder
Филиппины
Добавлен 25 сен 2024
🚀 Turn ideas into deployed apps using AI development tools! Join a software engineer with 24+ years of experience as we explore practical applications of Aider, Cline, Bolt.new, Claude Artifacts, ChatGPT Canvas, and even upcoming tools!
Learn to build and deploy real applications while mastering:
• Complete development workflows in GitHub Codespaces
• Practical prompt engineering techniques
• Production-ready deployment strategies
• Real-world problem-solving with AI assistance
Perfect for beginners and experienced developers alike! Watch us tackle authentic challenges, debug real issues, and discover creative solutions - all while keeping the human developer at the heart of the process.
No generic tutorials here - just practical, hands-on development with cutting-edge AI tools. Subscribe for weekly content that bridges the gap between AI assistance and human creativity!
#AIDevTools #CodingTutorials #WebDevelopment #Programming #TechEducation
Learn to build and deploy real applications while mastering:
• Complete development workflows in GitHub Codespaces
• Practical prompt engineering techniques
• Production-ready deployment strategies
• Real-world problem-solving with AI assistance
Perfect for beginners and experienced developers alike! Watch us tackle authentic challenges, debug real issues, and discover creative solutions - all while keeping the human developer at the heart of the process.
No generic tutorials here - just practical, hands-on development with cutting-edge AI tools. Subscribe for weekly content that bridges the gap between AI assistance and human creativity!
#AIDevTools #CodingTutorials #WebDevelopment #Programming #TechEducation
The Perfect Bolt-based AI Development Workflow (Part 2, Cline)
In Part 2 of our app-building journey, we take a leap forward with Cline! Moving from Bolt, Cline’s unique ability to automatically open a small browser and 'see' console errors makes it a game-changer for debugging. We also explore using Cursor IDE for even deeper customization and control. For non-developers, Cline offers a user-friendly experience, similar to Bolt but with enhanced functionality, bringing us closer to a polished app. Stay tuned as we prepare for the final stage with Aider, where we’ll refine and deploy our app live!
🔔 Stay tuned for the next parts in this series! Don’t forget to like, subscribe, and hit the notification bell!
Related videos:
Part 1: ruclips.net/video/OOrC...
🔔 Stay tuned for the next parts in this series! Don’t forget to like, subscribe, and hit the notification bell!
Related videos:
Part 1: ruclips.net/video/OOrC...
Просмотров: 704
Видео
The Perfect Bolt-based AI Development Workflow (Part 1)
Просмотров 2,3 тыс.7 часов назад
🚀 In this video (Part 1 of our series), I’ll walk you through creating an entire project from scratch using Bolt, a platform perfect for non-coders, and show you how to automatically sync your changes from Bolt to GitHub! This revolutionary workflow combines Bolt's ease with the power of advanced AI dev tools like Cursor, Cline, and Aider. ⚙️ What You'll Learn in Part 1: • Setting up and buildi...
The Ultimate Guide to Scripting Aider and Using Architect Mode
Просмотров 85021 час назад
In this video, we're taking on the challenge of migrating a React app to SvelteKit-without the usual headaches. With Aider's powerful scripting capabilities, we'll automate the migration of over 20 React components, making the process efficient and controlled. Watch as we leverage Aider's tools to create a custom migration script that seamlessly handles component conversion, saving time and ens...
WARNING Don't Waste Your Money on Bolt.new Until You Watch This Aider & Claude 3.5 Haiku Tutorial
Просмотров 1,9 тыс.День назад
Master cost-effective AI development with Bolt.new and Aider! Learn essential techniques to optimize large Bolt-generated files using prompt caching, Claude 3.5 Haiku, and smart refactoring strategies. This practical guide shows you how to manage Bolt.new-generated components efficiently while keeping API costs low. Perfect for developers using Bolt.new who want to maintain high-quality AI-assi...
The ABSOLUTE BEST Way to Build a Voiceover Generator with Cline in 2024
Просмотров 46314 дней назад
🎙️ In this tutorial, we'll build a web application that generates multiple voiceovers using ElevenLabs API and Streamlit. Using Cline as our AI development copilot, we'll create this application with minimal coding knowledge and deploy it to the cloud. 🔧 Prerequisites: * OpenRouter API Key * GitHub Account (Free) * ElevenLabs API Key (Free) * Streamlit Account (Free) 💡 What you'll learn: * Buil...
Quick Version: Web App Deployment Tutorial: Bolt.new to Custom Domain in 7 Minutes
Просмотров 2,5 тыс.14 дней назад
Learn how to deploy your Bolt.new project to a live website using GitHub, StackBlitz, and Netlify. This comprehensive guide covers everything from setting up version control to configuring a custom domain with SSL. This is a condensed version of this video: ruclips.net/video/vB6JUrqnUTo/видео.html. This video focuses on the deployment process. 🔥 What you'll learn: * Moving from Bolt.new to Stac...
How to Connect Bolt.new App to a Database (Backend Integration)
Просмотров 1,7 тыс.21 день назад
Join me as we transform our MoodFlip app from a simple frontend to a full-stack application using AI development tools! Watch how we handle real-world challenges when AI takes a wrong turn, and learn valuable troubleshooting techniques along the way. In this video, we'll: 🔧 Use GitHub Codespaces for development Work with the latest Aider 0.60 Claude 3.5 Sonnet (new) 10/22 🚀 Migrate to SvelteKi...
Adding AI Capabilities to an Existing App: From bolt.new to Cline in GitHub Codespaces & OpenRouter
Просмотров 4,5 тыс.21 день назад
Learn how to level up your AI development workflow beyond bolt.new! In this comprehensive tutorial, we'll transform a basic web app into a full-featured application using Cline (a powerful VS Code extension) and OpenRouter. 🔥 What you'll learn: * Setting up Cline in GitHub Codespaces * Using OpenRouter to access multiple AI models (including free ones!) * Building real features: AI-powered resp...
Auto-deploy an Existing GitHub Repo Using bolt.new, StackBlitz, and Netlify - Continuous Development
Просмотров 8 тыс.Месяц назад
🚀 Welcome to AI-Driven Coder! In this video, we demonstrate how to streamline your web development workflow using Bolt.new, StackBlitz, GitHub, and Netlify. We'll guide you through creating a new project from scratch with Bolt.new and deploying it to Netlify. You'll learn how to open your project in StackBlitz, create a new GitHub repository, and set up continuous deployment so that every chang...
How to Sign Up for Claude AI: Your Gateway to Advanced AI (2024 Guide)
Просмотров 107Месяц назад
Unlock the power of advanced AI with Claude! This step-by-step tutorial shows you how to sign up for Claude AI, a leading competitor to ChatGPT. Perfect for freelancers, virtual assistants, and anyone looking to boost their productivity with AI. In this video, you'll learn: * What is Claude AI, and how it compares to ChatGPT * A complete walkthrough of the signup process * Tips for a smooth reg...
How to Create a GitHub Account | Beginner's Guide for Non-Coders 2024
Просмотров 59Месяц назад
Learn how to set up your GitHub account quickly and easily, even if you're not a programmer! Perfect for virtual assistants, freelancers, and anyone looking to enhance their tech skills. In this step-by-step tutorial, we'll cover: ✅ Navigating to GitHub and starting the sign-up process ✅ Choosing a professional username and secure password ✅ Verifying your account and personalizing your experie...
Bolt.new: Build Apps 10x FASTER then DEPLOY!
Просмотров 485Месяц назад
Build a guessing game in minutes using bolt.new and Svelte! This AI dev tool makes it easy to edit, generate, and deploy apps and games, even if you're a non-programmer. Get your production-ready game up and running quickly with this powerful tool! AI-Driven Coder is produced by Mamerto Fabian, founder of Codefrost 🌟 Connect with Mamerto: • AI-Driven Coder Website: aidrivencoder.com • Codefrost...
AI Content Creation Showdown: Claude Artifacts vs ChatGPT Canvas
Просмотров 270Месяц назад
Welcome to an in-depth exploration of two groundbreaking AI features: Claude's Artifacts and ChatGPT's Canvas. In this video, we compare and contrast these tools, demonstrating how each handles a variety of content types, including documents, code snippets, websites, images, diagrams, and interactive components. This video doubles as an introduction to Claude Artifacts, showcasing its powerful ...
AWS + Hostinger: The Best WordPress Hosting Combo
Просмотров 51Месяц назад
In this video, we'll show you how to set up a WordPress website hosted on Hostinger while keeping your domain connected through AWS Route 53. Avoid vendor lock-in and unnecessary upsells by managing your hosting and domain services separately. 🔥 What You'll Learn: Why Separate Hosting and Domain Management? Understanding the benefits of avoiding vendor lock-in. Installing WordPress using Hostin...
New ChatGPT Canvas: A new way of working with ChatGPT to write and code (beyond simple chat)
Просмотров 356Месяц назад
On October 3rd, OpenAI released Canvas-a new way to work with ChatGPT for writing and coding. In this video, I'll walk you through using Canvas for the first time and share my initial impressions. As a regular user of Claude Artifact, I was excited to see ChatGPT's take on similar features. We'll dive into Canvas's capabilities for writing and coding and explore features like "Suggest Edits," "...
How to Use AWS Route 53 for Ultimate Flexibility (Step-by-Step Guide)
Просмотров 44Месяц назад
How to Use AWS Route 53 for Ultimate Flexibility (Step-by-Step Guide)
How to Create a Free AWS Account for Your Side Projects (Step-by-Step Beginner's Guide)
Просмотров 71Месяц назад
How to Create a Free AWS Account for Your Side Projects (Step-by-Step Beginner's Guide)
Namecheap Domain Mastery: Step-by-Step Guide for Non-Techies
Просмотров 93Месяц назад
Namecheap Domain Mastery: Step-by-Step Guide for Non-Techies
Nice video, Please try WINDSURF 💪 the best competitor of Cursor
excellent sync script and workflow.
Thanks! Glad you found it helpful! 👍
from agentix import Agent print(Agent['aider_list_file']('I want to add a logging system')) # Output: ['src/logger.py', 'src/config/logging.yaml', 'tests/test_logger.py'] . think fast ...
Great tutorial as always. Waiting for your review on "Windsurf", Is it worth adding to your toolkit or not? Also, let me know when you'll kick-start your mentorship program.
Thanks for the kind words! About Windsurf - I've tried it out for a bit, and while it has potential, I don't feel it's ready for a full recommendation yet. I prefer only to share tools I'm entirely confident about! I'm still using it casually behind the scenes to see how it develops 😊 And thanks for your interest in future initiatives! I'll be sure to share updates in my upcoming videos 🙌
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! 🙂
This is the exact resolution I needed for large projects. I'm using the bolt otto dev fork created by Cole and built out by the community. Are you by chance working on that project and can we incorporate this specific workflow into that fork of bolts because this would resolve the number one issue I think the majority of the community experiences with building actual real large full stack websites. Would you be able to go into full detail and make another video for individuals that are not computer savvy but want to learn
Thanks for your feedback! I'm not directly involved with the Otto dev fork, though I know Cole and the community's great work there. I focus on the official Bolt release since it receives updates and optimizations first, which helps me stay current with the latest capabilities. The workflow I demonstrated can be adapted to work with different versions of Bolt, including Otto dev. I'm developing an app that implements these principles, but I want to ensure it's well-tested before sharing more details. Regarding more beginner-friendly content - yes, I plan to create more videos aimed at people new to development! My goal is not just to show tools but to help people build foundational AI skills that they can apply across different platforms and tools, even as the technology evolves. Keep an eye on the channel for more tutorials geared towards beginners. And thanks for being part of this community! 🙌
i am still struggling to connect my bolt.new front end to my website's database example i want to add user authentication - signup/login with photo upload to my database still struggling
Thanks for sharing! Authentication with file uploads can be tricky when connecting frontend to backend. A quick solution I'd recommend is using Backend-as-a-Service (BaaS) like Supabase or Firebase - they provide auth + storage APIs out of the box. This way you can focus on your frontend while they handle the complex backend parts. Let me know if you'd like me to cover this topic in a future video! 👍
@@AIDrivenCoder sure bro , your the only one covering everything about these new AI world.
What about using project IDX. The tool is 100% free. Google's AI IDE. Thank you for the video.
Thanks! Project IDX is next on my list to explore - great suggestion! Stay tuned for a deep dive video on it soon!
This is a good video. But I think it is too fast for a beginner like me.
Thank you for your feedback! You make a good point about the pacing. As the creator, I also noticed it turned out a bit faster than intended during editing. I'll keep this in mind for future videos and try to maintain a more beginner-friendly pace. Would you find it helpful to use the timestamps in the description for key points, so you can pause and review sections more easily?
@@AIDrivenCoder I viewed it a couple of times to figure out how to connect my github repo with bolt.new. However, it was a bit fast so I needed to look for other sources too. Anyways, the video was good in general! Keep it up!
Thanks for trying. This video covers the connection from Bolt to GitHub in more detail at a slower pace: ruclips.net/video/vB6JUrqnUTo/видео.html
There is a new IDE named windsurf. This is able to track the codebase like bolt. Im trying to create a full stack app with it and its insane how it works. You should try it and maybe you can show us how to use this in a deployment workflow.
That's a really cool web app. I'd love to test it out, did you deploy this somewhere or do you have the code in a public repo somewhere?
Thanks for your interest! The app is still in active development - I'm working on making it more stable and polishing up some features. I will release it publicly in the coming weeks and share the repo link and deployment details once it's ready. Stay tuned! 😊
@@AIDrivenCoder Can't wait. You're doing really great work and you're definitely ahead of the trend which will definitely contribute to your channels growth.
thanks you. Don't notice it's free up to 100$ dollar/month and only cost about 1$/1M request.
Great video! Thanks for sharing this! Can't wait for part 2!
Thanks a ton! Can’t wait to drop part 2-it's gonna be epic! Stay tuned!
such banger 💥
Solid boss!
Thanks for the feedback! 😊
Brooooo this game changer for me! Thanks a ton waiting for part 2
I'm so glad to hear that! Part 2 is on the way, stay tuned!
What an amazing job of explaining all this! And a super cool use of aider scripting! Keep these videos coming please!
I really appreciate your feedback! It means a lot to know that the content is resonating with you. I’ll definitely keep the videos coming!
I found the local bolt version on Pinocchio is really doing better have you tried?
I haven't tried the local bolt version yet, but I'm definitely intrigued! Thanks for the recommendation!
That's really a great video
Thank you so much! I’m glad you enjoyed the video!
Such a great video, these are the exact solutions I've needed. Bolt and cursor are amazing to work with, but it's been so tough to get a finalized, usable app from it. Your series is incredible, thank you!
I'm really glad to hear that you found the video helpful! Developing apps can be challenging, but you'll get there!
ayos!!
You are amazing my friend can u plz show us how to build the app outside bolt se we can deploy it, I have the file of the project from bolt I need to build it outside before deploying it with github
Thanks for your kind words! My latest video might be the exact guide you're looking for: ruclips.net/video/OOrCU9rwedw/видео.html The deployment part will come later in the series, but you can also check out my previous video covering Netlify deployment here: ruclips.net/video/B5p3d0uu5q4/видео.html
Very good video. But bolt consumes a lot of tokens as compared to aider. Wouldn't it better to just use aider while design basic prototype in bolt?
Thank you! You make a great point about the token usage. You're right that Aider is more token-efficient. I actually only used Bolt for this specific part to showcase certain techniques (like the Github sync tool). I'll be covering Aider in Part 3, using it for targeted, precise code changes. Stay tuned!
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! 👍
Hey, thanks a lot! Your tutorials really inspire me, keep it up! Just one thing, can you try to keep the titles to the bottom side? They're a bit distracting when I'm trying to focus on your work flow 😊
Thanks so much for the kind words and helpful feedback! 😊 I'll definitely keep that in mind about the text placement - moving the titles to the bottom makes a lot of sense to avoid distracting from the main content. Really appreciate you taking the time to let me know. Hope you continue enjoying the tutorials!
Will it work with the bolt.new fork?
I haven't tested the bolt.new fork but if it has the ability to download the zip file of the project, then I think so 🙂
@ the fork is much better. There are lots of updates on it. I appreciate your vidoes they are easy to understand.
Thanks for sharing and nice feedback! 🙏 I will definitely try the forked version soon.
Awesome guide ❤ ty so much
...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 😎👍
I think your next video should be how to install aider and how to use a model with it. From start to finish to create a portfolio page
Thanks for the suggestion! I actually have a video about installing Aider that you can check out here: ruclips.net/video/Ob7CVtwh39k/видео.html. Creating a portfolio page with Aider is a great idea though - I'm planning to make a dedicated tutorial on that soon! Stay tuned! 😊
You are the posting the exact need of the AI drive coders. Thank you man
Thank you so much for your kind words! It means a lot to know that the content resonates with you.
Claude 3.5 Sonnet can be expensive, but it is worth the while. Thanks for sharing this amazing video!
Absolutely! While it might come with a price tag, the value it brings is definitely worth it. Glad you enjoyed the video!
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!
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 😊
openrouter api key, hmm
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.
Nice first time hearing about Svelte! I’m new to coding with AI so this videos help a lot understand why the development isn’t running good!! I have aider installed but I’ve used CLINE a lot more … just need to learn and understand how to take advantage of aider to really develop full stack apps
Happy you found this video helpful! You're right - Cline is great and I use it a lot too. Aider really shines with complex tasks like this migration project though. Both tools have their strengths, so keep experimenting to find what works best for your projects! 😊
didn't understand anything letters, numbers...a lot of if and div... in bolt i say: make me this app. and bolt makes me an app. i say: deploy it. and bolt deploy it. bolt is for people who know nothing about programming, like me.
Thanks for the comment! Bolt is fantastic for getting apps started quickly - I use it too! This video is about tools like Aider that can help when you want to add more features to your Bolt app later. Start with Bolt, and when you're ready to grow your app, these tips will be here waiting for you! 😊
@@AIDrivenCoder thanks :) i hope it will help me in future
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 😊
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
Cool, using a little bit of human effort can reduce token usage by a lot. Also want to learn more about how svelte can be useful in AI coding
Great tutorial sir, Thanks kabayan:)
ooh damn
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
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: ruclips.net/video/H1_B20ZzI-k/видео.html Stay tuned as I'll be covering more workflow improvements in upcoming videos!
Could you do a video on this?
Here you go 😊 ruclips.net/video/OOrCU9rwedw/видео.html
Thank you for this video...your explanation through errors is great for learning !
Thank you so much! I'm really glad you found the error explanations helpful for learning. That was exactly what I was hoping to achieve with this video. 😊
your link for the AIPromptArchitect Project is not working , I thought about making the same application
Thanks for letting me know about the broken link! The repo is currently private while I'm developing the core features, but I plan to make it open source in the coming weeks. Really cool to hear you're interested in building something similar! Feel free to subscribe to stay updated when I release the code.
Great idea for this app! I was also thinking of a similar workflow for creating project planning/preparation documents for use with LLMs, but why not make it into a dedicated app to do so! Hoping to find your open sourced app in the future, maybe we can contribute!