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

[@DominikSipowicz]

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

[@henriquematias1986]

“Today” Hahah

[@souviksaha5416]

MVP?

[@DominikSipowicz]

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

[@diogonunes2020]

​@@souviksaha5416 minimum viable product

[@miguelgargallo]

no doubt, but not nvp

[@aerofred2002]

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]

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]

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

[@thetruth9807]

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

[@MaximeDde]

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 !

[@saumya8407]

The vercel V0 is incredible and it will save a lot of time on developing large and complex applications.

[@AIfixmath]

Vercel always leave us amazed ...

[@akarshanmishra2351]

Vercel is an AWS WRAPPER!

[@CoryTheSimmons]

​@@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]

@@akarshanmishra2351 nice wrapper

[@sereyvathanakkhorn760]

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

[@paramaggarwal]

This is incredible!

[@chad_giga6934]

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 😂

[@M7ilan]

That was amazingly fast!

[@highnitin]

building right away, thank Lee :)

[@williamgolden8188]

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.

[@miguelgargallo]

This is usefully, thanks bro

[@biLLie_wiLLie]

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

[@TheRobBrennanLive]

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]

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]

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

[@YuraZavadenko]

Programming is way different than a day back

[@marcc0183]

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

[@YuraZavadenko]

@@marcc0183 Yes friend I do

[@tommysaucey6095]

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

[@MyExRebirth]

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

[@metecank]

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

[@id104335409]

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

[@0x656e]

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

[@timothyifiora2391]

Copilot

[@thereaper7682]

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

[@MdNaimurRahmanHera]

Thats cool❤

[@superhumandose]

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

[@LukasSmith827]

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

[@drprdcts]

For real! Local llama for the win!

[@yassinesafraoui]

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 🔥

[@Thumolero]

Cool

[@vagnereix]

a-ma-zing 😯

[@swimmyJones]

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

[@kunalr_ai]

why don't you able to sell it?

[@EverydayBeing-de1qu]

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

[@jatiquep5543]

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

[@revoksfn7354]

Completely over my head

[@kyawzinlatt3712]

Building UI have never been easier

[@BROKNOWS7]

Noice

[@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!

[@devJefferson]

Bro failed the 5 minutes 😄, But still the best video 👍

[@SamyadeepPurkayastha]

Do this with Gemini

[@user-il7rz1kx2e]

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]

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

[@user-mo3lq1ik6s]

OMG

[@bugged1212]

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

[@fred-62]

Get woke go broke