I Tested Bolt and Lovable Here's What's Best for Your Project
Description
In this video I'm going to show you how bolt.new and lovable.dev fight it out to make the best micro app. It's critical to know what you're getting into when starting to build your micro app. So I'll be scoring them in their current state based on price, speed, design, improvements, feature set, and comprehension criteria building the same thing.
I'm thinking of teaching a few people how I've built and sold micro apps using AI (multiple times now) in depth. If you're interested in learning when I do, just go here: https://buildersera.com/yt and drop your email. No pressure.
I also broke down step by step on how I built and sold a micro app for $3,000: https://youtu.be/alasmVziivs
btw on this channel I share how I'm building things with AI tools and it's what I call the builder's era. Follow along the journey if you’re a fellow or aspiring builder. And if you’re curious about something just drop it in the comments and maybe I’ll make a video on it.
Tools I Used:
https://bolt.new
https://lovable.dev/
✨Want AI Consulting For Your Business or Project? Go Here: https://calendly.com/buildersera/consulting
Let’s build.
Jelani
00:00 - Scoring
01:31 - Price Score
06:20 - Speed Score
10:37 - Design Score
12:37 - Improvements Score
15:03 - Feature Set Score
19:37 - Comprehension Score
24:59 - Final Results
I'm thinking of teaching a few people how I've built and sold micro apps using AI (multiple times now) in depth. If you're interested in learning when I do, just go here: https://buildersera.com/yt and drop your email. No pressure.
I also broke down step by step on how I built and sold a micro app for $3,000: https://youtu.be/alasmVziivs
btw on this channel I share how I'm building things with AI tools and it's what I call the builder's era. Follow along the journey if you’re a fellow or aspiring builder. And if you’re curious about something just drop it in the comments and maybe I’ll make a video on it.
Tools I Used:
https://bolt.new
https://lovable.dev/
✨Want AI Consulting For Your Business or Project? Go Here: https://calendly.com/buildersera/consulting
Let’s build.
Jelani
00:00 - Scoring
01:31 - Price Score
06:20 - Speed Score
10:37 - Design Score
12:37 - Improvements Score
15:03 - Feature Set Score
19:37 - Comprehension Score
24:59 - Final Results
Summary
Bolt vs Lovable: AI No-Code App Builder Comparison for Micro Apps
In this comprehensive comparison video, the creator tests two leading AI no-code app builders—Bolt.new and Lovable.dev—to determine which platform delivers the best experience for building micro apps. Through a practical demonstration, he builds the same video transcription and summarization tool on both platforms, evaluating them across six key criteria: pricing, speed, design, improvements, feature set, and comprehension.
The video begins with a detailed breakdown of pricing structures. Bolt offers more generous token allowances with a free plan providing 100,000 tokens daily, while Lovable limits free users to just 5 messages per day. For speed, Bolt outperforms Lovable, completing the initial build noticeably faster.
When examining design capabilities, Lovable surprisingly edges out Bolt with more modern aesthetics and better shadow work, though it failed to implement the requested color scheme. For improvements and iterations, Bolt demonstrates superior responsiveness, implementing requested changes more reliably than Lovable.
The feature set comparison reveals Lovable's advantages, including direct Supabase database integration, seamless GitHub connectivity, and a powerful element selection tool that allows users to modify specific components without retyping prompts. Bolt currently lacks these convenient features but excels in other areas.
In the final test of comprehension, both platforms perform equally well, successfully implementing a complex workflow that connects the app to Make.com for video processing, transcription via Assembly AI, and summarization using Claude AI.
The creator concludes that while Bolt wins in more categories overall (pricing, speed, and improvements), both tools are capable of building functional micro apps quickly. For beginners and those prioritizing affordability, Bolt offers the best value, though Lovable's superior feature set might appeal to users with specific integration needs.
The video serves as an excellent introduction for aspiring builders looking to create and potentially monetize micro apps using AI tools, with the creator noting he has successfully sold similar projects for thousands of dollars.
Transcript
0:00
so I really like building with these new
0:02
no code AI coding tools that just use
0:05
natural language to build entire apps
0:07
for you they've only been around for
0:08
like 2 months but in that time frame
0:10
I've built several apps and even sold
0:12
one for $3,000 so today I want to
0:15
compare two of the best ones on the
0:17
marketplace so you can build and sell
0:19
your own AI apps fast the two AI apps
0:21
that are going to be fighting it out
0:23
today before they start fighting us is
0:26
bolt. new and lovable. deev I'll be
0:29
building the same exact project using
0:31
the same exact prompts to see which one
0:34
wins it out in the fight I will score
0:36
each app based on pricing speed design
0:39
improvements feature set and
0:41
comprehension so by the end of this
0:43
video you'll know which one is the best
0:44
bang for your buck and will'll get you
0:46
what you want to build the fastest let's
0:49
build all right so I'm going to hop into
0:50
my computer here and you'll see here
0:52
that I got bullet. new open up and I
0:54
also got lovable. DB I already have an
0:56
account on both so if you don't have an
0:57
account all you have to do is sign up
0:58
for an account and you can try it out
1:00
for free so what app am I going to build
1:02
today the app that I want to build today
1:03
is basically taking a video and then
1:05
transcribing that video and making like
1:08
table of content essentially for that
1:09
video and the reason why I want to do
1:10
this is because I have a lot of content
1:12
that I create and I want to be able to
1:14
have a written format or a written
1:16
version of that content underneath the
1:18
video so if it's on YouTube or Twitter
1:19
or wherever I place that video I want
1:21
there to be a written blurb of exactly
1:23
what that video entails some extra
1:25
descriptions and just extra contexts for
1:27
the viewer so I'm going to actually
1:28
build that in bolt. New and lovable but
1:30
before we actually build that project I
1:32
want to talk about pricing so bolt. new
1:35
pricing is as follows so first of all
1:38
for $20 a month you get 10 million
1:40
tokens for $50 a month you get 26
1:42
million tokens $100 a month you get 55
1:44
million tokens and for $200 a month
1:46
you'll get 120 million tokens so what is
1:48
a token a token is essentially the
1:50
currency that bolt uses when it is
1:52
actually outputting your code so as
1:54
you're talking to bat using natural
1:56
language and you're trying to build that
1:57
app what amount of tokens did it require
1:59
to create that code right and the more
2:01
messages that you provide Bol the more
2:03
tokens that it's going to use you can
2:05
actually do a token reload instead of
2:07
upgrading if you want by just clicking
2:09
on token reload and then you can just
2:11
put 20 bucks in and then you'll get
2:13
another 10 million tokens depending on
2:15
your budget but obviously if you're
2:17
trying to build out a app then you might
2:19
want to stick to one of the pay plans
2:21
personally I'm on the Pro Plan just
2:22
because I've been testing B out a lot so
2:24
I am paying $200 a month but I am you
2:26
know testing it out significantly but
2:28
for what we're doing you'll probably
2:30
just do a $20 a month plan and get away
2:33
with following along with this
2:34
particular video now if you don't want
2:36
to upgrade bolt does have a free plan
2:39
they don't really promote it here on the
2:40
pricing page but they do have a free
2:42
plan so with a free plan Bol you'll get
2:44
100,000 tokens per day which amounts to
2:47
about 3 million tokens per month so you
2:49
just have to be sure that whatever
2:51
you're building goes within that 100,000
2:53
token limit otherwise you're going to
2:55
have to upgrade now let's hop into
2:56
lovable just to see the difference
2:57
between pricing so if we go into lovable
3:00
you'll see here that they also have a
3:02
free plan the free plan is five daily
3:04
messages so compared to bolt which gives
3:07
you about 2 million tokens they do
3:09
messages they don't do tokens so if
3:11
you're on the free plan you're only
3:13
going to be able to play around with
3:14
lovable for five messages essentially
3:17
until you have to upgrade although this
3:19
does reset every single day so if you do
3:22
five messages today then it'll reset
3:23
tomorrow and you'll get another five
3:25
messages for free however if you're
3:27
trying to really extensively play with
3:29
these apps then you are going to find
3:31
out quickly that you will need to
3:33
upgrade if you want to take it to the
3:35
next level now we'll see here that they
3:37
do have a starter plan that's $20 a
3:39
month and if you click on this little IE
3:41
icon you can actually see how many
3:42
messages you get you get 100 messages
3:45
per month so you would really have to
3:47
calculate okay how many messages per day
3:49
can I send in order to you know get
3:51
something working and 100 messages goes
3:54
by really quickly especially if your
3:55
prompting skills are not that good or if
3:58
lovable just doesn't do something
4:00
correctly then you have to kind of
4:01
reprompt it and say hey like this didn't
4:02
come out the way I wanted it please fix
4:04
it that counts as a message so that will
4:06
count towards your 100 messages per
4:08
month limit now after the $20 a month
4:10
plan it goes up to the $50 a month plan
4:12
and you'll get 250 messages a month so
4:15
again you just have to calculate and be
4:17
very careful on the type of projects
4:18
you're trying to build if it's super
4:20
complex I probably would not use lovable
4:22
I might use something else like cursor
4:24
or I might use something like wind serve
4:25
I probably would not use lovable if I'm
4:27
trying to build a really complex app but
4:29
if it's something something simple like
4:30
we're doing today then it will be okay
4:32
and then after that you'll go into the
4:34
scale plan and at $100 a month you will
4:36
be able to get 500 messages and then you
4:39
can see here it increases so for $200 a
4:42
month 1,000 messages and it goes all the
4:44
way up to $900 per month for 5,000
4:48
messages now depending on again like
4:50
what you're trying to build this startup
4:52
plan might be okay 100 messages might be
4:54
okay depending on how good lovable is to
4:56
create your projects now compared to
4:57
buol you can see here that it's tokens
4:59
verse messages now I will say I have
5:02
played extensively with bul and you will
5:04
use a lot of tokens especially if you're
5:06
trying to fix errors or if you're trying
5:08
to create something a bit complex or
5:10
have to rewrite the prompts cuz
5:12
sometimes it does do error Loops where
5:14
it's like it it says it can fix
5:15
something it it says it fixes it but it
5:17
really didn't fix it and then it's like
5:19
using a bunch of tokens they did
5:21
recently release something called diff
5:23
which should reduce the amount of tokens
5:25
that you use on your projects because it
5:27
essentially goes and finds the
5:29
particular thing that needs to change
5:31
versus rewriting the entire code which
5:34
will save you a bunch a bunch of tokens
5:36
now on the pricing scale structure who
5:39
wins this battle I'm going to say Bolt
5:41
wins this battle just because as a
5:43
newbie or as someone who's just entering
5:45
this type of AI coding scenarios you
5:48
want to be able to play around with it
5:49
you don't want to be limited by the
5:50
number of messages that you can send
5:52
especially if you're just getting and
5:54
having some fun and you don't really
5:55
have a big proit but you just want to
5:56
try it out you won't really be able to
5:58
do that on five m mesages per day but
6:01
we'll see how far we can take it on the
6:03
five messages before we need to up
6:04
upgrade but just out the gate I would
6:06
say Bolt wins on this just because you
6:08
have more time to play with the tool and
6:10
really get acclimated with the
6:12
capabilities that it can provide now
6:13
let's actually start building a project
6:15
so let's exit out of here of the pricing
6:17
on both of these I'm just going to go
6:18
back into lovable and let's start
6:20
building out the project now again I'm
6:21
going to use the same exact prompt for
6:24
both of these tools to see how they
6:26
compare it might be that level B can you
6:29
know create our app that we want to
6:30
create in five messages it might be that
6:32
but we're going to use the same prompt
6:33
and see how it does so let's go I'm
6:35
going to type it inside a bolt and then
6:36
paste it inside a loile but let's just
6:38
say I want to create an app where a user
6:42
can upload a video like a MP4 or a link
6:47
like YouTube Instagram Tik Tok and when
6:52
they do there will be a button that
6:57
allows them to click and when they click
7:00
an action happens and I'm going to say
7:03
that action will be the button calls a
7:07
web hook that we will provide at a later
7:12
time but for now let's use test data the
7:16
test data is going to be and I'm going
7:20
to add one thing here so when the user
7:23
clicks a new container with text will
7:26
appear and the upload box will disappear
7:31
there will be a button that says upload
7:36
new content copy content or edit content
7:40
and if we click on upload new content we
7:44
will go back to the uploader state if we
7:48
click on the copy content so literally
7:51
I'm just writing out my thoughts as I'm
7:53
thinking about this I thought it'd be
7:54
helpful just to see like how I would
7:56
think about this before like doing it
7:58
beforehand but basically just like
7:59
writing out what I want the what the app
8:01
to do the actions I want the app to do
8:03
and seeing how well it does by taking
8:05
all of this information now if you are
8:07
actually building a real app and you
8:08
have ideas and to take that app further
8:10
than just you know doing a YouTube
8:12
tutorial like I am then you definitely
8:14
want to do more pre pre-planning which
8:16
will allow you one to save on tokens for
8:18
both and then messages for lovable and
8:20
then also just give you a better shot at
8:22
getting the app created uh one shot
8:24
essentially but for now we're just going
8:25
to do this so if we click on the copy
8:27
content it will copy the content to the
8:30
clip board if we click on edit content
8:33
it will allow the user to edit the
8:37
content and update it essentially so for
8:40
now I'm going to say the test data will
8:41
be replaced uh once I provide you with
8:46
the actual web hook we are going to use
8:48
cuz in this case I'm actually going to
8:49
use make.com to communicate with bolt
8:52
and lovable so right now we're just
8:53
going to say the test that would will be
8:55
replaced once I provide you with the
8:56
actual web hook we are going to send is
8:58
there anything else that I want to tell
9:00
it yes keep in mind this app should be
9:04
modern clean aesthetic keeping the focus
9:08
of the app maybe use a purple orange
9:13
black and white color scheme okay so
9:16
let's keep it pretty like pretty clean
9:17
for now this is pretty detailed let's
9:20
copy this and I'm going to hop into
9:22
lovable and paste that inside a lovable
9:24
as well so now let's actually test the
9:27
speed of which they are able to build
9:29
build out these apps so let's click on
9:31
run here and then I'm going to click on
9:33
run here so they look like they're both
9:35
building it out so let's see who builds
9:38
it first so looks like Bol is running
9:41
the code here which is nice one thing
9:43
about lovable it doesn't actually show
9:44
you writing the code whereas Bol
9:45
actually shows you writing the code
9:46
which is a nice little touch just to
9:48
like see that things are happening it
9:50
kind of reminds me of like the mirror
9:52
philosophy okay here it is it's actually
9:54
writing the code maybe it just took a
9:55
little bit more time to think about the
9:57
code what's interesting is that it
9:58
actually writes each folder separately
10:01
so I'll take that back it does write it
10:02
but it's a bit different of how it
10:04
composes everything than b which is okay
10:06
it's not a bad thing they're still going
10:09
boat wins boat won that one lovable
10:11
still loading boat was already done but
10:13
let's just see the the style so video
10:16
content manager we got the uploader we
10:18
got the URL for lovable and very
10:21
similarly we have it says video content
10:23
processor versus video content manager
10:25
so it's interesting that they use
10:27
similar like similar naming conventions
10:28
here but but as far as the speed it
10:31
looks like bolt won first it designed it
10:35
first so let's see what it did it
10:36
explains everything it did which is nice
10:38
for us to kind of see did it make it
10:40
responsive let's see it did make it
10:42
responsive did level B make it
10:43
responsive as well it did okay nice okay
10:46
so now I would say Bolt wins on speed
10:49
for this particular like first shot
10:51
prompt however I actually like level B's
10:53
design better than bolts which is
10:55
interesting because typically bolt is
10:56
seen as a tool that has really good
10:58
front cap abilities out the gate but
11:00
this feels a little flat to me whereas
11:02
lovable here added some nice detailing
11:04
here with the shadow shadow work here
11:07
that's nice okay let's upload a fake
11:10
file and let's just see if it did the
11:12
other part as well so I'm just going to
11:14
find a video here that we can and I mean
11:16
it's fake data so it shouldn't do
11:17
anything so did upload it here so your
11:20
content is ready your process content is
11:24
ready so maybe I wasn't specific let's
11:27
let's try them B here and let's try the
11:29
same thing here bolt did take into
11:32
account my color scheme I said I wanted
11:34
to use white purple and black and orange
11:37
lble did not do that it just did white
11:40
which is interesting let's just copy
11:42
this and just test it to see if the copy
11:43
works okay the copy works there let's
11:46
test it copy works here okay so we do
11:49
have some test content here that we can
11:52
and let's say new upload boom so let's
11:54
just do that one more time see if this
11:56
worked so if I do that that it did the
11:58
same thing okay so this is this is
12:01
pretty cool I mean they they both did it
12:03
the way I wanted it to and the edit
12:04
works and everything works so this is
12:06
looking pretty nice so in terms of speed
12:09
bolt definitely won because it was the
12:11
first to Output the code however I would
12:14
say that the upload design is pretty
12:18
nice for lovable but lovable did not
12:21
follow my instructions on like a purple
12:24
orange black and white color scheme
12:25
whereas bolt did but their the uploader
12:28
on Bolt is a bit wonky it doesn't look
12:31
that good I'm going to say lovable from
12:33
a design perspective actually beat out
12:35
bolt for this but bolt definitely won on
12:37
speed so the next thing that we can test
12:39
on is improvements okay so because
12:41
lovable actually didn't follow the full
12:43
color scheme that I wanted let's just
12:45
test it to see if it will add those
12:47
elements so I wanted the color scheme to
12:50
be purple orange black and white
12:54
although the design is modern it doesn't
12:58
really include those colors I want those
13:01
colors included can you please add them
13:05
and now let's copy that and go into bolt
13:08
and I'm going to change this promp
13:10
slightly like very slightly just because
13:12
it did kind of include that and bolt
13:14
side but instead of this I'm going to
13:15
say I wanted the design to be more
13:18
modern on the uploader side can you
13:20
please improve it it's a little shorter
13:22
than this but I'm I'm targeting a
13:24
different thing so in this case the
13:26
color scheme is a little bit off and
13:27
then in this case the design is is a
13:29
little bit like it's just too flat for
13:31
me here so maybe I'll say that as well
13:33
the uploader is a bit flat to me and not
13:36
modder all right let's see if it if it
13:38
can improve that so I'm going to do this
13:39
prompt here and then go into lovable and
13:41
then do this prompt here and see who
13:43
wins on the Improvement side just based
13:46
off the the message that I'm including
13:48
here all right so it looks like Bol was
13:49
able to uh update it slightly to make it
13:52
a little bit more modern and it did do
13:54
it a pretty good job I will say we can
13:56
upload our video by clicking on here and
13:57
it says drag and drop your video file or
13:59
click to browse MP4 mov aiv or paste a
14:02
video link and we can paste the video
14:03
link here that's pretty awesome let's
14:05
actually go back here and see if the
14:09
improvements were made doesn't look like
14:11
it changed anything so it says let's
14:14
update the color scheme to incorporate
14:16
purple orange black and white Colors by
14:17
modifying the Tailwind configuration and
14:20
updating the existing component styling
14:22
so it says the color scheme has been
14:23
updated to use purple orange black and
14:25
white throughout the application while
14:27
maintaining the modern aesthetic let's
14:29
just upload and see if it did it on the
14:31
other P or like the other state no so it
14:34
doesn't look like it updated the color
14:38
scheme it's still just using primarily
14:41
purple black and white but I don't see
14:45
orange can we fix this let's click on
14:48
refresh to see if it did anything okay
14:50
nothing okay so honestly improvements B
14:52
do. new WIS it's just like less that's
14:55
going back and forth and it's actually
14:57
doing the things that I say and it's
14:58
understanding understanding contextually
14:59
what I'm saying so I'm going to say for
15:01
improvements B on new now the other
15:04
thing before we actually complete this
15:06
mini app that we're building here is I
15:08
want to talk about the feature set so
15:10
the feature set that each of these tools
15:13
have and how they compare so let's
15:14
actually hop into lovable first because
15:16
they actually have quite a bit of
15:18
features that bolt does not have right
15:19
now so one feature that they have is a
15:22
direct integration to superbase and
15:25
superbase is a database that you can
15:27
essentially tie your front end which is
15:30
basically what we're building here to a
15:32
back end where you can store data so if
15:34
you're if like for example if I was
15:35
uploading this I can store this into
15:37
superbase so you can actually have a
15:39
direct connection with superbase and you
15:41
just click on connect superbase and then
15:42
you'll be able to follow along that
15:44
video which is really nice because you
15:46
can say like once I upload a file save
15:47
it to this particular table right and
15:50
that it makes it super easy to do that
15:51
bolt. new does not have something like
15:53
that I know it's something in the works
15:56
and it should make life a lot easier but
15:58
they don't have that functionality just
16:01
yet lovable also has a direct connection
16:04
to GitHub Now bolt. new you can
16:07
technically connect your account or your
16:09
your app to GitHub if you do open in
16:13
stack Blitz you can save this to GitHub
16:17
by doing create repository right here
16:20
but it's not directly inside of boltan
16:23
new which is it would be nice if you
16:25
could just click a button and it's you
16:26
know it just goes there directly to
16:27
GitHub versus opening it in stack Blitz
16:30
and then creating a repository there it
16:32
just less clicks right it would be nice
16:33
if it was here whereas lovable you can
16:35
connect to a GitHub account and then
16:36
boom it's going to be connected which is
16:39
nice and then the other thing that I
16:41
like that they have well one I really do
16:43
like these project settings because you
16:44
can rename the project and both on new
16:46
you actually have to open the project in
16:48
stets and then change the name here so I
16:52
would change the name to whatever I want
16:53
and then I would have to reopen it back
16:55
inside of b. new which is kind of
16:57
cumbersome to be honest like I should be
16:58
able to just double click right here and
17:00
or right here and just change the name
17:01
so loable has definitely a oneup when it
17:04
comes to just the functionality within
17:07
the actual app that you're building so I
17:08
would say lovable for sure has has that
17:11
going for it and then the other thing
17:13
that's really really powerful is this
17:15
select thing so if you select you can
17:17
actually change elements so like for
17:18
example if I select VAP and say change
17:21
this to say upload video content it's
17:25
going to know to change this H2 to say
17:29
upload video content or at least it
17:31
should I like there you go I was like
17:33
wait it didn't do it but there it goes
17:35
okay so yeah the select feature you can
17:36
select particular things on the app and
17:38
makes it really easy for you to be like
17:40
hey like change this thing versus using
17:42
messages it does still use a message
17:44
technically but versus you having to
17:46
type it out you can just use the select
17:48
functionality which is really powerful
17:49
and b. new we do not have that so you
17:51
actually have to type all the time to
17:54
you know make the changes that you want
17:55
versus like okay I want you to change
17:58
this a different text right you can't do
18:00
that and that would be really awesome if
18:02
Bol on you had that but it doesn't and
18:04
that is something that it is lacking the
18:07
other thing that lovable has is the
18:09
functionality a little bit more techy
18:10
but it has the functionality to do Edge
18:13
functions inside of superbase it also
18:15
has the functionality to do email
18:17
sending directly from the app so it uses
18:19
resend connectivity to actually do that
18:21
and they also have some stripe videos as
18:23
well that you can actually build the
18:25
stripe integration directly with inside
18:27
of lovable b. new doesn't have that yet
18:30
so the winner 4 feature set is going to
18:33
be lovable they just have a bit more of
18:36
uh functionality for users to make it
18:37
easier on them to not only interact with
18:40
their databases and update them and
18:42
delete stuff and create stuff but also
18:44
just overall functionality for like
18:45
select for example that's a really
18:47
powerful feature that I think would be
18:48
beneficial for bolt to implement versus
18:50
me having to type it and it also just
18:52
saves on tokens right if we're able to
18:54
select particular things it will know
18:56
directly within the app what to change
18:58
versus is going to the code trying to
19:00
find it and then you know using to using
19:02
a lot of code if you're not using the
19:04
diff functionality which we talked about
19:06
earlier so I'm going to give lovable the
19:08
win here so if you have been taking Note
19:11
price b. new is the winner there speed
19:14
bolt. new is the winner there design
19:17
lovable. Deb is the winner there
19:19
improvements bolt. new is the winner
19:22
there and feature set lovable. deev is
19:25
the winner there now it is important to
19:27
note that every app is different and I'm
19:29
just showing an example just based off
19:31
some simple prompting here so some of
19:32
these categories might differ for the
19:34
app that you're building so just take
19:36
that into account the last thing we're
19:37
going to talk about is comprehension so
19:39
how well does each of these app
19:41
understand what I'm saying and then
19:43
build what I'm saying so for that we're
19:45
actually going to complete this app by
19:46
using make.com and then making sure that
19:49
when we upload a video file it actually
19:51
goes into make and then we get the text
19:53
exactly where we want it inside the bul
19:55
or lovable so follow me back into make
19:58
all right so for this what I'm going to
20:00
do is click on create a new scenario
20:02
this should be a very simple setup and
20:04
I'm just going to go through this really
20:05
fast but if you want to see step by step
20:08
on how you can do something like this I
20:09
have another video that showcases how I
20:11
built and sold an Ari app for $3,000
20:13
using bolt. new check that video out so
20:15
I hopped into make and we built this
20:16
automation out so what's going to happen
20:18
is when a user uploads a video or
20:20
inserts a link it's going to basically
20:23
call make.com and it's going to do this
20:25
web hook again if you want to see a
20:27
step-by-step video make sure you go
20:29
check out my other video that kind of
20:30
breaks this down more but what's
20:32
happening is when I click on proceed
20:34
it's going to call this web hook it's
20:36
going to make a request to an API called
20:38
Fast saver API which allows us to
20:40
download video data and then we're going
20:42
to be able to get that video we're going
20:44
to then use assembly. a which is a free
20:46
software that allows us to transcribe
20:48
audio and video files and then we're
20:51
going to use Claude to then create a
20:53
summary and then send that summary back
20:55
into our app so what we need to do is
20:58
tell bolt. new and we need to tell
21:00
lovable that when a user inserts a URL
21:04
here or uploads a video that it calls
21:06
this web hook so I'm going to use this
21:08
prompt in both lovable and inside of
21:10
both so when a user uploads a video link
21:12
and clicks proceed please call this web
21:14
hook which again is this web hook here
21:16
and then it says and send the video
21:18
upload into the web hook you need to
21:20
show the web hook response in the
21:21
content section here is the example of
21:23
how it will come back so essentially I'm
21:25
telling you hey this is what's going to
21:26
happen and when it does happen this is
21:28
what you need to look out for and then
21:30
lastly I say this text will be the
21:31
actual response once the web hook
21:34
response comes back change the state to
21:36
show the response with the new
21:37
generation copy edit button so if we go
21:39
back into make uh real quick you'll see
21:41
here that I have the Claude model here
21:43
and I say just please make a summary of
21:44
this transcription so again it's using
21:46
assembly. to create that transcription
21:49
and then here is how I want that
21:51
response to come back and I also say
21:52
make sure that you properly format that
21:54
text so that it doesn't break if I were
21:55
to put it inside of a app so we're going
21:58
to run this both and bulb and I'm going
22:00
to copy this and then I'm also going to
22:01
run this inside of lovable and we're
22:04
going to just see what happens so I'm
22:06
going to hit both and run it actually
22:08
for this video I'm going to use a
22:11
YouTube video that I created and you
22:13
guys could check out this video as well
22:15
but we're just going to use this video
22:17
for the URL link here so let's take a
22:21
look it looks like Bolt's done it says
22:22
I'll help you integrate the web hook
22:24
into the application I'll update the API
22:26
utility and then it says some other
22:28
stuff stuff down here let's check out
22:29
lovable and see if it did it okay so
22:31
looks like it both did it so let's just
22:33
enter the UR URL here and click on
22:36
process and we ran into an error so we
22:39
can check that let's check lovable to
22:40
see if it ran into an error as well and
22:42
actually let's go back because what I
22:44
need to do is I actually need to click
22:46
on this so um I need to turn this on
22:50
that would actually probably you know
22:52
not those us error so I'm going to click
22:54
on delete old data I'm going to click
22:56
delete and now we should be good to go
22:58
so I'm going to try this one more time
22:59
I'm going to just refresh this inside of
23:03
Bolt I'm going to click new upload for
23:04
lovable and I'm going to click on here
23:07
process and then I'm going to click on
23:09
here process and it says processing and
23:12
this says processing your content so now
23:15
what's happening aside of make is it's
23:16
running through these different modules
23:18
here so it called the web hook it is
23:20
making that request to fasts saver and
23:23
then it's going to download the video
23:24
essentially and then upload that video
23:26
inside of assembly transcribe that video
23:28
inside of assembly wait until that
23:29
transcription is ready and then send it
23:32
into Claud to actually create a summary
23:34
of what that video is talking about so
23:36
the video again that I uploaded was that
23:38
YouTube video that you saw prior and now
23:40
it's doing that process and it should
23:42
send us and show us that text content
23:45
when it is done processing unless it
23:47
throws us an error so this is still
23:49
processing we'll let it process and then
23:51
we'll be right back we're back so it
23:53
looks like it did actually create the
23:55
summary for us here so in lovable we got
23:57
the summary here it says your process
23:58
process content is ready we have the
23:59
summary of the video and kind of just
24:02
walking through everything that happens
24:04
in that video I can click on copy and
24:06
they should copy to the clipboard let's
24:08
test that yeah that looks like it worked
24:10
well nice okay and we can also click on
24:13
edit and we should be able to edit this
24:15
as well and I click on Save and that
24:17
should save all right let's try this in
24:19
Bol so let's actually click on copy
24:21
first because it did the same thing as
24:23
well so it says app concept tools used
24:27
nice so let's paste that all right the
24:28
paste is working let's click on edit
24:31
content and click on Save changes so
24:34
honestly for comprehension they both did
24:36
a pretty good job as far as the
24:39
instructions were going I just said you
24:41
know when the user uploads that video
24:43
call that web hook and then do that
24:44
entire process and it did it using the
24:46
same prop so for comprehension I'm going
24:48
to say there it's a tie I think it's a
24:51
tie I think they both did really well an
24:53
understanding of what I wanted to happen
24:55
and it did exactly what I wanted to
24:57
happen so they win they both win so if
24:59
we are keeping score let's go back to
25:01
what we were initially scoring each app
25:04
on pricing bolt. new one on the pricing
25:07
speed bolt. new one on the speed design
25:10
lovable one on the design improvements
25:13
bolt. new did win on the Improvement
25:15
side and then feature set lovable dodev
25:18
did win on the feature set but
25:19
comprehension it's a tie so if we're
25:21
looking at it from all criteria b. new
25:25
wins just based off the scoring system
25:27
but both tools will allow you to build
25:29
cool micro apps like I just showcased
25:32
however when it comes to affordability I
25:34
do think that bullet. new is the best
25:36
bang for your buck when it comes to
25:38
building out these micro apps the
25:39
fastest way possible make sure that you
25:42
click the link down below which will
25:43
lead you to my cohort signup page
25:46
there's a wait list I'm not sure when
25:48
it's going to launch or even the details
25:50
I just want to see if there's people who
25:52
are interested in this particular topic
25:54
so all you have to do is click the link
25:55
into your email and then you'll be on
25:57
the wait list if you want to see how I
25:59
built and sold a micro app for $3,000
26:02
then click this video right here until
26:04
then I'll see you in the next video keep
26:06
building