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

Поділитися
Вставка
  • Опубліковано 9 лис 2024

КОМЕНТАРІ • 71

  • @DevelopersDigest
    @DevelopersDigest  Місяць тому +3

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

  • @JJ-tr8cu
    @JJ-tr8cu Місяць тому +15

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

  • @rohansood15
    @rohansood15 Місяць тому +25

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

    • @DevelopersDigest
      @DevelopersDigest  Місяць тому +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 UA-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...

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

  • @hitmusicworldwide
    @hitmusicworldwide Місяць тому +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  Місяць тому +1

      Great tip!

    • @hitmusicworldwide
      @hitmusicworldwide Місяць тому +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 Місяць тому +4

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

    • @hitmusicworldwide
      @hitmusicworldwide Місяць тому +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 Місяць тому

      Thanks for the tip

  • @tkp2843
    @tkp2843 Місяць тому +3

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

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

  • @shinchima
    @shinchima 19 днів тому +1

    good overview of those tools - thanks DD

  • @francois-pierrethibault2651
    @francois-pierrethibault2651 Місяць тому +6

    Thanks for firecrawl and patch, gretlat discovery

  • @JacksonHan-u3k
    @JacksonHan-u3k Місяць тому +1

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

  • @NerdyX90
    @NerdyX90 Місяць тому +3

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

  • @junmagic8847
    @junmagic8847 Місяць тому +3

    this is brilliant! patched is such a good idea!

  • @nicholasbell6128
    @nicholasbell6128 Місяць тому +1

    great video. well done, awesome content on your channel

  • @WPCliffsNotes
    @WPCliffsNotes 29 днів тому +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  29 днів тому

      Thanks for your feedback!

    • @GilbertMizrahi
      @GilbertMizrahi 24 дні тому +1

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

  • @raphauy
    @raphauy Місяць тому +1

    Awesome! Thank you!

  • @googleyoutubechannel8554
    @googleyoutubechannel8554 Місяць тому +44

    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

  • @TheMoizQureshi
    @TheMoizQureshi Місяць тому +1

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

    • @DevelopersDigest
      @DevelopersDigest  Місяць тому

      I made a more in depth look at composer here: ua-cam.com/video/oXbqFvAr0tw/v-deo.html
      If you are interested

  • @mattc3510
    @mattc3510 Місяць тому +1

    Love it thanks

  • @RITSK-c5c
    @RITSK-c5c Місяць тому +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

  • @claytonexplains
    @claytonexplains Місяць тому +1

    Great video. 👍

  • @naykafication
    @naykafication Місяць тому +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  Місяць тому

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

  • @somiljain9617
    @somiljain9617 Місяць тому +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.

  • @freddiechipres
    @freddiechipres Місяць тому +1

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

    • @zainulfanani
      @zainulfanani Місяць тому +1

      Replit need to catch up then

    • @DevelopersDigest
      @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

  • @greendsnow
    @greendsnow Місяць тому +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  Місяць тому

      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.

  • @elkabeatz135
    @elkabeatz135 Місяць тому +3

    You have access to o1 via Api?

  • @zeuz3332
    @zeuz3332 Місяць тому +6

    is the voice AI

  • @daedaluxe
    @daedaluxe Місяць тому +5

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

    • @nickethan7547
      @nickethan7547 Місяць тому +3

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

    • @daedaluxe
      @daedaluxe Місяць тому

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

  • @ismaelkf
    @ismaelkf Місяць тому +2

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

    • @debbietros
      @debbietros Місяць тому

      Do you need help in building your website?

  • @biyapx
    @biyapx Місяць тому +7

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

    • @siddhubhai2508
      @siddhubhai2508 Місяць тому +1

      💀💀💀

    • @siddhubhai2508
      @siddhubhai2508 Місяць тому +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.