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

Подписаться 207 тыс.

Просмотров 41 тыс.

50% 1

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

Наука

Опубликовано:

14 июл 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 79

@PedroTechnologies Год назад

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

@kabeerahmad26 Год назад

Quite underrated youtuber.

@josea.torres1944 11 месяцев назад

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

@dummymail2495 Год назад

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

@tobiasvera908 Год назад

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

@tenr01 8 месяцев назад

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

@soraya5701 Год назад

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

@davidpedrero7118 Год назад

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

@peterquil3674 Год назад

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

@appstuff6565 10 месяцев назад

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.

@mohammadidris4481 Год назад

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

@pamphilemkp5841 8 месяцев назад

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

@allendodul7898 Год назад

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

@leonardodayrell2976 8 месяцев назад

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

@anabiatahir3772 Год назад

Thankyou Pedro, your content makes getting through life, easier

@user-kc8ld6tf3j Год назад

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

@garvsharma4845 12 дней назад

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

@wei7360 11 месяцев назад

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

@k303k Год назад

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

@marcelloxhenrique Год назад

That’s a great idea!!!

@Aditya-jo1of 10 месяцев назад

yes plz with nextJS

@alexanderkomanov4151 10 месяцев назад

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

@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

@wardahshahid2758 Месяц назад

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

@dupuisbaptiste Год назад

Thank you for this video !

@i-001 Год назад

Thanks for this useful project!

@Nanashi-rq7lk Год назад

Nice tutorial, Your video is very useful for me.

@dipenchavda6988 10 месяцев назад

Thank you for this.

@Kinho88 Год назад

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

@md.mohiulislam6516 Год назад

you are so good man🥺

@mma-dost Год назад

Thanks pedro bhaiya

@dat-gamer176 9 месяцев назад

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

@DiviskaAI Год назад

Nice explanation ❤

@rustee_nyfe 11 месяцев назад

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

@elrey9648 Год назад

Thank you so much!!!

@berat2690 11 месяцев назад

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

@avinashukla07 Год назад

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

@mkx2053 Год назад

U are the best man

@anikettripathi1160 4 месяца назад

Great 🔥

@liarleyev8487 9 месяцев назад

Very interesting 🤔 and you forgot to update your browser 😜

@appstuff6565 10 месяцев назад

Yes intermediate please. :D

@user-cv2ye7ol1m 3 месяца назад

Awesome

@shaikh.quadeer 10 месяцев назад

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

@alexeeey2313 Год назад

Can you please make Express tutorial

@PedroTechnologies Год назад

Yess

@justinelapura7319 Год назад

This is 🔥🔥🔥

@appstuff6565 10 месяцев назад

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

@pjguitar15 11 месяцев назад

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?

@eshw23 Год назад

amazing

@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

@dineshlama6084 10 месяцев назад

what about useEffect hook for fetching data ?

@imaxle3663 10 месяцев назад

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

@josephdemarte7600 3 месяца назад

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.

@Kang_3 Год назад

Can we expect Mern project tutorial next time pedro?

@MsBlazerg Год назад

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 /=

@keithbacalso9433 11 месяцев назад

i want the intermediate and advance :)

@abhilashm5236 11 месяцев назад

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

@user-gi7vy1gb1n Год назад

Thanks for providing us premium content

@PedroTechnologies Год назад

It's my pleasure!

@user-gi7vy1gb1n Год назад

@@PedroTechnologies keep it up 👍🏼

@Pluto_pulse 8 месяцев назад

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) }