Published On Feb 23, 2024
βοΈSave a Massive 30% for Oxylabs Proxies using our special link π https://oxylabs.go2cloud.org/aff_c?of...
π¨ Join the worldβs BEST developer community & course Zero to Full Stack Hero: https://www.papareact.com/course
π΄ LOOKING FOR THE CODE FROM MY BUILDS? π οΈ
https://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: https://www.papareact.com/universityo...
π΅ WANT TO LISTEN TO THE EXCLUSIVE PAPAFAM PLAYLIST?
Sign up for the PAPAFAM Newsletter here π https://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