Wondering Why you need to use Next Js? Read This!
Tags: javascript, nextjs, react, webdev
Published: 2022-08-28 09:17:49

Hey! Hope I'm talking to a passionate and smart React Dev because everything we cook in this blog's recipe has the same ingredients like hooks, states etc.

<img src="https://www.datocms-assets.com/48401/1644864897-next-framework.jpeg?fit=max&w=900"/>

Since we both share the same development history in web development it's probably boring to work with libraries and addons packages in a fresh boilerplate like some extra seasoning, butter, or maybe a pinch of salt... No, wait it's time to switch to the fully blown framework which came with a complete ecosystem.

Yes f...framework! not a library.


No doubt we all are so attached to React and its rich features which help us to create magic on the browser. It's absolutely fantastic. But still, we are humans and always have a place to improve and go one level forward to optimize cons and produce more pros.

So Yeah finally we have a framework to combat the drawbacks and develop systems more efficiently.

## Framework v/s Library

A Framework is a foundation upon which developers build applications while libraries provide predefined functions and classes to make their work easier. 

<img src="https://www.interviewbit.com/blog/wp-content/uploads/2021/10/Image-1-2.png"/>



## **Need of Next JS over React**

**Speed & Easiness of Coding**

Like as per react methodology when the new page is created it needs to be added to the router exclusively but next js brings the traditional and easier file-based routing. 

<img src="https://res.cloudinary.com/practicaldev/image/fetch/s--DIT1rRjH--/c_limit%2Cf_auto%2Cfl_progressive%2Cq_auto%2Cw_880/https://raw.githubusercontent.com/akuks/Misc/main/Images/nextjs_routing.png"/>

Where you put your file in the folder and automatically the routes are assigned according to it. it really helps to speed up the development and also simplifies the routing flow.

**Performance**
As per comparison the static pages or web-app developed using Next js are damn fast due to server-side rendering and by default next has image optimization-like key features to provide a super fast experience, on the other side react only supports client-side rendering and provides a slow experience.

**Features**

This is a buffet of many incredible features to serve you the best recipe.Here some key features are

- Image Optimization

- Better SEO

- Internationalization

- Hybrid: SSG & SSR

- File-system based routing

- Fast  Refresh 

## 

**Acceptance & Adoptability**

Next js is widely loved by web developers around the globe and also adopted by several tech giants like Netflix Jobs, TikTok, Twitch, Hulu, Notion, Nike, etc to provide a fast and immersive experience to their users and better business.

**Conclusion**

So this blog is all about a general discussion of why we use Next over React and what are the fundamental differences between them. As you went through the blog we must agree that due to a lot of capabilities and extra powerful features Next JS wins over react in the race of performance and speed. So this blog is not an end it is just a single recipe for the whole menu. I would love to hear your feedback, comments, and suggestions to improve and provide more informative content in a simpler way please do comment below and let me know if you love to read next of Next Js. Have a great day!