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

Поделиться
HTML-код
  • Опубликовано: 8 ноя 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 RUclips!!

    • @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 RUclips, 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!

  • @junmagic8847
    @junmagic8847 Месяц назад +3

    this is brilliant! patched is such a good idea!

  • @NerdyX90
    @NerdyX90 Месяц назад +3

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

  • @nicholasbell6128
    @nicholasbell6128 Месяц назад +1

    great video. well done, awesome content on your channel

  • @WPCliffsNotes
    @WPCliffsNotes 28 дней назад +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  28 дней назад

      Thanks for your feedback!

    • @GilbertMizrahi
      @GilbertMizrahi 23 дня назад +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: ruclips.net/video/oXbqFvAr0tw/видео.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.