2:19 Why Next.js? 3:55 Case Study Example 5:06 Fundamentals of Next 8:30, 12:22 Zero-Config approach 10:55 Server-side rendering 13:54 Code splitting 19:45 Next vs. Create React App vs. Gatsby Thank you for this Lee, indexing this helps me also recall and learn.
Gatsby is great, but you nailed it's major flaw. Buildtime for large sites. That said, using it is a breeze, you can complete a site in no time, and adding functionality is a cake walk especially with hooks and functional components. I would say it should be choice #1 for any freelancer building for local businesses and smaller companies with limited ecommerce needs. After that I can think of many reasons why every react app on earth shouldn't be built with Next it gives you everything. I tell all new would be devs...learn gatsby, nextjs, and flutter...in that order and you will be potent and competent.
If you don't need SEO and SSR, I don't see why you can't just go with CRA. CRA comes with code splitting, it doesn't have inbuilt routing but creating one via react-router-dom is not that difficult.
Hi, i have few questions. Do you use auth0 so if more users are registered i need to pay? CMS si build from scrath or is any paid service? Thanks for answer.
In the course, I'll briefly talk about Auth0 for authentication. That would allow you to create a paywall. For CMS, I'll talk about when you would use a CMS or roll your own and show an example of a blog using MDX. That will be one of the full applications included with the course. Hope this helps!
@@devjejo9219 Nothing exactly like that, but you'll have the tools to build a website similar. If you're looking for the exact code that runs that, I might be able to include that with the course 😉
Hello Lee! Can we learn Next.JS using this tutorial? I am asking because lately next.js is being updated very frequently so maybe this tutorial is not valid any more! Any ideas on this? Thank you!
I'd say only if you're trying to build a mobile app _and_ a web app and share code between them. For example: github.com/vercel/next.js/tree/canary/examples/with-expo But you could also build a web app with Next.js that uses a framework like Capacitor to "work" on mobile: github.com/mlynch/nextjs-tailwind-capacitor
@@leerob Hey Lee, thanks so much for this kind reply! Really hope you could come up with a new video to give us some intro about mobile app dev using React / Nextjs. I'll surely look the pointers you shared, but so far I'm more interested in like React Native app experience, not sure making the web work as mobile app would be good or not.
Since then, Next has added support for static-site generation (among other things). The underlying ideas in this video still hold true though. Next has continued to evolve as a "hybrid" framework - supporting CSR, SSR, SSG, and any other three-letter acronym out there! 🤣
2:19 Why Next.js?
3:55 Case Study Example
5:06 Fundamentals of Next
8:30, 12:22 Zero-Config approach
10:55 Server-side rendering
13:54 Code splitting
19:45 Next vs. Create React App vs. Gatsby
Thank you for this Lee, indexing this helps me also recall and learn.
lol this is so much better than all the popular tutorial guys. It's straight to the point, precise and accurate
You deserve a million subscribers... Great content dude
How come I only found out that this amazing learning resource exists? Thank you so much for creating this video series!
OMG! Thanks for this Lee. Cheers from Australia
This is a very clear explanation. Thanks for putting it together!
THANK YOU! THANK YOU! THANK YOU! x Infinity. This is an incredible source of information.
This video was really really good and helped me a lot for my current private project. Do more pls
Following this guide, ty for creating it
Thanks for creating this video. 👍🏻
Quality breakdown! Thanks!
Hi Lee, what did you use for the slider animation in your video 7:15 "Where is your current headquarters?", I really like it?
@Lee, before i start, should I watch this series or do is it outdated already? I know there has been a few updates since 2019
Fantastic content! Thank you for sharing it ❤
Gatsby is great, but you nailed it's major flaw. Buildtime for large sites. That said, using it is a breeze, you can complete a site in no time, and adding functionality is a cake walk especially with hooks and functional components.
I would say it should be choice #1 for any freelancer building for local businesses and smaller companies with limited ecommerce needs.
After that I can think of many reasons why every react app on earth shouldn't be built with Next it gives you everything.
I tell all new would be devs...learn gatsby, nextjs, and flutter...in that order and you will be potent and competent.
If you don't need SEO and SSR, I don't see why you can't just go with CRA.
CRA comes with code splitting, it doesn't have inbuilt routing but creating one via react-router-dom is not that difficult.
enjoyed this. very good
Hi, i have few questions.
Do you use auth0 so if more users are registered i need to pay?
CMS si build from scrath or is any paid service?
Thanks for answer.
In the course, I'll briefly talk about Auth0 for authentication. That would allow you to create a paywall. For CMS, I'll talk about when you would use a CMS or roll your own and show an example of a blog using MDX. That will be one of the full applications included with the course.
Hope this helps!
Are we going to build something like in 7:10 in this premium course? Thanks!
Which piece of functionality are you interested in specifically? That will help me answer your question.
@@leerob from 7:10 to 7:24? I think that's great functionality.. Th
@@devjejo9219 Nothing exactly like that, but you'll have the tools to build a website similar. If you're looking for the exact code that runs that, I might be able to include that with the course 😉
@@leerob Yeah! I mean, that feature is very cool. Wishing you success in this course and your future courses!
is this still up to date in 2021?
I know next.js 13 is out. But is this tutorial valid today, If I'm completely new to next.js?
Man! Thanks a ton!
Thank you Lee! :)
great 😍😍🤩
Do you talk about partial route matching? or rest type of routing?
Is this serie outdated, should I look for a newer course? thx
Have you updated your course to 9.3?
I have the perfect video for you 😄
th-cam.com/video/wk-dUsLUADg/w-d-xo.html
What is the Spotify icon doing in VSCode? What does it do?
It's a VSCode Spotify extension. I can control Spotify from inside my editor!
Awesome stuff right there, my doubt is what if if there is continuous request of API in page like Netflix ,what to do ,I think SSG doesn't work?
vercel.com/blog/nextjs-server-side-rendering-vs-static-generation
Hello Lee!
Can we learn Next.JS using this tutorial?
I am asking because lately next.js is being updated very frequently so maybe this tutorial is not valid any more!
Any ideas on this?
Thank you!
Yes, this course is still very relevant 😁 Make sure you watch the last video on static site generation as well.
@@leerob Thank you very much sir for your rapid reply!
Thank you for amazing content. The video is way too zoomed out. it's very hard to see.
If we're building mobile apps using React Native, could nextjs be helpful?
I'd say only if you're trying to build a mobile app _and_ a web app and share code between them. For example: github.com/vercel/next.js/tree/canary/examples/with-expo
But you could also build a web app with Next.js that uses a framework like Capacitor to "work" on mobile: github.com/mlynch/nextjs-tailwind-capacitor
@@leerob Hey Lee, thanks so much for this kind reply!
Really hope you could come up with a new video to give us some intro about mobile app dev using React / Nextjs.
I'll surely look the pointers you shared, but so far I'm more interested in like React Native app experience, not sure making the web work as mobile app would be good or not.
can you share the boilerplate link?
Is this still relevant or has next.js grown part this?
Since this is from last year, is everything from here still applicable?
Since then, Next has added support for static-site generation (among other things). The underlying ideas in this video still hold true though. Next has continued to evolve as a "hybrid" framework - supporting CSR, SSR, SSG, and any other three-letter acronym out there! 🤣
@@leerob Thanks for the reply! do you have any plans adding new videos?
@@levanikhidisheli7937 Yeah! I have a whole new course going more in-depth on some of the newer features.
@@leerob any idea of a launch date?
Thanks alot
What happened to the website? Looks way different.
Available here: github.com/leerob/mastering-nextjs-old-site
Hey Lee,
Are you open for projects?
Hi, this is not nextjs 13 ?
What component lib/css design system are you using in your applications there?
Are you asking what I use for the Mastering Next.js website? It uses styled-components and no component library. It's all custom designed 💪🏼
Do more with Firebase and NExt
Check out react2025.com!
Damn. All the good courses are off Udemy and they're all expensive 😢
Good news! All of the videos are now available for free 😄
@@leerob OMG. Thank you so much. You don't know how much this is going to help me.
Udemy courses are literally just $10.
dude how is this free?? thanks so much!
Oh, it's Next.js v. 9.1...