Build an AI app in 5 minutes!

Ғылым және технология

Learn how to build your first AI application using Next.js, React, Vercel, and v0. This speedrun tutorial shows using v0 to generate frontend code for your application, and the AI SDK to add support for streaming responses from LLMs.
0:00 - Introduction
0:29 - Building UI with v0
1:57 - Iterating with v0
0:41 - Slackbot setup
2:31 - Building the chat UI
3:19 - AI SDK
4:49 - Connecting the UI
6:56 - Demo
7:20 - Conclusion
◆ AI: vercel.com/ai
◆ v0: v0.dev
◆ AI SDK: sdk.vercel.ai/docs
#vercel #ai

Пікірлер: 62

  • @DominikSipowicz
    @DominikSipowicz2 ай бұрын

    The most valuable 7-minute demo on how to build a POC/MVP using AI tools today

  • @henriquematias1986

    @henriquematias1986

    2 ай бұрын

    “Today” Hahah

  • @souviksaha5416

    @souviksaha5416

    2 ай бұрын

    MVP?

  • @DominikSipowicz

    @DominikSipowicz

    2 ай бұрын

    @@souviksaha5416 MVP - Minimum Viable Product POC - Proof of Concept It's like a first version that can quickly deliver some value

  • @diogonunes2020

    @diogonunes2020

    2 ай бұрын

    ​@@souviksaha5416 minimum viable product

  • @miguelgargallo

    @miguelgargallo

    2 ай бұрын

    no doubt, but not nvp

  • @aerofred2002
    @aerofred20022 ай бұрын

    I thought AI was supposed to replace developers but the more I watch it, the more it seems like you have to know a lot before you can mess with it in the first place.

  • @user-vj9hb3gy6d

    @user-vj9hb3gy6d

    Ай бұрын

    Same. I watched a video about another Gen AI tool for musicians. I know nothing about music. I thought I can generate some catchy music with some prompting but nah... you gotta know how to create music on your own in order to use that tool lol. I think that can be a reality pretty soon.

  • @mr.longterm

    @mr.longterm

    24 күн бұрын

    ... momentarily. if we keep feeding it abstraction soon this won't be a problem anymore.

  • @AIfixmath
    @AIfixmath2 ай бұрын

    Vercel always leave us amazed ...

  • @akarshanmishra2351

    @akarshanmishra2351

    2 ай бұрын

    Vercel is an AWS WRAPPER!

  • @CoryTheSimmons

    @CoryTheSimmons

    2 ай бұрын

    ​@@akarshanmishra2351 So? Heroku and a billion other services are as well. They simplify a LOT of AWS. Like... have you ever actually used AWS to set up a single feature that Vercel provides, like Preview Deployments? It's disgustingly over-complicated. But it's built into Vercel (and Netlify and a few others). That is just a SINGLE example off the top of my head. Other examples are rollbacks, push-to-GH-to-deploy, securing env vars, configuring DNS, no-touch server-side analytics, Postgres, KV, blob storage, etc. etc. etc. There are a thousand other things these platforms (again, not just Vercel, but the majority of other SaaS apps) do to make AWS (or GCP or Azure) more user-friendly to normal devs. Most glaring... this video isn't even about AWS in the slightest. It's their AI which I'm 99% sure is just a fine-tuned (now with shadcn-ui components) GPT-4 model from OpenAI (which is Azure if you want to be weird).

  • @im9yro178

    @im9yro178

    2 ай бұрын

    @@akarshanmishra2351 nice wrapper

  • @thetruth9807
    @thetruth98072 ай бұрын

    I'm loving these videos showcasing modern features using NextJs and deployed in Vercel.

  • @chad_giga6934
    @chad_giga69342 ай бұрын

    V0 literally came to my rescue few weeks ago when I had to build a landing page with a form for a product we were launching 🔥 UI at the speed of thought 😂

  • @MaximeDde
    @MaximeDde2 ай бұрын

    God damn it, that's just so impressive. I'm not there yet in terms of knowledge, but holy f*** Imma use this a lot in the months to come. HUGE work Vercel !

  • @paramaggarwal
    @paramaggarwal2 ай бұрын

    This is incredible!

  • @sereyvathanakkhorn760
    @sereyvathanakkhorn7602 ай бұрын

    It is fascinating to see the using of AI tool to build another AI application.

  • @YuraZavadenko
    @YuraZavadenko2 ай бұрын

    Programming is way different than a day back

  • @marcc0183

    @marcc0183

    2 ай бұрын

    do u know how to connect a database quickly on this? like prisma

  • @YuraZavadenko

    @YuraZavadenko

    2 ай бұрын

    @@marcc0183 Yes friend I do

  • @tommysaucey6095

    @tommysaucey6095

    2 ай бұрын

    ​@@marcc0183 Nothing really hard.. That depend on your needs

  • @MyExRebirth

    @MyExRebirth

    2 ай бұрын

    This isn't programming.its just using templates and ready made code

  • @M7ilan
    @M7ilan2 ай бұрын

    That was amazingly fast!

  • @williamgolden8188
    @williamgolden81882 ай бұрын

    Very cool for POCs. Everything on all of the other tabs of this dashboard is hard coded though and is going to have to be refactored a good bit to be reusable / production ready. You'll also have to develop the APIs that serve these views as well obv.

  • @biLLie_wiLLie
    @biLLie_wiLLie2 ай бұрын

    Lee, thank you! Can you show how to make smooth page transitions in app router? In pages router it worked well...

  • @miguelgargallo
    @miguelgargallo2 ай бұрын

    This is usefully, thanks bro

  • @highnitin
    @highnitin2 ай бұрын

    building right away, thank Lee :)

  • @metecank
    @metecank2 ай бұрын

    Great work Vercel! Could you share the name of the vscode theme with us?

  • @id104335409
    @id1043354092 ай бұрын

    This brings back memories from school where the math teacher finally turns away from the black board and asks: Okay, any questions? and you can hear desperation in a silent room

  • @TheRobBrennanLive
    @TheRobBrennanLive2 ай бұрын

    This is cool! It seems straightforward to me, though it'd be useful to include a sample repo for reference in the comments. Well done!

  • @TheRobBrennanLive

    @TheRobBrennanLive

    2 ай бұрын

    Well the video was good. My experience in trying to have v0 generate a Chat UI that didn't have "Home" selected was TERRIBLE. Not a fan. It's a fun idea in theory, but terrible experience from my POV. I futzed around with it for about 40 minutes and no dice. 😞

  • @TheRobBrennanLive

    @TheRobBrennanLive

    2 ай бұрын

    I gave it a solid try, but after 90 minutes I am thoroughly disappointed with the v0 experience. This video - amazing. Actually trying to replicate it as outlined? Good ^#^@# luck. 😡

  • @superhumandose
    @superhumandose2 ай бұрын

    Is there a way to not opt out Tailwind in v0? I just want my code to look clean.

  • @MdNaimurRahmanHera
    @MdNaimurRahmanHera2 ай бұрын

    Thats cool❤

  • @0x656e
    @0x656e2 ай бұрын

    impressive very nice, can you tell me which extension were you using that autocomplete the typescript?

  • @timothyifiora2391

    @timothyifiora2391

    2 ай бұрын

    Copilot

  • @thereaper7682
    @thereaper76822 ай бұрын

    Nextjs is my prefered react framework cause it's just easy and advanced

  • @LukasSmith827
    @LukasSmith8272 ай бұрын

    Now ollama is in the AI SDK, it's really underrated!

  • @drprdcts

    @drprdcts

    2 ай бұрын

    For real! Local llama for the win!

  • @yassinesafraoui
    @yassinesafraoui2 ай бұрын

    Tbh you can't take code from v0 and start using it as is, it overcomplicates the layout, I just tried it out and I eventually had to remake the same layout it gave me with a grid layout that's simpler. But still ngl the layouts it gives are sick 🔥

  • @vagnereix
    @vagnereix2 ай бұрын

    a-ma-zing 😯

  • @Thumolero
    @ThumoleroАй бұрын

    Cool

  • @BROKNOWS7
    @BROKNOWS72 ай бұрын

    Noice

  • @EverydayBeing-de1qu
    @EverydayBeing-de1qu2 ай бұрын

    Wake me up when every other app isn't just another AI wrapper.

  • @revoksfn7354
    @revoksfn73542 ай бұрын

    Completely over my head

  • @kyawzinlatt3712
    @kyawzinlatt3712Ай бұрын

    Building UI have never been easier

  • @kunalr_ai
    @kunalr_ai2 ай бұрын

    why don't you able to sell it?

  • @swimmyJones
    @swimmyJones2 ай бұрын

    This is super cool. I just can’t get on the tailwind train. My bootstrap markup just looks so much cleaner than all those utility classes lol

  • @jatiquep5543
    @jatiquep55432 ай бұрын

    I am addicted to vercel and Supabase... Vendor lock 😢😢😢😢

  • @user-mo3lq1ik6s
    @user-mo3lq1ik6s2 ай бұрын

    OMG

  • @jasonsting
    @jasonstingАй бұрын

    Hmmm, not completely there, just yet. Still requires a lot of coding knowledge and manual "intervention" by the human user. lol. But still looking good and promising. Keep going!

  • @SamyadeepPurkayastha
    @SamyadeepPurkayastha2 ай бұрын

    Do this with Gemini

  • @user-il7rz1kx2e
    @user-il7rz1kx2e2 ай бұрын

    we dont want speedrun, we want something to let us learn. not everyone are as talented you are. take it slow and more simple, with more explanation

  • @amv_energy682

    @amv_energy682

    2 ай бұрын

    Why don't you try learning and visit this again instead of crying here.

  • @fred-62
    @fred-622 ай бұрын

    Get woke go broke

  • @bugged1212
    @bugged12122 ай бұрын

    So what is this, a simple streaming wrapper for the response? Meh.

Келесі