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

แชร์
ฝัง
  • เผยแพร่เมื่อ 21 พ.ย. 2024

ความคิดเห็น • 75

  • @DevelopersDigest
    @DevelopersDigest  2 หลายเดือนก่อน +3

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

  • @JoshZlaket
    @JoshZlaket หลายเดือนก่อน +5

    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.

  • @JJ-tr8cu
    @JJ-tr8cu 2 หลายเดือนก่อน +17

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

  • @rohansood15
    @rohansood15 2 หลายเดือนก่อน +26

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

    • @DevelopersDigest
      @DevelopersDigest  2 หลายเดือนก่อน +1

      More to come !

    • @JohnnyTwoFingers
      @JohnnyTwoFingers หลายเดือนก่อน +1

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

    • @DevelopersDigest
      @DevelopersDigest  หลายเดือนก่อน

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

    • @JohnnyTwoFingers
      @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
      @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...

  • @hitmusicworldwide
    @hitmusicworldwide 2 หลายเดือนก่อน +28

    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
      @DevelopersDigest  2 หลายเดือนก่อน +1

      Great tip!

    • @hitmusicworldwide
      @hitmusicworldwide 2 หลายเดือนก่อน +5

      @@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
      @matthewbracke 2 หลายเดือนก่อน +4

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

    • @hitmusicworldwide
      @hitmusicworldwide 2 หลายเดือนก่อน +1

      @@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
      @mattc3510 2 หลายเดือนก่อน

      Thanks for the tip

  • @tkp2843
    @tkp2843 2 หลายเดือนก่อน +3

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

  • @francois-pierrethibault2651
    @francois-pierrethibault2651 2 หลายเดือนก่อน +6

    Thanks for firecrawl and patch, gretlat discovery

  • @NoxxNodes
    @NoxxNodes หลายเดือนก่อน +1

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

    • @DevelopersDigest
      @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 TH-cam, udemy, scrimba etc that can walk you through a path you’re interested in exploring as a developer.
      Hope that helps!

  • @shinchima
    @shinchima หลายเดือนก่อน +1

    good overview of those tools - thanks DD

  • @JacksonHan-u3k
    @JacksonHan-u3k หลายเดือนก่อน +1

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

  • @NerdyX90
    @NerdyX90 2 หลายเดือนก่อน +3

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

    • @DevelopersDigest
      @DevelopersDigest  2 หลายเดือนก่อน +1

      Glad it helped! Cheers 🥂

    • @debbietros
      @debbietros 2 หลายเดือนก่อน

      I hope you have complete your Project?

  • @nicholasbell6128
    @nicholasbell6128 หลายเดือนก่อน +1

    great video. well done, awesome content on your channel

    • @DevelopersDigest
      @DevelopersDigest  หลายเดือนก่อน

      Thank you - that means a lot 🥹

  • @junmagic8847
    @junmagic8847 2 หลายเดือนก่อน +3

    this is brilliant! patched is such a good idea!

  • @WPCliffsNotes
    @WPCliffsNotes หลายเดือนก่อน +3

    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
      @DevelopersDigest  หลายเดือนก่อน

      Thanks for your feedback!

    • @GilbertMizrahi
      @GilbertMizrahi หลายเดือนก่อน +1

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

  • @TheMoizQureshi
    @TheMoizQureshi 2 หลายเดือนก่อน +1

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

    • @DevelopersDigest
      @DevelopersDigest  2 หลายเดือนก่อน

      I made a more in depth look at composer here: th-cam.com/video/oXbqFvAr0tw/w-d-xo.html
      If you are interested

  • @RITSK-c5c
    @RITSK-c5c 2 หลายเดือนก่อน +1

    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

  • @raphauy
    @raphauy 2 หลายเดือนก่อน +1

    Awesome! Thank you!

  • @googleyoutubechannel8554
    @googleyoutubechannel8554 2 หลายเดือนก่อน +45

    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
      @leanghenglim หลายเดือนก่อน +1

      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

  • @naykafication
    @naykafication 2 หลายเดือนก่อน +1

    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
      @DevelopersDigest  2 หลายเดือนก่อน

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

  • @somiljain9617
    @somiljain9617 2 หลายเดือนก่อน +4

    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.

  • @claytonexplains
    @claytonexplains 2 หลายเดือนก่อน +1

    Great video. 👍

  • @elkabeatz135
    @elkabeatz135 2 หลายเดือนก่อน +3

    You have access to o1 via Api?

  • @kieronalford9855
    @kieronalford9855 7 วันที่ผ่านมา +1

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

  • @mattc3510
    @mattc3510 2 หลายเดือนก่อน +1

    Love it thanks

  • @greendsnow
    @greendsnow 2 หลายเดือนก่อน +5

    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
      @DevelopersDigest  2 หลายเดือนก่อน

      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
      @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.

  • @freddiechipres
    @freddiechipres 2 หลายเดือนก่อน +1

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

    • @zainulfanani
      @zainulfanani 2 หลายเดือนก่อน +1

      Replit need to catch up then

    • @DevelopersDigest
      @DevelopersDigest  2 หลายเดือนก่อน

      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

  • @zeuz3332
    @zeuz3332 2 หลายเดือนก่อน +6

    is the voice AI

  • @daedaluxe
    @daedaluxe 2 หลายเดือนก่อน +5

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

    • @nickethan7547
      @nickethan7547 2 หลายเดือนก่อน +3

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

    • @daedaluxe
      @daedaluxe 2 หลายเดือนก่อน

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

  • @ismaelkf
    @ismaelkf 2 หลายเดือนก่อน +2

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

    • @debbietros
      @debbietros 2 หลายเดือนก่อน

      Do you need help in building your website?

  • @biyapx
    @biyapx 2 หลายเดือนก่อน +7

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

    • @siddhubhai2508
      @siddhubhai2508 2 หลายเดือนก่อน +1

      💀💀💀

    • @siddhubhai2508
      @siddhubhai2508 2 หลายเดือนก่อน +2

      @@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.