NextJS Course For Beginners - Routes, Fetching, SSR, SSG...

NEXTJS FULL BEGINNER COURSE. In this video I will go over the basics of nextjs for beginners.

Social
▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬▬

Tags:
- ReactJS Tutorial
- ReactJS and MySQL
- NodeJS Tutorial
- API Tutorial

TimeStamps
–
00:00 - Intro
05:08 - Setup and Folder Structure
13:16 - Routes, Dynamic Routes, Link
22:40 - Head Component
24:46 - Navbar and CSS Module
35:20 - 404 Error Page
38:16 - API Requests with GetServerSideProps, GetStaticProps
–

#nextjs #coding

[johnpaulpineda]

Well to be honest i just started learning NextJS.

Thank you so much for this Pedro!

[sethheinzman]

I’ve already learned react and typescript so I’m ready for that next step! That next js step 😉

[elanastrijbis]

This has been one of the best tutorials I've watched, very clear and not too long either

[yashiel]

Small question, do we have to use "styles" name each time we import CSS file. Why can't we use something else like, for example page specific name.

[khaistudys]

Great tutorial but I'm just confused about the '{" "}' appearing many times. What does it mean?!

[itsir]

Hi Pedro💙
this education need to update bro, routing and paging doesn't work in this way anymore(404)

[chuksvalentine]

Really explained Nextjs better than other videos. I so much love your content, you are doing a great job. Can you do complete app(frontend using Nextjs and a CSS franework and backbend using Express)

[Fantino]

Sanctae Urbis Romae! What was I doing in my life that I didn't know Next.js??? Great video!

[samuelngene]

This video is amazing. Could you please do a beginner video for NODE JS

[CaliburPANDAs]

<Link> basically functions as an anchor tag <a> in Next?

[furqanhussain]

excellent video. I really appreciate if you continue the nextjs videos

[xredpill]

From South Africa I give big thanks Pedro ❣🔥

[ssk]

Correct me if I am wrong, Next JS uses SSR with Hydration, which is a combination of SSR in the beginning for better SEO followed by CSR later for better caching and user interactivity.

[asrafulislam]

can we get a video on you'r react sort visualizer?

[igaimerca]

pls help people boost their DSA skills. Anways, thanks for the course :)

[KyleKatarn]

I'd love to see how interacting with the backend through your own API works with Next, as well as database interaction just to see how that all changes.

Another thing I'd love to see is you taking us through how to build that sorting algorithm app. Doesn't have to be for all the algorithms, I'm sure the bulk of us can figure the rest out if you just do it for the bubble sort or something, it just seems like a fun project.

[Fbarao]

começo com o like, depois vejo o video, conteúdo sempre nota 10 Pedro

[adimishra]

Thanks for the video!!! 🔥🔥
Bro don't you think you should start DSA course??

[SusanWinters]

Great video. I stayed away from REACT JS because SEO is very important for my job. Now that NextJS seems to provide a way to include SEO element, I'm going to start looking ino this.

[Pluto_pulse]

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