Advanced Next.js Course | Learn Next.js in 2021

[@codedamn]

Learn NextJS using the Full Stack Developer Roadmap on codedamn and build over 25 Projects: bit.ly/fullstack-codedamn

[@mymusicloversworld]

I am New to nextjs..best explanation I have found so far. Thank You!

[@faraonch]

Even as an experienced NextJS user it took a lot out of it. You explain quite well!

[@CodingNuggets]

Dude, you always come out with some of the best videos. Love what you're doing.

[@codedamn]

I appreciate that!

[@CodingNuggets]

@@codedamn Always my friend! 😁

[@JanneKalliokulju]

Totally agree with Coding Nuggets. It has been a pleasure to follow your Next.js videos

[@jerryhogan3024]

when you used codedamn as a query it overwrote it because object keys a unique. So, it wasn't a bug. You are awesome!!!

[@uwemisrael5836]

Thanks for this extensive explanation. I found it really helpful.

[@ilmanmanarulqori5632]

Oooh come on, this is Great Video on NextJs ever!. But why u all guys just watching without hit Like button. Great work, i love your doing, keep it up👍🏻

[@jesusidev]

First time switching to Next JS and what caught me off guard was that there was no src/ directory and everything is under pages. I think this is something that took me a while to wrap my head on the idea of the directory structure. Great video thanks!

[@Svish_]

You can put it in src if you want to. I do, and prefer it that way 👍

[@aestheticallyamazing2003]

I'm truly amazed on dynamic loading

[@rconr007]

Thank you again, for another kick-ass tutorial. Wondering if you can create a CLEAN CODE video and best practices.

[@snaplu4683]

hey bro, don't let those negative comments discourage you, you did a good job, l have learned a lot from this video, thank you so much

[@yourManLan]

You're REALLY good at explaining this stuff...

[@anooppk2341]

This is the best tutorial on nextjs data fetching🙏

[@drmacsika]

I was 100% convinced to buy the course on code damn after this tutorial. You're such an awesome teacher especially how you break down everything.

[@bhatvikrant]

This is awesome! Can you also cover other libraries used with next, like react-query, GraphQL etc... Would be great

[@codedamn]

That is going to be part of React Mastery learning path and Next.js Mastery on codedamn.com, soon!

[@tokenattainer7115]

@@codedamn When can we expect it? Because if we take the 1337 plan for one or two months for it, and the course remain same for that period, Then we will be 'fooled'.

[@anooppk2341]

The explanation on revalidate parameter was excellent

[@codedamn]

Glad you understood!

[@adamrolczyk7217]

Fantastic tips, learned a lot! Thank you!

[@CarloRizzante]

Great intro to Next js, thank you!

[@venicebeachsurfer]

This isn't an "advanced" course, just an intro?

[@shantanupatil3252]

Really amazing content. Didnt find any tutorial as in depth as this one.

[@rohan7011]

Best next js tutorial

[@sbrabs]

This was fantastic, thanks for helping me dive a bit deeper. Loved the explanation for revalidate, awesome!

[@SEBASdoELECTRICSLIDE]

This was great! Really well thought out explanations! I learned a lot thanks :D

[@rajaj6043]

You're awesome bro!. Learnt a lot!!!

[@alexanderveprik3331]

36:10 Dropping query parameter that matches the route parameter name is expected behaviour. The documentation also mentions this. > However, route parameters will override query parameters with the same name.

[@WolfManThoughts]

Bro, Kool Stuff! Awesome! Keep up the great work!

[@jimshtepa5423]

Amazing content, thank you Mehul. This is the third long video I watched on your channel. A quick question: whenever you talk about static website, does that mean that nextjs server on the backend is not necessary? if so, how does new content (additional post or change in the layout of the page) get reflected on the website? does that require starting the server for a short period of time followed by build process followed by redeploy as a static website?

[@codedamn]

You're right. If Next.js has generated the "static" webpage, it means that the framework as already created static HTML and JSON files for that page and pushed to CDN (or file system) for fast delivery. The way new changes are reflected is that when you deploy a new version with changed CSS, etc. you rebuild the app and it gets deployed with different file names (file hashes), therefore your browser can download fresh builds from the newly served .html file instead of stale ones (which had a different name) The way changes are reflected while the server is running is that Next.js will set an "expiry" on the CDN for incremental static regeneration. When the file request expires, the CDN will still serve the stale file to user, but would request the host origin to send updated page. Next.js, already running under a node process on host, will re-render the page and send it to CDN for further requests. This happens at most every X seconds (the revalidate parameter). Here I am assuming you have deployed your app on Vercel. If not, you have to take care of the CDN and ISG handling yourself, which sounds like a pain honestly haha.

[@jimshtepa5423]

@@codedamn understood, thank you!

[@royz_1]

50:04 - this might be confusing for people. As the visitor does not take any load of building the page. The user would have to wait a bit longer. The load of building the page is always taken by the server.

[@sarbjotsingh9998]

Great content. Can you talk about deployment options available and downsides of scaling with next.js?

[@raihankg]

Thank you so much for providing us such a valuable resource for learning nextJs. Just one minor feedback - please try not to switch windows so fast, it can make viewers dizzy.

[@codedamn]

Will keep in mind, thanks!

[@emmanuelugwuoke967]

This is a great video!

[@zkhan1995]

thanks for explaining revalidate

[@mediocre7199]

i'm really excited for this ❤️

[@kunalmathur4890]

Awesome 🔥

[@HolmesPatrick]

Your teaching is awesome, may you please make one video for crud operation using api , micro service type. That would be great

[@demarco6967]

thanks man. you explained this so well❤️❤️🔥

[@laxmangiri5511]

thanks for this tut

[@codedamn]

You're welcome!

[@Codewithsiaa]

I really enjoyed, thanks so much

[@HarshalHirve555]

Thank you so much for this video. Much appreciated.

[@tummalasudhir7918]

Hi Mehul, in case of get static props and re validate is set to 10 sec, lets say that data has been changed on server side/ or a database update ... but for that particular data user is only checking front end(i.e second request ) after few days or months and still sees old data ? how should we look at it ? Isn't it showing wrong data on screen confuses users ??

[@yashchauhan5710]

u have a question sir ,,in serversideprops part 1 u said nexyt js will make the page as ssr but ssr is good for seo soo we should have it in all pages ...i have tested just by adding the function next js mark page as ssr in build analysis soo tell me what im saying should it be good for seo purpose to just add the function ? please help im confused

[@_sumitdey.exe1]

Hi Mahul Bhaiya.. Thanks for the advanced tutorial. can I use react context hooks inside getServerSideProps()?

[@phamvanhan7037]

Thank you very much!

[@irsyadadl]

Let start looting. Thank you 👍

[@sai_charan]

Thank you, Mehul!

[@codedamn]

Welcome!

[@avimehenwal]

Wow! this video is a GEM

[@sayed1821]

If getstaticprops can now re validate. Then when should i use getServerSide props

[@manishthomas341]

Great Video...!!! You're really amazing

[@codedamn]

Thank you!

[@jimshtepa5423]

Hello Rahul, just rewatched the video once again; following question crossed my mind: is it possible to connect to db and perform any read/write operations using serverless functions of nextjs? or is the only option to build a separate server e.g. using expressjs and in that server handle all connections and db operations in that server?

[@emmanuelugwuoke967]

Yes, you can. You don't need to have a different server to read/write to a db. Check next template repo and you would see different db connection templates

[@jimshtepa5423]

@@emmanuelugwuoke967 Thank you, Emmanuel

[@bakbak1830]

Preview mode: does that mean once you enable it for one route it is always enabled for other routes (using cookies) and it will impact the performance? How you can disable it programmatically rather than deleting the cookies?

[@patite3103]

Would it be possible to update this video by using Next.js 13? Thank you

[@gladsmedeveloper9536]

36:13 It is not bug. Because, JavaScript object can't have two properties with same name.

[@adityasaxena7374]

How can I add loaders on page with fallback set to "blocking" ?

[@Vishnuvamsipilla]

bro i want to learn next js only not full stack can you give the link for next js i will buy that.

[@BonBonInoc]

when should you only use dynamic import?

[@naman_dw]

8:22 If it doesnt use JS to include env variables, then how exactly does it include them?

[@RukhsarManzoor]

Can you please share your vscode settings also which theme you are using? Looks awesome

[@MaxProgramming]

I think the theme is Monokai or something related to Monokai

[@pranavpatil5849]

Can we implement env profiling like sit uat urls in Nextjs ?

[@farhanfarooq]

Is there any work around to make next/image work with next export? Build is crashing

[@raysash4300]

WHERE CAN I GET A LENGTHIER VERSION OF THIS COURSE?

[@raviraval6714]

Omg awsome

[@phemartin]

I don't understand why we would use `getStaticPath`. If I want a route like `/store/[id]` and I want it to store the information about this page (say fetch information about ID and save it on cache)... how can I fetch it dynamically, if `getStaticProps` cannot access the id? HELP!

[@codedamn]

getStaticPaths is just a helper method available to work with getStaticProps. Your "id" will be received in getStaticProps

[@beyondcode_]

Can you add a tutorial for nextjs with redux setup

[@georgestatefield]

@1:19:15 what if somebody will make a lot of requests and the server will generates a lot of stored pages, then exceed the limit of free space and hangs

[@mithunreddy7516]

Nextjs is not working for me. Can someone explain the internal server error it suddenly gets collapsed. What to do on this?

[@josbexerr5166]

Gracias mister......saludos de los andes peruanos

[@codedamn]

Gracias. No hablo español, pero traduzco Google para ganar.

[@devaview5883]

Thanks

[@leanprogrammer]

How do you manage state in the complete course?

[@codedamn]

Which state?

[@leanprogrammer]

@@codedamn application state. I've seen there an e-commerce app.. Do you use graphql + Apollo or RESTful API + Redux?

[@georgeokello8620]

@@leanprogrammer I think the question you meant is maintaining state changes at the component level when their is a change triggered in the UI component. That's where state machines/state management tech comes in like Zustand, XState, Redux, etc

[@georgeokello8620]

@@leanprogrammer Graphql changes the representation of the protocol that is going to be consumed by multiple client applications.

[@ariseawake3437]

Super

[@bilalashraf6704]

can u help me protecting routes using context in nextjs?

[@fahimalif4068]

name of the vscode theme??

[@vapeurdepisse]

velcome!

[@dinesh.p8642]

i like ur voice

[@ikhsanfadillah9689]

why youtube prevent me to like this video more than one like -__-

[@kunalmathur4890]

Vs code theme ??

[@iamdeveloper2580]

what about getInitialProps?

[@codedamn]

It is deprecated and you can work without it too

[@ridl27]

code pls 🙏🏻

[@andreas7181]

Good

[@codedamn]

Thank you member 😄

[@sunris3919]

Pls Mehul post your nextjs project on youtube pls

[@kaustav07]

Someone please tell me the VSCODE theme in this video.

[@codedamn]

Monokai Dark

[@kaustav07]

@@codedamn Thank you.

[@skipmonday6467]

What about subdomain

[@codedamn]

Can you elaborate more?

[@skipmonday6467]

@@codedamn I am just asking if you can make a video on how to handle sub domain routing with next js

[@arupde6320]

nest.js bhai ... nest.js .....

[@codedamn]

I'll get my hands on with it, then you can expect some content ;)

[@Systemx93]

I dont see what's advanced about this course

[@anthonyramsey5988]

I'd never heard of Jawa script before... very interesting and looks a lot like Javascript.

[@DEV_XO]

Thank you!

[@nurullahbaykara9772]

Thanks

[@codedamn]

Welcome!