Bolt.New: The FASTEST way to build your first app with AI (Beginner’s Guide)
9:39

Bolt.New: The FASTEST way to build your first app with AI (Beginner’s Guide)

Alex Finn 13.11.2024 8 452 просмотров 297 лайков обн. 18.02.2026
Поделиться Telegram VK Бот
Транскрипт Скачать .md
Анализ с AI
Описание видео
In this video I show you how to use the easiest to use AI programming tool ever: Bolt.New. We use Bolt.New to build a movie recommendations app. I'll show you how to build an app without writing code then put it on the web to use. We also use the ChatGPT API! Make sure to follow my X and subscribe to my newsletter! X: https://x.com/AlexFinnX Newsletter: https://www.1percentbetter.io/subscribe Bolt: https://bolt.new/ 0:00 Bolt intro 0:58 What we are building 2:18 Version 1 of app 3:40 Testing the app 4:20 Adding more functionality 5:15 Setting up ChatGPT API 6:04 Version 2 of app 7:24 Hosting on web #ai #bolt #artificialintelegence #programming #coding

Оглавление (8 сегментов)

  1. 0:00 Bolt intro 217 сл.
  2. 0:58 What we are building 293 сл.
  3. 2:18 Version 1 of app 332 сл.
  4. 3:40 Testing the app 152 сл.
  5. 4:20 Adding more functionality 214 сл.
  6. 5:15 Setting up ChatGPT API 158 сл.
  7. 6:04 Version 2 of app 262 сл.
  8. 7:24 Hosting on web 474 сл.
0:00

Bolt intro

with bolt. new literally anyone no matter how little programming experience you have can build your own fullscale Enterprise applications not only can you build it easily you can put it on the web sell it have other people use it and create an entire business out of it what I'm going to show you now is how bolt. new works why you need to be using it immediately and then we're going to actually build our own movie recommendation AI app and put it on the web so anyone can use it let's get into it what you see here is bolt. new this is a brand new product from stack Blitz and it is really incredible really userfriendly there's a free version so you can just use it right off the rip no need to sign up and what it does is allow you to build apps with AI prompts no coding at all so really anyone can jump into it and I know a lot of people that have taken this launched businesses and made a lot of money just off building apps off bolt. new so what you see here is really simple AI prompt window we can go in here and tell it to build us any app we want the biggest
0:58

What we are building

problem I've had recently in my life is I have five different streaming apps and I have no idea what movie I want to watch I want to build an AI app where I can enter in my mood and then it comes back and tells me exactly what movie I should be watching at that moment and gives me reviews and tells me and shows me the movie poster and gives me a description let's build that out I'll show you how you don't even need to write a single line of code so here's the prompt I'm going to use let's make a movie recommendation app you enter in the mood you're in and the app gives you a movie recommendation the description reviews and the movie poster really simple really simple prompt let's hit enter let's see what we get so the way bolt. new works is the AI builds out everything for you and the difference here between bolt. new and cursor is it actually takes away a lot of the little tiny technical work you had to do with cursor so like for instance here what it's doing is it's installing all the dependencies in cursor while it did write the code for you still had to do a little bit of technical work by installing dependencies and figuring out which technology you needed to use you don't need to do any of that decision-making with bolt. new it actually does that for you installs everything for you so all you need to do is stick to prompting the advantage to that is now anyone can build apps even if you have no idea how technology Works no idea how the internet programming works you can go in
2:18

Version 1 of app

idea how programming works you can go in and start building apps and so what you see here is as I was talking it was building out an entire application right what did it do it installed all the dependencies all the technology I need it wrote all the code so if I go over here to code you can see all the code and all the files it wrote I didn't have to write a single line of code and then it made it look beautiful so let's see what it did I've create a beautiful movie recommendation app with the following features a stunning gradient background with a modern cinematic feel that is a stunning gradient background I agree Bol a Sleek mood selector with a glass morphism effect I don't know what glass morphism effect is but I like it beautiful high Mo beautiful movie cards okay so here's what I'm about to do I'm about to test out this app but what I'm going to show you to after that is what makes bolt. new so powerful is the fact that we can go back and forth have a conversation with the AI and work hands in hands with the AI to build out really cool application so let's first test this out then let's build out new features and talk with the AI to figure out a really cool application then what we're going to do is we're going to I'm going to show you how to put that on the web so I'll show you how to host this so that you can create a link send it to your friends if you want to start selling it and turn it into a business you can do that as well I'll take you through that all after this so let's see what it has so far it looks like it has a bunch of pre-selected movies and pre-selected moods and stuff I want to make this
3:40

Testing the app

pre-selected stuff I want to make this more Dynamic so let's first test this out let's say we're in a thrilling mood finding us the perfect movie okay so it did an Inception kind of has a basic review but I want this to be a little bit more Dynamic so let's work with the AI and make it so it takes real data from the web and not a bunch of pre-selected movies and do something cool here all right so I actually I just thought of a new idea to make this a lot better what if we did this what if we had this powered completely by AI so that when we enter in a mood it goes to like chat GPT and builds out a full recommendation for us and tells it's what tells us why it's recommending that movie so let's work with the AI on the
4:20

Adding more functionality

left let's chat with it and let's talk about how we can implement the new function I this is good for you to pay attention to because this shows you how you can use bolt do new to improve functionality as you go so let's go in here can we have this powered by AI instead maybe it talks to the chat GPT AI to get us movie recommendation send as this is building if you've learned anything up to this point make sure to hit the Subscribe button turn on notifications and leave me a like also let me know in the replies what you want me to build next I'll modify the app to use the open AI API for movie recommendations we'll need to add the open AI API key to update the services okay what I'll do is I'll show you in a second how to get your open AI API key if you want to build this along with me what's cool here is look bolt. new is installing all the new technologies all the new dependencies we didn't have to do any work here ourself learn Tech or understand what's going on the AI just builds it all out for us while it's doing this let's actually get
5:15

Setting up ChatGPT API

our openai API key so we can prepare for the functionality it's building out so go to platform. open. com and log in then click dashboard up here and then over on the left hand side go to API Keys once you do that you just click create new secret key up here in the top right give it a name so we'll go bolt demo create the secret key and then you can copy your API key from here so we'll go back into bolt. new get an open AI API key one step ahead of you bud and then add it to the EnV file okay so we just go into code we look for the EnV file and then we put in the API key right here once you paste that in hit save I do command s all right so it us this AI to generate personalized movie recommendations all right let's see how
6:04

Version 2 of app

we're doing I'm feeling very excited right now I think I want a thriller enter let's see how this goes okay AI is finding you the perfect movie let's see what we got here Gone Girl on their fifth wedding anniversary Nick Dunn reports as I saw this movie that is what it's about this is the real description AI recommendation and a gives a review that is sick gives you the year gives you the average score this is sick let's give it another test I'm feeling very sad the Celtics just lost let's see what the AI gives me now is going to match my mood Eternal Sunshine in the Spotless Mind I saw that as well that is an incredibly sad movie this is pretty good right we just buildt a solution I had a problem right I have 20 streaming services and I don't know what to watch it built me a solution now we got one more thing we want to do here before we go one last thing we want to do and that's we want to put this on the web right it's the number one question I get when I'm building these apps as hey how do I put this live how do I get it so my friends can use it how do I turn this into a business that's what's also great about bold. New is the fact that you can actually go in here and very simply put it on the web so you have a link so let's do this
7:24

Hosting on web

follow along we go back into AI chat I love this app can we Host this on the web please I always say please when the AI apocalypse comes I don't want the AI to destroy me so I say please at the end make sure to always have good manners with your AI I hit enter watch this it's as simple as that I'll help you deploy this app to netify first let's remove the API key from the code and then deploy it so now it's preparing it to put this on the web this is excellent it's changing whatever code we need to put it live on the internet and is putting us live okay let's see what we got let me check the deployment status great your app is now live boom that is a live link I just clicked the link and it's live on the internet I can now take this link and give it to any of my friends I want and they can go now use this app if I wanted to I can go in here click this link and it actually claims the app for myself on netify for those who don't know netfi is a web app that hosts your code for you so I can click here bring it into my account and then give it my own custom domain if I want to buy aim. com I can do that put it on here and within a couple minutes I'm live on the web you can now I can now take this link give it to my friends have other people test it out and if I want start selling it right maybe I put a stripe Link in there and start selling the functionality and now I have my own business that I built in a few minutes just off bolt. new if you have no programming experience at all you need to be testing out bolt. new this is by far the quickest fastest way on the internet right now on this date to build your own apps to start your own business to start generating your own income the economy is changing people need to have your own side hustle now with inflation getting out of control you need to be building side hustles and side Revenue this is how you do it check out bolt. new start building your own app for free get it on the web and you are 99% the way there of building your own business if you learned anything new make sure it's sub subscribe button turn on notifications leave a like and then let me know in the reply section what you want me to build next all my videos are based on user feedback see you in the next video

Ещё от Alex Finn

Ctrl+V

Экстракт Знаний в Telegram

Транскрипты, идеи, методички — всё самое полезное из лучших YouTube-каналов.

Подписаться