What is Next.js? (Part-1)

Posted by Ashutosh on March 30, 2021




According to the official documentation of Next.js, it is the "React Framework for Production" and, we can build large-scale production-ready apps using Next.js.


That's an interesting point. Isn't React a Framework? Aren't we build production-ready apps in React itself?


The answer to the first question is, React is not a Framework. It is a javascript library for building interactive interfaces with the application backend. Yes, we can build production-ready apps in React but we need to include third-party libraries for routing and other basic features like Authentication, etc. It makes the learning curve of React steeper.


Whereas Next.js build on top of React and provide more built-in features than React. In Next.js, there is a specific pattern for structuring code and files. In short, we can say that Next.js is the advanced React and provides core features (missing from React like Routing) to build applications.  


Why Next.js?

  • Server-Side Rendering
  • File Based routing
  • Provides better SEO
  • Built-in CSS Support
  • Faster Refresh
  • Typescript Support