Build a Full-Stack AI Web App in 12 Minutes: Cursor, OpenAI o1, V0, Firecrawl & Patched

[@DevelopersDigest]

Try Patched to automate readme, reviews, and other workflows: app.patched.codes

[@JJ-tr8cu]

Love that you are showing us your workflow! Keep them coming!

[@DevelopersDigest]

Will do - thank you! 🙏

[@rohansood15]

Its great to see end-to-end idea to deployment videos like these!

[@DevelopersDigest]

More to come !

[@JohnnyTwoFingers]

​@@DevelopersDigestThis was so amazing to watch...I wish "AI speedrunning fully functional app development" becoming a thing on KZbin!!

[@DevelopersDigest]

​@@JohnnyTwoFingers Thank you - should I make more videos like this?

[@JohnnyTwoFingers]

@@DevelopersDigest Very much! I'd kinda like to see one though where you slow down a bit to explain the various what seem like magical commands and this and that you're doing. It would be nice if you could just run this video through an app with some manually inserted "explain what I'm doing here" in the transcript, then it would make a longer copy with extra ai generated video, explaining in depth (or level "x"...each video could have several levels of in-depthness, so the viewer can choose). I bet this is possible, eh?

[@DevelopersDigest]

​@@JohnnyTwoFingers Thanks for the feedback. I think that AI generated is a really interesting idea but I think it would be pretty non-trivial to set up - it might be possible to set up clickable tiles + upload additional videos to click on throughout the video but this would be a fair bit more work. I do like the idea of different levels of depth, something in the thumbnails for videos could be interesting...

[@JoshZlaket]

I'm not a developer and good portion of this video was kind of gibberish to me, but holy shit this is awesome. Thanks for putting this together.

[@tkp2843]

This is awesome!!!! Love the use of Firecrawl here! Great work!

[@DevelopersDigest]

Thank you! Cheers!

[@francois-pierrethibault2651]

Thanks for firecrawl and patch, gretlat discovery

[@DevelopersDigest]

Glad you like them!

[@JacksonHan-u3k]

This is amazing and well explained. Thank you for sharing!

[@DevelopersDigest]

Glad you enjoyed it!

[@hitmusicworldwide]

Folks, you don't have to use Colloquial English to communicate with the chatbot. Instead use direct voice: "send firecrawl request to GPT4o, generate report with instruction results + URL in valid HTML".( Btw, is invalid HTML and option here?) Most times phrases like "I want to", the use of definite articles, pleasantries like "please and thank" etc are not necessary. It's a vector database so use less tokens, discard extraneous colloquialisms used in everyday speech. speak in direct voice, economize your sentences. Instruct the LLM to respond likewise . You might be surprised how many tokens you save over long sessions.

[@DevelopersDigest]

Great tip!

[@hitmusicworldwide]

@@DevelopersDigest I was talking with the chat GPT voicebot about this yesterday and specifically with regards to how Chinese is such an economical language as it doesn't conjugate verbs there are no real definite and indefinite articles and a bunch of other crap that we load up our language with So it's very economical and the conversation went on to discuss perhaps creating a shortened English that can be used to interact with chatbots It's a clear and economical way of thinking and programming. The chatbot said that there are some attempts at creating an intermediate language not unlike a programming language in plain English that is well defined or static yet plain English in order to make this a reality Great video by the way I hope I can actually use the techniques you described in my project

[@matthewbracke]

I’m kind to all GPTs in case they ever take over we’d be friends 😂

[@hitmusicworldwide]

@@superresistant0 I suppose those people don't understand what's going on It's all a black box to them This is just a vector database that makes associations between words there's some logic to it but I don't see people being particularly kind to their earbuds, their Phones, their watches etc

[@mattc3510]

Thanks for the tip

[@NerdyX90]

THANK YOU !! This helped me with my project. Subbed !!

[@DevelopersDigest]

Glad it helped! Cheers 🥂

[@debbietros]

I hope you have complete your Project?

[@shinchima]

good overview of those tools - thanks DD

[@DevelopersDigest]

Thanks for watching!

[@junmagic8847]

this is brilliant! patched is such a good idea!

[@codenerdette]

well put together

[@DevelopersDigest]

Thanks!

[@NoxxNodes]

Great video! How did you come to learn all you know? And what resources have you found the most helpful in learning?

[@DevelopersDigest]

Thank you, the tldr is that I have worked for as a developer for many years now and spend a lot of time outside of work creating content related to development. If I were starting out - I recommend to start building something, it can be anything. Watching content helps introduce and reinforce ideas but there is no substitution to building something. There are a ton of really great courses out there on KZbin, udemy, scrimba etc that can walk you through a path you’re interested in exploring as a developer. Hope that helps!

[@nicholasbell6128]

great video. well done, awesome content on your channel

[@DevelopersDigest]

Thank you - that means a lot 🥹

[@raphauy]

Awesome! Thank you!

[@DevelopersDigest]

Thanks for watching!

[@RITSK-c5c]

i just have a question if you can answer like when you make a project buy using all this tools wont it will be a problem in future to manage it in future like in maintain and keep it working and keep it up to date

[@googleyoutubechannel8554]

12 minutes to get something partially working.... 3 hours of fighting with the AI to try to fix errors it's causing over and over and over before you give up again crying and just write it yourself....

[@leanghenglim]

I agree, alot of the time AI does not do what you want and it just makes more and more mistakes. But I think it serves as a good starting point, and helps you flesh out an idea by just using plain english

[@nohandleava]

It will improve it is still in initial stage

[@TheMoizQureshi]

Great Tutorial! Can you tell me more about the composer which you are using to generate code using chatgpt?

[@DevelopersDigest]

I made a more in depth look at composer here: kzbin.info/www/bejne/pYnFonmsdtdjqtk If you are interested

[@elkabeatz135]

You have access to o1 via Api?

[@DevelopersDigest]

Yes

[@mattc3510]

Love it thanks

[@DevelopersDigest]

😊

[@claytonexplains]

Great video. 👍

[@DevelopersDigest]

Thank you!

[@kieronalford9855]

Fix the attack on your gate setting for your microphone make it slower

[@DevelopersDigest]

Thanks for the feedback!

[@WPCliffsNotes]

I am a developer and this is awesome but you need to slow down and walk through is slower. You were going so fast that I got lost.

[@DevelopersDigest]

Thanks for your feedback!

[@GilbertMizrahi]

I agree. The content is great, but it's going to fast to keep up.

[@naykafication]

It is great, but one problem I have you switch and can't see often what was generated. That's a bit annoying tbh.

[@DevelopersDigest]

Sorry! Repo with code in full is in description if interested

[@greendsnow]

Every time I buy a monthly subscription to v0 I cancel it on the 2nd day. The code and the DESIGN quality are dismal.

[@DevelopersDigest]

I have some ideas for feature more design related content coming soon. I have started to see some useful tips pop up here and there for how to make v0 output better looking components, example: x.com/nickscamara_/status/1836814973017727142?s=46&t=6e0Os0xZqOpcsvlzGBwpow

[@fauxir]

I find the code quality to be very poor...design wise is decent if you try like 10 times but ultimately you will end up with something that everyone else has.

[@somiljain9617]

if you're using AI to build software, please, please, please commit your work at every stage. You never know when the AI might mess up the entire codebase.

[@DevelopersDigest]

Great tip!

[@zeuz3332]

is the voice AI

[@DevelopersDigest]

This is my real voice 😅

[@anishawasthi2197]

😂

[@freddiechipres]

Next challenge being able to do this all online without the need for desktop ide. Maybe all mobile friendly 🤔

[@zainulfanani]

Replit need to catch up then

[@DevelopersDigest]

I have a feeling we are going to see more of these types of tools over the coming months given how interested people have been in cursor, Replit, v0 etc. I have no doubt we will have many options in this arena very soon

[@biyapx]

How is the video 11 hours if u built it in 12 minutes

[@siddhubhai2508]

💀💀💀

[@siddhubhai2508]

@@superresistant0 Sorry bro, I saw video, I was blind I think, lol! Thank you for clarifying, and it is not hate bro, I'm saying really.

[@ismaelkf]

I watched the entire video im not sure what you built.

[@debbietros]

Do you need help in building your website?

[@daedaluxe]

The internet is just going to be broken patchwork code all built with shadcn components in about 3 years lmao

[@justaguy1114]

Isn’t it just a broken patchwork of shitty junior devs building out UI already?

[@daedaluxe]

@@justaguy1114 At least things looked unique before, now everything is going to look like angelfire sites, except it's shadcn