DEV Community

VeeWeb Code
VeeWeb Code

Posted on

What is Server Side Rendering and Client Side Rendering? create-react-app vs next.js?

Introduction

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.

Watch This Video For Better Understanding The Concepts .. :)
VeeWeb Code

What is Next.js?

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.

What is Create React App?

According to its Getting Started page:

Create React App is an officially supported way to create single-page React applications.

SSR vs. CSR

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.

Top comments (1)

Collapse
 
veewebcode profile image
VeeWeb Code

Hope This Helped You Guys.. :)