Sign in
Log inSign up
CRA vs Next.js vs Gatsby - Comparison

CRA vs Next.js vs Gatsby - Comparison

Gijo Varghese's photo
Gijo Varghese
·Feb 9, 2019

Once you’ve finished creating your “create react app”, you may have started to hear “Next.js” and “Gatsby”. From many aspects, it may look similar. But each has a purpose, their own pros and cons. One won’t fit for all.

Here is a quick comparison table. (Full guide initially posted in Coffee N Coding)

CRANext.jsGatsby
Final HTML code generationIn the Client (Browser)In the ServerIn the ‘build’ process (CI/CD server)
SEONot good enoughPretty goodPretty good
Supports any kind of websitesYesYesYes
Learning curveNormalReact + few Next.js apisReact + Graphql + few Gatsby apis
OutputHTML + CSS + JS filesHTML + CSS + JS files + Node.js code to serve these filesHTML + CSS + JS files
Supports Netlify (or any static hosting sites)YesNo (yes, if only using static export)Yes

Still confused? Read my full post where I explain with examples of different websites and which one to choose.