Next.js isn't React 

Almost 2 years working as a web dev directly thanks to Adrian. Super happy for your success man. Cheers for much more,

I have learned so much from you Brother. Your the best Teacher online. Thank you so much.

Yes we need that video,and thanks for clarifying the concept ❤️

Many years ago when react comes out you guys said about how great client rendering like using less resources, etc. We are getting back to php way

Youre doing great job boss Arian. Thank you so much for effort.

Yes we’d be glad to have that video Adrian 😊. I’m getting the concept and uses of server components now thanks to your videos

Thank you so much for the great explanation! This video really helps me understand the difference between react and next js

Man keep going. You and your team are my reference. I recommend your channel to everyone around me. I tell them you're the god of good practices 😂. This channel is building my career so thank you and the team for that. I'm broke atm but once i get enough money i'll for sure buy the next course. Idk how much will it cost but any price is a good price after all you've done in here.

Love the explanation. Perfectly broken down to bits that a newbee could comprehend. Kudos to this author, you deserved a like and a subscription!

This video really helps me understand the difference between react and nextjs also the purpose of server components. 👌👌

This video is exactly what I've been thinking to myself for the last 5 months, and i can't understand how there are people who think nextjs is useless, how send less js to client is useless ? thaks for this video!

I haven't commented inna while but this is great stuff Arian. I truly appreciate ur efforts to keep us all up to date with the latest trends and topics especially in the web dev community.👍

I hate how people constantly dismiss arguments with arrogant or sarcastic comments (many times they don't even know what they're talking about). Some of the comments you replied to reminded me why I don't like following developers on Twitter or other social platforms. Great video, thanks for the explanation and looking forward to the new course!

this style of your videos are the best;it makes you just focus more on the subject therefore explanation is much more better than worrying about looking in the camera;

You are the best mate. Don't mind with that type of people, keep up your excelent work! ⚡⚡

So much work goes into every one of your videos, Adrian. Excellent job, keep it up!

I am actually working on a project wich will include 2 forms and I have developed one of them until now using client side rendering but as soon as I open my laptop and the code , I will change my code's structure to be using server side rendering. Really beneficial video.

You are absolutely amazing - thank you for the great explanation! And yes, it would be awesome to get insights into how your team thought when building your website with Next!

Just going put this here. I appreciate this video 🫵 Thank you 🙏. It has been needed. ✅

You make me a day better with next js ❤

Moral of the story, if you can't use client side things directly inside the server components then make a separate component for them and just render them into the server side components and pass the data as the props whatever you want. Tysm for such a valuable info. Luckily I'm working on a huge Real Estate Project in Next JS and it would be really helpful.

This has been my suspicion all along. Thank you for confirming this to me 👏

Completely understand and agree 👍 Thanks for the video 🎉

Love you so much for such wonderful work.

this video is spot on ngl ! that's what i have been thinking when i first started using NextJs it felt like am just developing some reactApp but just under a different name framework and that brought to my attention that am not using NextJs as its supposed to be used but instead i used it like it was just react

Waiting for the next js course sir. And thank you for the video. My doubts are being cleared by this video

seriously amazing video, thanks a lot

Professionally explained with simple terms and great info flow From Yemen, Huge love for all your efforts.

Awesome... and yes anticipating the video!!

The video we need , Thanks Adrian❤

Would love a series on thinking the NEXT way.. Like it could have various scenarios one would encounter during development.. say auth or registration... Data that updates very frequently etc

Points made crystal clear ✨

Thank you! Great video!

adrian....you explained very well about next.js 13

I spent 3 months to convert my old Nextjs CMS project to server component but now I like it

This video was really important! I always had this doubt in my mind that if we are anyways using hooks in component then how this page can load on the server. I broke the components just like you, still wasn't fully sure whether its the right way to write code or not! Thanks a ton for this video ❤ Another video request: if possible please create some projects based on event based architecture

YES, We all can agree that NextJS is the future of web development, and don't forget about server actions when it becomes stable a lot will change about react and next :)

I really want that video. Really good explanation

❤ From India.... Took your react course and loved it Please keep next.js course affordable... Waiting for that..... Appreciate your hard work and simple explanation of complex topics... Really helpful content..

I can't wait. Thanks in advance

You are the greatest Teacher for that and I hope that I understand your course. English is very hard for me as a German.

I posted this on Reddit to genuinely understand, not to stir up . Thank you for the explanation

Probably one of the few, if not the only video, that really addresses this issue. I have seen tons of videos making their uppermost component a client component, basically making the whole application a client side application, which is not really what we're aiming for with the new App Router. If anyone has found a way to efficiently implement a user authentication and routing mechanism on a Server Component, therefore without implementing a context provider at the topmost component, throw me a comment. I would greatly appreciate.

BOOM 💥💥 Best Nextjs explanation video.

Thanks for clarifying. We are waiting for the video

i have learned more from your videos your content is awesome

Great explanation sir . Excellent work , keep it up

Your work is amazing, it always helps a lot 🔥 i was wondering if you're planning to make any LMS canvas like related project in future

Thank you! Much informative.

You make a lot of sense man

Excellent job buddy!

Such a smart teacher.

They are going back to the traditional server side Frameworks. Nice explanation. It now released v14

you're exactly right. I myself still haven't got used to the way of nextjs and I do it in react way which I know I'm not using nextjs for it was meant to be

You don't have to care about those negative comments, we love you Adrian , keep going ❤ , we know how much knowledge you've

Also, technically speaking, react is just a small library that compares code using a diffing algorithm to do so efficiently. Other libraries like react dom are makes it usable in the browser. Going a step further, react router allows you to do navigation. All these packages and some others create a react ecosystem, aka a framework. NextJS is just Vercels approach at doing the same thing that many devs have already been doing with CRA and the packages listed above (and others). That said, NextJS does so very effectively, but it’s heavily opinionated on how you should code, which can be good, but can also be bad. It’s the same reason Ruby on Rails was so popular for a while, only to be thought of as “bad” down the road for beginners because it had so many abstractions that a beginner couldn’t actually learn (without great difficulty) what RoR was doing behind the scenes. Now it seems we’ve cycled back around and RoR style frameworks are popular again. Granted react only covers the UI. I could also talk about newer devs choosing to learn express over RoR too in order to cover the backend technologies.

It is a complex topic, because in a case which there are millions of requests, it is gonna reduce the performance of the server. So, even in client mode, we can use the browser and client memory and cpu, and the internet actually is so fast, we can download the whole bundle so fast, but I still think nextjs and the balance between client and server components are the key.

Great explanation. .Net developers have a somewhat similar learning curve in dealing with the Blazor framework.

amazing as always 🥰🥰🥰

Very valuable information thank you ❤

Adrian! You the man! ❤

You are a beast!

Wonderful video! What tools did you use for editing? I love your channel!

We need that video Adrian!

very nice explained !!

Can’t believe I’ve spent 17 mins to watch an ad for a nextjs course 🤣

GREAT WORK !!!!

You are the best ! You exlplained it too well !

I'm so glad that I switched to backend and I work with well established and mature tehnologies ohh :3

Great summary.

Love the animations! Even tho I understand it means more work to put in the video. Do a couple tests and pick what suits you better for performance on your side and results! Re-use the most animation you can to boost up the editing time. At this point, you shouldn't be surprised to be a voice for the Next community! You are also inspiring a ton of creators doing carbon copy of your content and brand, so what you do over here, ends up resonating in a lot of places.

Please make the most advanced tutorial u can think of, I have learned so much of the beginner information from you, but I think I speak for everyone, when I say, we want to learn more so we can build better.

Eventually i will learn them all 😁

So clearly explained

I only use Next, so I’m always server rendering focused, the problem is that nowadays almost every site uses, GSAP or framer motion. Even if you create components to handle anything that needs to be client based, you’ll have more than half the page that can’t be read by Google, so it’s a huge problem anyways. Unless you have a workaround for using an animation library, without using client rendering, there is not much you can do

Very helpful video thank you❤😊

I've used Remix for a project before and what this guy says is very much true. SSR practically eliminates the need for client side hooks like useState, useEffect, useContext, useReducer etc. Why would you manipulate data with state when you can just send any data you get to server for validation/storage? Likewise with fetching data, Remix doesn't even use useEffect for that. These full stack React frameworks have transformed the way to render data with components.

Please make a video showing how you built your website... Thanks in advance and thanks for all the tips you have given through this channel... :)

Adrian.. thanks for this clear and what about talking about nestjs

I know this video is a bit old, but it helped me to understand this a bit confusing concept! Thank you. As one improvement, I would add a visual view of the coding example.. as I had not that much of an understanding yet of all the components and had to really focus and read carefully to understand what is doing what and what is missing when doing ssr vs. no ssr. Maybe highlight what could be done on the server in the first code and show the ui to get even those with little knowledge like me to understand easier. But otherwise, it's a very good video andunderstanable.. much love from Germany ❤️

Thanks, this explanation was real helpful. Why? Because in the sub reddit I thought it was a joke but thankfullly you posted about it.

And it's happening, Next 13 is growing at rapid pace here in India. Every company is now using it.

Yes please will like the course on how you built your website

Thank You Such Good Crafted Website.

Well said!

Ants: "wah, I live in a brick | it's my house" House == Brick

Thanks a lot bro :)

That very well thanks and. I personally recommended to build a learning management system.

Please do a quick video on qwik

Well in short , react is CSR Development , and Next can offers both SSR and CSR. Now it's just up to you that you need SSR or not.

Thank you so much for the clear explanation.. Please explain how you created the js mastary page.

Something I wish I would see more is a youtube tutorial on migrating an existing project to new/better technology. It seems like every single tutorial is just "this is how you create a thing from scratch using the newest framework" but what if I already have a huge React project and want to start using Next on it to improve page loading time? I am not going to just abandon my whole project and start a new one.

I totally agree with all that you said... But!!.. I really don't like the strict one page loading features in Nextjs.. If you want to display a Loader Skeleton for a particular component, You would be forced to use the old method of client side fetching. I might be wrong though, if there is an alternative, I would be glad to be informed.

Still waiting for the ultimate course 🎉🎉

Please show us how you built your site mostly on the server side!?

For me nextjs is just a react server. Since it is possible to combine nestjs for backend, nextjs for frontend with Nextauth for authentication using jwt and refresh token. With this you have a ready to scale complete Saas

When you build your next app, you will notice the existing of js first load, as much the js is big, as much your app page will need time to be executed... This way you will notice how much this video is needed to explain that you have to apply your react in a next level to get the next js framework added benefits as react is just a outil not the framework

Next js really awesome let me clarify today i am building blog card with feature of like it but i am facing little delay becoz of async nature then i use server action and useOptimistic hook and now its working fine🎉

Please make the video on how to use next js for building ssr

Thank you so much abdrian. Really appreciate your sincere sacrifices. ❤❤❤. Is the team still working on the remainder chapters of the next.js Ebook?