NextJS Beginner Project Tutorial - Learn NextJS 13 With This Easy Project

Поділитися
Вставка
  • Опубліковано 16 гру 2024

КОМЕНТАРІ • 80

  • @PedroTechnologies
    @PedroTechnologies  Рік тому +7

    See NordPass Business in action now with a 3-month free trial here nordpass.com/pedrotech with code pedrotech.

  • @kabeerahmad26
    @kabeerahmad26 Рік тому +18

    Quite underrated youtuber.

  • @dummymail2495
    @dummymail2495 Рік тому +6

    We r already ready for awesome intermediate projects. Please come back soon❤

  • @peterquil3674
    @peterquil3674 Рік тому +14

    Thank you Pedro, I love all your videos. please make full course with best partice with NextJS 😁

    • @appstuff6565
      @appstuff6565 Рік тому +1

      i second this. Thank you Pedro. Also someday if you can do NextJS with basic Supabase user authencication with dashboard (NO UI needed only functionality wise), that would be great.

  • @tobiasvera908
    @tobiasvera908 Рік тому +1

    this is my first day at work so you uploaded this vid just in time

  • @josea.torres1944
    @josea.torres1944 Рік тому +2

    Thanks for a no rush, to the point, easy to understand tutorial!

  • @tenr01
    @tenr01 Рік тому +1

    i cannot wait to see the intermediate one! Keep going Pedro!

  • @k303k
    @k303k Рік тому +14

    I do really love your tutorials Pedro!.
    When you have free time, can u make a MERN tutorial in MVC pattern pls🙌

  • @garvsharma4845
    @garvsharma4845 5 місяців тому

    i completed this project in half an hour. thanks pedro❤❤

  • @pamphilemkp5841
    @pamphilemkp5841 Рік тому

    Thank you 😊first hand in nextjs looks like react was having fun

  • @leonardodayrell2976
    @leonardodayrell2976 Рік тому

    Waiting for the Intermediate/advanced projects using Next! Thank you for the amazing video!

  • @mohammadidris4481
    @mohammadidris4481 Рік тому +1

    Was just thinking on when will @pedrotech release his next js beginner friendly video and here it is 😊
    Thank you

  • @allendodul7898
    @allendodul7898 Рік тому +1

    Thanks bro I was waiting for your vedio❤❤❤
    I did complete your blog project react firebase

  • @anabiatahir3772
    @anabiatahir3772 Рік тому

    Thankyou Pedro, your content makes getting through life, easier

  • @soraya5701
    @soraya5701 Рік тому

    thank you so much
    I am waiting for more next js projects like this

  • @anthonygesora2517
    @anthonygesora2517 Рік тому

    Woow, love the the journey big bro.... you've just brought me from a normal human being to someone 🎉🎉🎉🎉🎉🎉🎉🎉🎉🎉🎉 love you broo keep it up

  • @davidpedrero7118
    @davidpedrero7118 Рік тому

    Thanks man you really helped me understand the basic concepts of Next js 13

  • @AnithaK-c7w
    @AnithaK-c7w Рік тому

    Amazing video! The most needed stuff in a short time!

  • @wardahshahid2758
    @wardahshahid2758 7 місяців тому

    Thanks for the tutorial,pls make more with Next.js beginer and intermediate

  • @alexanderkomanov4151
    @alexanderkomanov4151 Рік тому +1

    It was so good!!!! I learned a lot!

  • @berat2690
    @berat2690 Рік тому +1

    very good project Pedro, one question, how do you get auto completion suggestions in your terminal?

  • @wei7360
    @wei7360 Рік тому

    thanks so much for the tutorial. i learned a lot from this. you are amazing

  • @Nanashi-rq7lk
    @Nanashi-rq7lk 3 місяці тому

    Great tutorial. Thanks

  • @dat-gamer176
    @dat-gamer176 Рік тому

    Make an intermediate and an advanced project for next as well pedro thanks. This video was helpful :)

  • @appstuff6565
    @appstuff6565 Рік тому

    thanks pedro. Do you have anything on NEXTJS with Supabase?

  • @pjguitar15
    @pjguitar15 Рік тому

    Can you explain to me why you had to use Interface to define the type of params? Why can't you just assign string data type to params directly instead?

  • @Nanashi-rq7lk
    @Nanashi-rq7lk Рік тому

    Nice tutorial, Your video is very useful for me.

  • @josephdemarte7600
    @josephdemarte7600 9 місяців тому

    It did not let me use yarn Dev and when I used live server it essentially just showed me the files instead... not sure what to do.

  • @mohamedelrefaiy
    @mohamedelrefaiy Рік тому

    hello and many thx to you!!! can you make a project and creating the api endpoints as the previous one on prisma and mysql benchwork but to be on next js 13 ? and if i m making my own app and the structure of the database may change or modified would you advice using sql (mysql or postger) or non relational like mongo or any other on? the website is already life and programmed by a friend but i learned frontend and wil start in backend want to program it myself to be able to modify and add new features and work on it all time as it is my startup as i m professional in feasibility studies and the app will incude caculations and creating feasibility studies. also i have the database and i need just to connect it and create the apis but i could not follow up withe the prisma vedio as it was not on next js

  • @rustee_nyfe
    @rustee_nyfe Рік тому

    It is incredibly clear. As always. BTW, how can I find such APIs by myself?

  • @dineshlama6084
    @dineshlama6084 Рік тому

    what about useEffect hook for fetching data ?

  • @i-001
    @i-001 Рік тому

    Thanks for this useful project!

  • @Blazerg2
    @Blazerg2 Рік тому

    This is what I don't get, in a client controller you don't fetch data, and this makes perfect sense in your project cause the server page doesn't have buttons or events etc. But. what happens if you have a page with a table that needs backend data, and it has buttons to add more, etc. Seems like in the page.tsx you would need both the server rendered fetching and the client side one /=

  • @imaxle3663
    @imaxle3663 Рік тому

    in typescript ? how can identfy if i need to use Interface or Type ?

  • @liarleyev8487
    @liarleyev8487 Рік тому

    Very interesting 🤔 and you forgot to update your browser 😜

  • @Web3_defimaster
    @Web3_defimaster Рік тому

    please help me pedro ,i have been getting this error in my next js app for over one month now
    Unhandled Runtime Error
    Error: Maximum call stack size exceeded
    it happens when i turn a server comp to client by using "use client"
    no matter the comp, even if there nothing in the comp
    "use client"
    function Thread() {
    return (Thread)
    }

  • @alexeeey2313
    @alexeeey2313 Рік тому +2

    Can you please make Express tutorial

  • @DiviskaAI
    @DiviskaAI Рік тому

    Nice explanation ❤

  • @dupuisbaptiste
    @dupuisbaptiste Рік тому

    Thank you for this video !

  • @md.mohiulislam6516
    @md.mohiulislam6516 Рік тому

    you are so good man🥺

  • @avinashukla07
    @avinashukla07 Рік тому

    I do love watching your video
    1 request can you make video for state management with Apollo client in nextjs application

  • @dipenchavda6988
    @dipenchavda6988 Рік тому

    Thank you for this.

  • @mma-dost
    @mma-dost Рік тому

    Thanks pedro bhaiya

  • @abhilashm5236
    @abhilashm5236 Рік тому

    if i declare "use client" in layout (not root layout), will all its children be a client component ..?

  • @shaikh.quadeer
    @shaikh.quadeer Рік тому

    bring the course on tailwindcss how to structure bare minimum ui websites

  • @nasssty284
    @nasssty284 Рік тому

    Can we compare Vite and Next? which is better to use and why? i think Vite for me is kinda more comfortable than Next.

    • @solomormex8674
      @solomormex8674 Рік тому +1

      Vite and Next are totally different to each other. Vite is a build tool whereas Next a framework based on React framework.

  • @anikettripathi1160
    @anikettripathi1160 9 місяців тому

    Great 🔥

  • @mkx2053
    @mkx2053 Рік тому

    U are the best man

  • @justinelapura7319
    @justinelapura7319 Рік тому

    This is 🔥🔥🔥

  • @MohammedDanishKhan-g4d
    @MohammedDanishKhan-g4d Рік тому +1

    Thanks for providing us premium content

  • @elrey9648
    @elrey9648 Рік тому

    Thank you so much!!!

  • @Kinho88
    @Kinho88 Рік тому

    Valeu cara !!! muito bom o seu conteúdo !

  • @appstuff6565
    @appstuff6565 Рік тому

    Yes intermediate please. :D

  • @safvankottayil8776
    @safvankottayil8776 Рік тому

    bro in next js 13 how to use getstaticprops

  • @rickaz23
    @rickaz23 Рік тому +1

    Where can we get the code for this project?

  • @fallanstar
    @fallanstar Рік тому

    Any plain for React Native plz

  • @Kang_3
    @Kang_3 Рік тому

    Can we expect Mern project tutorial next time pedro?

  • @mohsenazimi-k9h
    @mohsenazimi-k9h 9 місяців тому

    Awesome

  • @eshw23
    @eshw23 Рік тому

    amazing

  • @Hero786-
    @Hero786- Рік тому +1

    Intermediate project please please 🙏😭😭😭😭

  • @leonardodayrell2976
    @leonardodayrell2976 Рік тому

    Btw, give my hat back!

  • @keithbacalso9433
    @keithbacalso9433 Рік тому

    i want the intermediate and advance :)

  • @kapkansir4047
    @kapkansir4047 Рік тому

    Hello, sir

  • @lizmpro
    @lizmpro 5 місяців тому

    the api has a request limit, lol! 😭

  • @Olivier0388
    @Olivier0388 11 місяців тому

    THAT IS INSTRUCTIVE BUT IT IS NOT FOR BEGINER

  • @parkerrex
    @parkerrex Рік тому

    this is money

  • @keithlemke
    @keithlemke Рік тому

    *PromoSM* 🌷

  • @greenthumb7405
    @greenthumb7405 10 місяців тому

    what if i dont know my gender?

    • @adesojisotubo916
      @adesojisotubo916 5 місяців тому

      How is that possible? you may need to check your pant!

  • @AlameenAdeyemi
    @AlameenAdeyemi Рік тому

    I wish u used Javascript 😢

  • @areesh67
    @areesh67 Рік тому

    Pls do a Fullstack project with Next Js🤌🏾