DEV Community

CRA vs CNA.When to use create-react-app and when nextjs?

HARSH VATS on July 11, 2020

In this post, I will tell you about CRA(create-react-app) vs CNA(create-next-app). First of all what is reactjs and nextjs? Reactjs is a client s...
Collapse
 
sergiodxa profile image
Sergio Daniel Xalambrí

Next also supports Static Site Generation (SSG) and Incremental SSG, with this the problem when you need to fetch a lot of data on each render disappears.

You can also use it to build client-side only apps, making Next generate a skeleton UI at build time (with SSG) and filling it with data at runtime client-side.

Collapse
 
mikesoft_87 profile image
Miguel Guadarrama

"When to use CNA? When you don't care about SEO, like your portfolio website."

Isn't it the opposite? CNA would let you have better SEO control because of SSR.

Collapse
 
harshvats2000 profile image
HARSH VATS

I mistyped it. Now corrected. Thanks for pointing it out. :)

Collapse
 
kretaceous profile image
Abhijit Hota

I don't think it's corrected yet, Harsh.

Thread Thread
 
harshvats2000 profile image
HARSH VATS

It was my network problem maybe. Now corrected. Thanks for pointing it out.

Collapse
 
hangindev profile image
Jason Leung 🧗‍♂️👨‍💻

IMHO, use create-react-app if you are just learning React or if you are creating a working example to help someone who are new to React. I would say you can always use Next.js other times without having any disadvantages comparing to CRA.

Collapse
 
harshvats2000 profile image
HARSH VATS

Yes. Beginners should always start with Reactjs.

Collapse
 
maxdevjs profile image
maxdevjs

Confused now: With Server-side Rendering (SSR), Next.js pre-renders the page into HTML on the server