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
The most valuable 7-minute demo on how to build a POC/MVP using AI tools today
@henriquematias1986
2 ай бұрын
“Today” Hahah
@souviksaha5416
2 ай бұрын
MVP?
@DominikSipowicz
2 ай бұрын
@@souviksaha5416 MVP - Minimum Viable Product POC - Proof of Concept It's like a first version that can quickly deliver some value
@diogonunes2020
2 ай бұрын
@@souviksaha5416 minimum viable product
@miguelgargallo
2 ай бұрын
no doubt, but not nvp
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
24 күн бұрын
... momentarily. if we keep feeding it abstraction soon this won't be a problem anymore.
Vercel always leave us amazed ...
@akarshanmishra2351
2 ай бұрын
Vercel is an AWS WRAPPER!
@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
2 ай бұрын
@@akarshanmishra2351 nice wrapper
I'm loving these videos showcasing modern features using NextJs and deployed in Vercel.
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 😂
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 !
This is incredible!
It is fascinating to see the using of AI tool to build another AI application.
Programming is way different than a day back
@marcc0183
2 ай бұрын
do u know how to connect a database quickly on this? like prisma
@YuraZavadenko
2 ай бұрын
@@marcc0183 Yes friend I do
@tommysaucey6095
2 ай бұрын
@@marcc0183 Nothing really hard.. That depend on your needs
@MyExRebirth
2 ай бұрын
This isn't programming.its just using templates and ready made code
That was amazingly fast!
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.
Lee, thank you! Can you show how to make smooth page transitions in app router? In pages router it worked well...
This is usefully, thanks bro
building right away, thank Lee :)
Great work Vercel! Could you share the name of the vscode theme with us?
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
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
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
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. 😡
Is there a way to not opt out Tailwind in v0? I just want my code to look clean.
Thats cool❤
impressive very nice, can you tell me which extension were you using that autocomplete the typescript?
@timothyifiora2391
2 ай бұрын
Copilot
Nextjs is my prefered react framework cause it's just easy and advanced
Now ollama is in the AI SDK, it's really underrated!
@drprdcts
2 ай бұрын
For real! Local llama for the win!
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 🔥
a-ma-zing 😯
Cool
Noice
Wake me up when every other app isn't just another AI wrapper.
Completely over my head
Building UI have never been easier
why don't you able to sell it?
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
I am addicted to vercel and Supabase... Vendor lock 😢😢😢😢
OMG
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!
Do this with Gemini
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
2 ай бұрын
Why don't you try learning and visit this again instead of crying here.
Get woke go broke
So what is this, a simple streaming wrapper for the response? Meh.