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

Sdílet
Vložit
  • čas přidán 2. 06. 2024
  • ❗️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

Komentáře • 19

  • @nvsxngh
    @nvsxngh Před 3 měsíci +2

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

  • @derekprieur5258
    @derekprieur5258 Před 3 měsíci

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

  • @jesminegoh4198
    @jesminegoh4198 Před 3 měsíci +1

    So good as always!!!

  • @saurabh75prakash
    @saurabh75prakash Před 3 měsíci

    Thanks for the awesome tutorial

  • @48_subhambanerjee22
    @48_subhambanerjee22 Před 3 měsíci +1

    Sonny amazingg 🎉🎉🎉 🎂
    Love yo content

  • @damilola_adegunwa
    @damilola_adegunwa Před 3 měsíci

    thanks man!

  • @rachidrachid-lo5uq
    @rachidrachid-lo5uq Před 3 měsíci

    so when do you think AI will replace developers

  • @abdurrahmanbashir1274
    @abdurrahmanbashir1274 Před 3 měsíci

    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-
    @aditya-d- Před 3 měsíci +1

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

  • @hubesh716
    @hubesh716 Před 3 měsíci

    Hey sonny sir plz start React native project

  • @AjaySingh-jz8qx
    @AjaySingh-jz8qx Před 3 měsíci

    I tried V0 to generate a form and it generated a table
    So disappointed by V0

  • @kenthefley2226
    @kenthefley2226 Před 3 měsíci +6

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

    • @desoxy2093
      @desoxy2093 Před 3 měsíci +1

      1 year or 2. max.

    • @porapora8279
      @porapora8279 Před 3 měsíci

      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
      @jason_v12345 Před 3 měsíci +1

      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
      @jason_v12345 Před 3 měsíci

      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
      @kenthefley2226 Před 3 měsíci

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

  • @purpleghost7428
    @purpleghost7428 Před 3 měsíci

    Cool yet another step towards the destruction of dev with ia

  • @loktar00
    @loktar00 Před 3 měsíci

    Fuuuuck tailwind cool video though