DEV Community

dum dum
dum dum

Posted on

 

What is the different between using React Js and Next Js?

Next Js is React Js Framework, right? But what is really differentiate between using React Js directly, and using Next Js for React Js?

Please advise. Thanks

Top comments (3)

Collapse
 
hussainarthuna profile image
Hussain Arthuna

I use NextJs whenever I’ve to develop something for React.
The benefits I get from NextJs over Create React App are :-

  1. Server side rendering.
  2. Out of the box routing.
  3. Ability to write server-less functions.

Hope this helps.

Collapse
 
umarlqmn profile image
Umar Luqman • Edited

Next.js is just a higher abstraction of React. Think it this way.

Language (JavaScript) -> Library (React) -> Framework (Next)

The higher the abstraction the more opinionated it is.

Why Next.js?

  • Performant out of the box.
  • One framework can be used for multiple prerendering methods like server-side rendering (SSR), and static site generation (SSG) on a per-page basis.
Collapse
 
lazerg profile image
Lazizbek Ergashev

React is s library for building user interfaces.

Next.js uses React. It's a framework for server-rendered React applications.

Top Posts from the React Ecosystem

1. Changes In The Official React Documentation

The former React Docs Beta has been officially released as the updated React documentation at react.dev after years of hard work and refinement. Check out the brand new React Docs: What’s New in the Updated React Docs

2. CRA's Time is Over

React developer team has removed create-react-app (CRA) from official documentation rendering it no longer the default setup method for new projects. The bulky setup, slow, and outdated nature of CRA led to its removal: create-react-app is officially dead

3. How to Fetch Dev.to Articles for Your Portfolio

Integrate the articles of your Dev.to profile into your personal portfolio with either React, Vue, or Next.js by following these simple steps. It outlines how to include frontend to pull the information and correctly utilizes the Dev.to API: How to Fetch Your Dev.to Articles for Your Portfolio with React