I used AI to code a Beautiful Next.js Pricing Page in 9 Mins! (v0 by Vercel)

Рет қаралды 19,362

Күн бұрын

❗️Save a Massive 30% for Oxylabs Proxies using our special link 👉 oxylabs.go2cloud.org/aff_c?of...
🚨 Join the world’s BEST developer community & course Zero to Full Stack Hero: www.papareact.com/course
🔴 LOOKING FOR THE CODE FROM MY BUILDS? 🛠️
links.papareact.com/github
Join me as I show you how to build beautiful Pricing Cards using v0 by Vercel. You'll learn the following in this video:
👉 How to use v0 by Vercel to generate component code for your Next.js Projects!
👉 The Pro's & Con's of AI tools such as v0
👉 How to generate a beautiful Pricing Card template that you can use for your own projects
👉 How to implement Shadcn/ui with any v0 templates
👉 How to improve upon existing v0 templates with prompts
📩 Want coding problems (with solutions!) delivered to your inbox daily!?
Sign Up Here: www.papareact.com/dailycoding...
🎵 WANT TO LISTEN TO THE EXCLUSIVE PAPAFAM PLAYLIST?
Sign up for the PAPAFAM Newsletter here 👉 links.papareact.com/newsletter
🕐 TIMESTAMPS
00:00 Introduction
00:32 Oxylabs Sponsorship
01:48 Exploring v0 Pricing Card Template
03:17 Adding onto the Pricing Card Template with prompts
05:17 Initialising a Build & Implementing Shadcn/ui
06:06 Adding the Pricing Cards to the Build
07:31 Improving the Pricing Cards Template
09:30 Final Demo & Outro
Let’s get it PAPAFAM 🔥.
DISCLAIMER: This Video is made for informational and educational purposes only. We do not own or affiliate with Vercel and/or any of its subsidiaries in any form. Copyright Disclaimer Under section 107 of the Copyright Act 1976, allowance is made for “fair use” of this video for education purposes.
#reactjs #nextjs14 #vercel #v0 #AI #tailwindcss #prompt #coding #javascript #design #reactjstutorial #tutorial #beginner #programming

Пікірлер: 19

@nvsxngh 2 ай бұрын

Delivering the latest and greatest tech as always 🔥Thanks for this Sonny

@derekprieur5258 2 ай бұрын

Very interesting. Thanks for the quick little update on it Sonny

@jesminegoh4198 2 ай бұрын

So good as always!!!

@saurabh75prakash 2 ай бұрын

Thanks for the awesome tutorial

@48_subhambanerjee22 2 ай бұрын

Sonny amazingg 🎉🎉🎉 🎂 Love yo content

@damilola_adegunwa 2 ай бұрын

thanks man!

@rachidrachid-lo5uq 2 ай бұрын

so when do you think AI will replace developers

@abdurrahmanbashir1274 2 ай бұрын

You are blessed. I am also. I am working hard to achieve excellence. Do you know what sometimes motivates me? Is findinf out, after trying that nothing is as hard as it seems b4 touching it. I really admire you capabilities and you method of teaching. I have been learnimg a lot from your videos. I hope to join your special group someday when i can afford but as for now im like then striving version of you . Trying to learn as much from free resources and practices and makes projects

@aditya-d- 2 ай бұрын

Bro, make big project with ai ,use next js , Make bor, i am very excited

@hubesh716 2 ай бұрын

Hey sonny sir plz start React native project

@kenthefley2226 2 ай бұрын

So how soon before AI just eliminates the need for a developer to create a next.js web app?

@desoxy2093 2 ай бұрын

1 year or 2. max.

@porapora8279 2 ай бұрын

If it can interface better with existing shitty foreign contractor front-end code than I can, very soon. This kind of stuff is great if you're starting from scratch.

@jason_v12345 2 ай бұрын

No time soon. Not because it won't be able to write the code, but because the hardest part about developing an app is discovering (and articulating) the requirements, especially as you start to deal with all the many little edge cases.

@jason_v12345 2 ай бұрын

You're asking this question in response to a video about a guy who builds probably one of the most ubiquitous, boilerplate of components in existence.

@kenthefley2226 2 ай бұрын

@@jason_v12345I hope you are right. AI seems to be moving very fast and I have spent the last year focusing on Nextjs.