You have setup and created your react app (using create-react-app, other boilerplates, or even creating it from scratch). Now you’re trying to serve it to the web so the world can see what you’ve made. Sure, for easy deployment and minimal setup you can go for the already established platforms such as Netlify, Heroku, Firebase Hosting, Github Pages, or many others. This article, however, is not about that. This article is about setting up your own server and deploying your site/app using good ol’ Express.js.

Why, you may ask? For learning purposes, of course. Having an understanding of how servers deliver your app/site is beneficial for your programming fundamentals. It may also aid in your future work in deploying (and configuring) your sites.

In this article, I will focus on how client-side rendering works in deploying a react app using Express.js. By the end, you should have a clear understanding of what client-side rendering is and how to apply client-side rendering solutions with Express.js. In addition to that, you should also gain a clear understanding of how servers work and how sites/apps are deployed to servers.

#expressjs #react #reactjs #client-side-rendering #javascript