NextJS Beginner Project Tutorial - Learn NextJS 13 With This Easy Project
HTML-код
- Опубликовано: 12 июн 2024
- See NordPass Business in action now with a 3-month free trial here nordpass.com/pedrotech with code pedrotech.
Code: github.com/machadop1407/next-...
Join our Discord: / discord
🚀 Learn ReactJS By Building 6 Projects: codedamn.com/learn/reactjs-pr...
🐙 GraphQL Course: codedamn.com/learn/graphql-fo...
Social
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
Website: machadopedro.com
Linkedin: / machadop1407
Instagram: / pedro.fmachado_
Github: github.com/machadop1407
Business Email: pedro@pedrotech.co
🌟 Gear / Hardware I Use and Recommend 🌟
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬
💻 amzn.to/42kqFuM 💻 Monitor
🖱️amzn.to/3C0ZhHb 🖱️ Mouse
📷 amzn.to/3OHJvbM 📷 My Camera
🎤 amzn.to/3oxSthj 🎤 My Microphone
⌨️ amzn.to/3oFPpj1 ⌨️ My Microphone
⚡ amzn.to/3MYMnzM ⚡ LED Lights In the Background
Tags:
- ReactJS Tutorial
- ReactJS and MySQL
- NodeJS Tutorial
- API Tutorial
BEGINNER NEXTJS TIMESTAMPS
00:00 | Intro
00:30 | Project Demo
03:56 | Creating the Next App
07:40 | Creating Routes
17:38 | Creating Dynamic Routes
21:50 | Fetching Data
31:46 | Video Recap
#reactjs #coding 
Наука
See NordPass Business in action now with a 3-month free trial here nordpass.com/pedrotech with code pedrotech.
Quite underrated youtuber.
Thanks for a no rush, to the point, easy to understand tutorial!
Thank you Pedro, I love all your videos. please make full course with best partice with NextJS 😁
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.
We r already ready for awesome intermediate projects. Please come back soon❤
thank you so much
I am waiting for more next js projects like this
Thanks man you really helped me understand the basic concepts of Next js 13
this is my first day at work so you uploaded this vid just in time
i cannot wait to see the intermediate one! Keep going Pedro!
Thank you 😊first hand in nextjs looks like react was having fun
Thankyou Pedro, your content makes getting through life, easier
Amazing video! The most needed stuff in a short time!
Was just thinking on when will @pedrotech release his next js beginner friendly video and here it is 😊
Thank you
Thanks bro I was waiting for your vedio❤❤❤
I did complete your blog project react firebase
Waiting for the Intermediate/advanced projects using Next! Thank you for the amazing video!
I do really love your tutorials Pedro!.
When you have free time, can u make a MERN tutorial in MVC pattern pls🙌
That’s a great idea!!!
yes plz with nextJS
thanks so much for the tutorial. i learned a lot from this. you are amazing
It was so good!!!! I learned a lot!
Thank you for this video !
Thanks for this useful project!
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
Thanks for the tutorial,pls make more with Next.js beginer and intermediate
Thank you for this.
Nice tutorial, Your video is very useful for me.
Valeu cara !!! muito bom o seu conteúdo !
you are so good man🥺
Thanks pedro bhaiya
Thank you so much!!!
Nice explanation ❤
very good project Pedro, one question, how do you get auto completion suggestions in your terminal?
It is incredibly clear. As always. BTW, how can I find such APIs by myself?
Great 🔥
Make an intermediate and an advanced project for next as well pedro thanks. This video was helpful :)
U are the best man
I do love watching your video
1 request can you make video for state management with Apollo client in nextjs application
thanks pedro. Do you have anything on NEXTJS with Supabase?
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?
This is 🔥🔥🔥
Awesome
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
what about useEffect hook for fetching data ?
in typescript ? how can identfy if i need to use Interface or Type ?
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.
Can you please make Express tutorial
Yess
amazing
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)
}
bring the course on tailwindcss how to structure bare minimum ui websites
Yes intermediate please. :D
Very interesting 🤔 and you forgot to update your browser 😜
if i declare "use client" in layout (not root layout), will all its children be a client component ..?
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 /=
bro in next js 13 how to use getstaticprops
Any plain for React Native plz
Can we compare Vite and Next? which is better to use and why? i think Vite for me is kinda more comfortable than Next.
Vite and Next are totally different to each other. Vite is a build tool whereas Next a framework based on React framework.
Thanks for providing us premium content
It's my pleasure!
@@PedroTechnologies keep it up 👍🏼
Hello, sir
Can we expect Mern project tutorial next time pedro?
i want the intermediate and advance :)
Where can we get the code for this project?
In the description :)
@@PedroTechnologies Thanks for slipping it in there!!
Btw, give my hat back!
Intermediate project please please 🙏😭😭😭😭
this is money
THAT IS INSTRUCTIVE BUT IT IS NOT FOR BEGINER
*PromoSM* 🌷
what if i dont know my gender?
I wish u used Javascript 😢
Pls do a Fullstack project with Next Js🤌🏾