5 Reasons To Use Next.js Over Plain React

Next.js is a production-ready React framework that comes with niceties out of the box. Next has features like routing, code splitting, image optimization, and static site generation that make our lives as developers easier.
Next vs React is a popular topic and for good reason. Next can be seen as React with bells and whistles. Next.js features let us create apps and sites faster vs React.
In Video: Chris Sev ( / chris__sev )
0:00 Introduction
0:53 Starting a Next App
1:11 #1 Routing
3:49 #2 Code Splitting
5:20 #3 API Routes
7:33 #4 Image Optimization
10:27 #5 Generating a Site
14:25 Conclusion
To learn more about DigitalOcean: www.digitalocean.com/
Follow us on Twitch: / digitaloceantv
Follow us on Twitter: / digitalocean
Like us on Facebook: / digitaloceancloudhosting
Follow us on Instagram: / thedigitalocean
We're hiring: grnh.se/aicoph1

[@bokistotel]

Finally, someone that gets straight to the point. Kudos

[@MohamedAfzalMullaTweetzal]

Great video. As someone using react for around 5 years, this is super cool. My favourite part was 13:20 . Always happens in a demo ;)

[@bulaloitech]

Easy answer is because its doesn't only have CSR for rendering it also has SSR & SSG which is good for SEO, you can also do serverless in it for back-end. Its basically upgrade of React

[@arexspeed3065]

Very good explain why next is better than plain react. I have one question because I am little confuse. You used tag from next/image to optimize your image size, but when you did export you add again normal tag, tell me after export to out folder this image is optimized or not cause now you do not use next/image?

[@mourad970]

I think he switched back to is because of the "next build && next export" command. Apparently, if you want to do Image Optimization (and use tag), you would need a node server to serve your project "dynamically" instead of deploying a static website

[@Dhanushsaji]

Every features are awesome. But I'm still confused about the routing part. Let's say, for a single product page the route will be dynamic and how do I setup here?

[@dishonored1855]

Good job

[@dixztube]

The e books offered by do are very good. Especially as intro level stuff. Next is good. I’ll be running with it for a while. Remix is the new thing I guess and Astro. Meeh there’s always something new lol.

[@mtsurov]

whats the e-book in question ?

[@AbubakerMahmoudshangab]

One word. AMAZING

[@nicholaspreston9586]

Bear: "Look how tasty he is" *rubs paws together hungrily*

[@AyushGupta-wn6zd]

So umm, obviously someone would be wondering if you can skip react and jump straight to next js instead?

[@tmthyha]

kzbin.info/www/bejne/mH7On5mBja55d5o i would run through this course (on their website, free) to nail down the react basics probably.

[@tmthyha]

and by "their" i mean scrimba, not fcc

[@AyushGupta-wn6zd]

@@tmthyha your first comment is shadow banned so i don't know what was your first comment

[@tmthyha]

@@AyushGupta-wn6zd oh, it's a youtube link to the free react course by bob ziroll on the free code camp channel. it's excellent, fairly quick and worth nailing down react basics before hopping to next

[@dixztube]

Next js is react - think of it like that ( it just includes routing and some other things sure but just think of it as react + routing)

[@chadgregory9037]

dude wtf are these comments lmfao

[@chadgregory9037]

@@JakeLuden technically that is the goal lmfao

[@JakeLuden]

@@chadgregory9037 lmfaoo that is true

[@DigitalOcean]

We do get spammed sometimes, but always try to keep our house clean 😶‍🌫️

[@Martin-xf8be]

Thanks for the vid, but for the love of god can you stop zooming so far in? :D

[@puneetjindal6426]

Chal ok offer details ho share lawyer air judge ki degree cancel karo n seal all the colleges schools n top 100 +crore company of the world..