What are the performance differences between Next.js and Create React App? Let’s unpack that question with some data, but first, we need to understand what exactly we are comparing here.
Next.js is a React framework built by Zeit, and according to nextjs.org:
With Next.js, server rendering React applications has never been easier, no matter where your data is coming from.
Next.js also supports static exporting, but for the purposes of this post, we are focused on that “server rendering” capability mentioned above.
According to its Getting Started page:
Create React App is an officially supported way to create single-page React applications.
Next.js is one way that you can leverage React to support server-side rendering (SSR). Likewise, Create React App is one way that you can leverage React to support client-side rendering (CSR).
There are other frameworks out there when it comes to either choice, but what we are really comparing in this post is how each rendering strategy impacts web application performance. We just happen to be using two of the more popular frameworks out there to make that comparison.