You're literally a younger Jack Herrington, your content is so clear and enjoyable. Thanks Josh, you've been helping me a lot with all these new changes :)
Josh I absolutely love you. You have explained these topics way better than anyone I've seen before and in only just above 1 hour, insane. Thank you very much :)
Your channel is a blessing, you have literally summarized in 1 hour what took me 3 days of navigating the documentation. It served as the perfect recap before proceeding with my personal project!
Hello Josh, taking into account that the ecosystem around React/Next is always evolving, I think that something of great value would be to think of a base project (as simple as possible!) that would integrate the main (critical) stages of a project (routing, login, CRUD...) in a tutorial (like the one you did for 8 hours in Next) and whenever there were updates that substantially changed a technology (like now in version 13.4 of Next), you would redo this same base project, demonstrating how changes in technology have changed the old way of developing a project. I believe that, given the progress of things in the React/Next ecosystem, 1 video of this type per year would be enough (even to separate the hype from the real). I know you always make a theoretical introduction in your videos about the past and present of theologies, but the idea of thinking about a single/base project that would be rewritten over time (perhaps once a year), would bring 2 things that very is hardly found on the Internet (or at least I haven't found it yet): - 1st, a repository, in the form of a playlist, of the evolution of a technology, always based on the same project. Which 10 years from now would be something unique on UA-cam. - 2nd, if possible, would you show how to refactor this same project to its most recent version. Since refactoring code is something that is rarely found. Greetings from Portugal.
Josh ❤ I have 8 years experience in web development …… your passion is impressive and amazing. Thank you for teaching us , explaining and giving us the best tuts in nexjs new features. Looking forward to see more …… maybe even a full course 🙏 btw … I love your screen background image … dare to share it with us 😅
Thank you so much! I've come across your videos several times, and they've helped me every time! I rarely write comments, but you help me a lot in my internship, so you deserve it! May the algorithm be with you 🙏
Thank you very much for the video Josh. It cleared up almost all questions of new features of Next.js 13. Felt so cool that I’ve spent these 73 mins with you!
I just subscribed to your channel Josh. I'm quire experienced working with nextJs, but I would give you thumbs up for doing good job. Great explanations.
I love you bro, I'm truly thankful for this, for some reason I was really struggling with getting my routing to work and you explain this very well. Just started at a startup yesterday and I know React TS / Vite, etc but I've never done Nextjs and they wanted me to create a ticketing app with Nextjs 13 and this is really saving my ass. (Also a lot of people in long form tutorials skip the installation part, I think including it and explaining it like you do is the cherry on top)
@@hersheynaik3029 No bother, I have a bachelor in Computer science, I had a gig in University too and have roughly 3 years of experience, but years don't really mean much, its what you do with it. I've definitely squandered a lot of time. There's so many factors to this and I appreciate the question but don't compare yourself to others usually they will not give you the whole picture and it might make you feel bad.
Great content , amazing efforts and valuable info , well done bro you are marvelous . following you from Syria keep great working you deserve the best .
digs into every detail, very talented tutor gives the best content and the best part is you can watch with normal speed. now i am implementing the sitemap to my site, thank you josh.
20:30 From what I know, retry doesn't actually execute API requests in server components again. At least it didn't when I tried it out. It just tries to rerender the component.
I really enjoy your videos, you're a beast, one thing that is notable though is that you need to increase the volume a little bit when editing 'cause your voice was kind of inaudible, I had to have my speakers go up to 100% to listen to what you say clearly, but other than that your video is very well done.
I'm currently refactoring my project from /pages to /app dir and I have to say, it was easier than I expected. My code is definitely not optimal yet but getting rid of /pages was pretty quick.
Yeah overall it works pretty well, especially because incremental adoption is so easy and there are some codemods for certain migrations as well, e.g. the link component
This is one of the best tutorials I have come across and one of the few about V13 This is awesome I learned a ton even though I am not using typescript. This Tutorial for App Routing is amazing As a side: PLEASE DO NOT PUT FILES ON YOUR DESKTOP! desktop is for shortcuts create a workspace folder and then inside that a platform folder e.g. /amplify and then a project folder. personally I have a git folder too to separate my working folders from my stored examples codes. but NOT THE DESKTOP!
I found your channel recently and I've watched several videos, your content is too good and the way you deliver it is incredible. I would like to know if you intend to take a course with Next more beginner friendly.
It's hard for me to imagine that he is alone in front of a camera he is definitely talking both like he was in front of a large audience and like if he was doing a special session just for one person (the viewer -- Me from my perspective or you from your perspective) he is engaging and I will never be able to stop saying how his energy is efficiently achieving such amazing results in terms of making us feel empowered 🎉🎉🎉🎉
Hi Josh this was a solid video! Can you make a video where you work with a custom backend like express like you had mentioned in a video earlier and show us how everything works while we have a custom backend!
I wrote a comment about an axios bug I encountered inside server components. The spam filter blocked it because it included a codesandbox link. Maybe you can confirm the comment so it shows up?
I'm really curious how you're able to keep on producing such high-level content so fast everyday. Please reveal to us that you're an AI and who's your maker. :p
at 37:29 Josh show how to cash with revalidate but he used external api like JsonPlaceholder for caching but when I try to req my own api like (/api/post/route.js) for {cache:"no store"} its work fine but when I try to use {next:revalidate:10} or {"force-cache"} its show an error "prerender error". But for external api its work fine, the error only show when I try to req to my own api folder. how can I fix that
I have been trying to solve all these issues in my portfolio for the past couple of days. Would be interesting to see your video to compare our approaches.
@@joshtriedcoding Hey Josh, thanks for replying. The video was very interesting and in a big part I followed the same methodology. Your performance tips are very useful and are definitely a better implementation than my own ( i currently fetch a single post when a post is requested instead of prefetching the posts). One thing that I don't see covered much, is the not-found handling and redirections. I have found a solution my own, but I would be very interested to see how you would handle it.
@@Theokondak Ah right the not found. Before the app router was stable, there was some workaround required to get it to work. I believe they've fixed in since then, all you need to do now is create a not-found.tsx at the root level and you should be golden
Thank you, this video is very helpful for me because I have just recently tried to use Next.js. Where do you get the snippets for creating for pages and layouts?
Around the 12 minute mark you talked about context and server components. Could you link the example for using context by way of a "use client" provider wrapping your server components? Thanks.
Great video! I'm stuck trying to add interactivity to an app that I would like to be mostly server-side. You said you would provide an example of how to do this in the description, is there any chance you could add it please?
Happy to hear y’all enjoy the video so much, cheers
please make a tut on i18n.
Brilliant stuff mate really enjoyed it thanks!
You're literally a younger Jack Herrington, your content is so clear and enjoyable. Thanks Josh, you've been helping me a lot with all these new changes :)
aye thanks for the praise man, cheers
The way you explained app routing with comparison of next js 12 by drawing is phenomenal. No tutor does this often
Josh I absolutely love you. You have explained these topics way better than anyone I've seen before and in only just above 1 hour, insane. Thank you very much :)
Please make full course of next js 13.4 from beginner to Advanced, from A to Z
Yes please!
Good idea
I think i should learn it, next js is the most unpredictable framework and always grow so fast
He had already created of 8 hours
Bro just read the docs
Next changes things so fast, he’d be remaking the same tutorial in 3 months
Your channel is a blessing, you have literally summarized in 1 hour what took me 3 days of navigating the documentation. It served as the perfect recap before proceeding with my personal project!
Nice to hear, cheers dude
Would love to see what you are building ☺ @vasilvasilev6225
Hello Josh, taking into account that the ecosystem around React/Next is always evolving, I think that something of great value would be to think of a base project (as simple as possible!) that would integrate the main (critical) stages of a project (routing, login, CRUD...) in a tutorial (like the one you did for 8 hours in Next) and whenever there were updates that substantially changed a technology (like now in version 13.4 of Next), you would redo this same base project, demonstrating how changes in technology have changed the old way of developing a project.
I believe that, given the progress of things in the React/Next ecosystem, 1 video of this type per year would be enough (even to separate the hype from the real).
I know you always make a theoretical introduction in your videos about the past and present of theologies, but the idea of thinking about a single/base project that would be rewritten over time (perhaps once a year), would bring 2 things that very is hardly found on the Internet (or at least I haven't found it yet):
- 1st, a repository, in the form of a playlist, of the evolution of a technology, always based on the same project. Which 10 years from now would be something unique on UA-cam.
- 2nd, if possible, would you show how to refactor this same project to its most recent version. Since refactoring code is something that is rarely found.
Greetings from Portugal.
Loved your detailed reviews 😊, let’s take a break and visit Dubai 🎊
Thanks for your detailed comment!
Like this approach ❤
Exceptional review and a much-needed concept for tutorials.
You asked for what is one of the rarest thing on the internet. Great!
Josh ❤ I have 8 years experience in web development …… your passion is impressive and amazing. Thank you for teaching us , explaining and giving us the best tuts in nexjs new features. Looking forward to see more …… maybe even a full course 🙏 btw … I love your screen background image … dare to share it with us 😅
Thanks man. The image has a personal meaning so I won't make it public. Appreciate your kind words
Watched it all in a single go and absolutely blown away by it, very well explained, amazing!!! 👏🏻👏🏻👏🏻
Thank you so much!
I've come across your videos several times, and they've helped me every time!
I rarely write comments, but you help me a lot in my internship, so you deserve it!
May the algorithm be with you 🙏
Explanation of API routing was awesome man!!, you just earned a new subscriber.
this is the best nextjs app router on youtube! thank you!!! you are awesome at explaining and teaching omg
That's a huge summary! Thanks a lot Josh!
One of very few good and up-to-date overviews of Next 13+ / App Router I've found so far!
Great Tutorial, thanks Josh. You have outstanding spoken English language ability and the pace of your tutorials is just perfect.
Thanks Josh. This is a great introduction for using Next.js routes. Very clear and precise!
Thank you very much for the video Josh. It cleared up almost all questions of new features of Next.js 13. Felt so cool that I’ve spent these 73 mins with you!
i was confused about the new next js 13 features , now i am comfortable with them because of this video || thanks a lot
thx Josh I was looking exactly for the dynamic routes part and u perfectly explained it
I just subscribed to your channel Josh. I'm quire experienced working with nextJs, but I would give you thumbs up for doing good job. Great explanations.
I love you bro, I'm truly thankful for this, for some reason I was really struggling with getting my routing to work and you explain this very well.
Just started at a startup yesterday and I know React TS / Vite, etc but I've never done Nextjs and they wanted me to create a ticketing app with Nextjs 13 and this is really saving my ass.
(Also a lot of people in long form tutorials skip the installation part, I think including it and explaining it like you do is the cherry on top)
Hey
You said you're working for a startup. How much web development did you know before getting into it?
Sorry to bother you..
@@hersheynaik3029 No bother, I have a bachelor in Computer science, I had a gig in University too and have roughly 3 years of experience, but years don't really mean much, its what you do with it. I've definitely squandered a lot of time. There's so many factors to this and I appreciate the question but don't compare yourself to others usually they will not give you the whole picture and it might make you feel bad.
Wow, it is a whole content about new features NextJS. Thanks for that.
You are exceptional!!!
Few tutors make difficult concepts look so easy.
Great content , amazing efforts and valuable info , well done bro you are marvelous .
following you from Syria keep great working you deserve the best .
Greetings back, cheers
Thanks Josh for taking the time to create this amazing tutorial. it is incredibly helpful.
digs into every detail, very talented tutor gives the best content and the best part is you can watch with normal speed. now i am implementing the sitemap to my site, thank you josh.
glad you like it and took away something for your own project
Thanks for the video. Got to learn a lot of things from basic as a complete beginner to nextjs. Clarity in concept in your video is awesome.
Bro you the best! Don’t stop, I’m learning a lot from you.
That’s a high praise, appreciate it
This is fantastic! Really well explained. Thank you!
thanks man you deserve 1M likes in this video the way you have explained all the topics were amazing and should be appreciated
Und ein weiterer starker Kanal, der NextJS Content macht, danke Dir man =)
youre welcome
20:30 From what I know, retry doesn't actually execute API requests in server components again. At least it didn't when I tried it out. It just tries to rerender the component.
Thanks for producing such a high quality content for free
I only needed the routing part. Thank you!
Really rich and well done walkthrough! I like your pace
It was nice to enlight what was confusing yet
amazing vid covering the plethora of stuff happening in 13.4, gonna base on this to migrate my app to the app directory
Man, you are just the tutorial I was looking for.. easy to understand and good explanation. Keep going that way and thnx so much ❤
I really enjoy your videos, you're a beast, one thing that is notable though is that you need to increase the volume a little bit when editing 'cause your voice was kind of inaudible, I had to have my speakers go up to 100% to listen to what you say clearly, but other than that your video is very well done.
I'm currently refactoring my project from /pages to /app dir and I have to say, it was easier than I expected. My code is definitely not optimal yet but getting rid of /pages was pretty quick.
Yeah overall it works pretty well, especially because incremental adoption is so easy and there are some codemods for certain migrations as well, e.g. the link component
Thank you for the demystification, we appreciate you.
This is one of the best tutorials I have come across and one of the few about V13
This is awesome I learned a ton even though I am not using typescript.
This Tutorial for App Routing is amazing
As a side:
PLEASE DO NOT PUT FILES ON YOUR DESKTOP!
desktop is for shortcuts
create a workspace folder and then inside that a platform folder e.g. /amplify and then a project folder. personally I have a git folder too to separate my working folders from my stored examples codes.
but NOT THE DESKTOP!
This was perfect! Thanks for the quick, comprehensive and easy to understand run through 🎉🎉
I love you Man ❤ , that was so good tutorial especially after the break changes in Nextjs 13.4, thank youu
your videos are improving week by week... solid work!
thank you man. cheers
Thank you, everyday I'm being validated that the php server is still a powerful way to serve websites for small to medium sized businesses.
Hey, thank you for really great intro to all these tools.
It's lame that I can't leave a like everytime I watch this. Thanks!
cheers dude
I extremely like the video, man. Very helpful and informative. Thank you very much. It is presented so well too. Great, positive work.
magnificent, magnificent... at this pace i won't need to buy a udemy course. THANKS GREAT MAN
youre welcome champ
Great video, Josh. Thank you very much for sharing 😊
Cheers man
Excellent overview. Thank you !
Brilliant video man, thank you so much!! Keep em coming 🙌
cheers dude
Thanks Josh for amazing walkthrough, really appreciate your hard work
cheers dude
Man, thank you so match for such explanation
I found your channel recently and I've watched several videos, your content is too good and the way you deliver it is incredible. I would like to know if you intend to take a course with Next more beginner friendly.
Yessir, now that the app dir is stable I think there is no better time to do just that. Happy to hear that, cheers
It's hard for me to imagine that he is alone in front of a camera he is definitely talking both like he was in front of a large audience and like if he was doing a special session just for one person (the viewer -- Me from my perspective or you from your perspective) he is engaging and I will never be able to stop saying how his energy is efficiently achieving such amazing results in terms of making us feel empowered 🎉🎉🎉🎉
Amazing tutorial! Thank you Josh!
You’re welcome
You are doing a great job. Thank you ❤🎉
Cheers my dude
Very Comprehensive tutorial!
What vs code extension do you use to generate those react snippets?
I'm also curious
Well isn't this beautiful. A young, motivated fellow explaining all the new stuff to us lazy veterans.
As always, your content is fucking amazing!
I wish I could find your channel earlier..
Just subscribed 🎉 best videos keep it up 👊
Thank you man
Banger video, more of these!
cheers
Thank you for your amazing content , very useful
Hi Josh this was a solid video! Can you make a video where you work with a custom backend like express like you had mentioned in a video earlier and show us how everything works while we have a custom backend!
Thank you so much, Josh❤
please make a typescript tutorial
Good idea
Awesomely Explained.
Thank you very much for this tutorial!!
youre welcome champ
I am waiting for this video. Make another video on API routes in detail. Thank you
What do you think would be important in that video that wasn't mentioned here?
@@joshtriedcoding Difference between express and API routes and connection MongoDB in react vs using API routes in next 😊
Josh! If you ever find yourself in South Africa, let me know I'll buy you your favourite beverage(s) man. Keep up the awesome content
Haha cheers dude thanks for the offer
Very helpful, thanks!
Good job Josh. Thank you 👏
Thanks for doing this video.
Your are awesome men ,your are game changer
Amazing content!
I wrote a comment about an axios bug I encountered inside server components. The spam filter blocked it because it included a codesandbox link. Maybe you can confirm the comment so it shows up?
I'm really curious how you're able to keep on producing such high-level content so fast everyday. Please reveal to us that you're an AI and who's your maker. :p
The entire thing is just AI-generated, the AI overlords don't want you to know that though
Amazing content, thanks!
Great tutorial. Thank you
at 37:29 Josh show how to cash with revalidate but he used external api like JsonPlaceholder for caching but when I try to req my own api like (/api/post/route.js) for {cache:"no store"} its work fine but when I try to use {next:revalidate:10} or {"force-cache"} its show an error "prerender error". But for external api its work fine, the error only show when I try to req to my own api folder.
how can I fix that
Great tutorial 😊
I have been trying to solve all these issues in my portfolio for the past couple of days. Would be interesting to see your video to compare our approaches.
For sure, cheers
@@joshtriedcoding Hey Josh, thanks for replying.
The video was very interesting and in a big part I followed the same methodology. Your performance tips are very useful and are definitely a better implementation than my own ( i currently fetch a single post when a post is requested instead of prefetching the posts).
One thing that I don't see covered much, is the not-found handling and redirections.
I have found a solution my own, but I would be very interested to see how you would handle it.
@@Theokondak Ah right the not found. Before the app router was stable, there was some workaround required to get it to work. I believe they've fixed in since then, all you need to do now is create a not-found.tsx at the root level and you should be golden
Thanks man.
Thank you, this video is very helpful for me because I have just recently tried to use Next.js. Where do you get the snippets for creating for pages and layouts?
You're the man!
Hey man! Brilliant video. What extension or custom snippet are you using for your "rc" snippet please?
Here you go:
Step 1: Paste the following into your Settings; User Snippets; typescriptreact.json: pastebin.com/PWzQGH08
Step 2: Type "fc" and hit TAB.
@@joshtriedcoding Works great! Thanks very much.
Great video, learned a lot
thats good
Around the 12 minute mark you talked about context and server components. Could you link the example for using context by way of a "use client" provider wrapping your server components? Thanks.
Hello, this is a valuable tutor for me.😋
Great video!
Quality Content ✨
Awesome josh!!!
Thank you josh 🙏🏼💯
Great video! I'm stuck trying to add interactivity to an app that I would like to be mostly server-side. You said you would provide an example of how to do this in the description, is there any chance you could add it please?
hello josh, i actually started learning next js as completely new and have no experience in Nextjs 12 .
Hmmm. Thanks a lot, you deserve more than 1M likes from me. You got one new subscriber.
Awesome, thanks !
really helping video, also what extension U are using for the typescript ( fc ) ?
Well explained ❤
At 41:23 - I dont get the hover descriptions for the dynamic and revalidate constants. Are you using another extension for that?
same issue. did you find any solution?