Now that we’ve completed building our React app, we’ll need to host it publicly so anybody can access it. We’ll be using a service called Netlify to do this. Netlify will not only host our React app, but a little later in the guide, we’ll use it to automate our deployments as well.
It should be noted that there are many options when it comes to hosting your React app. It is a simple static site, as in it’s just a bunch of files that are downloaded on to our user’s browser. All of our processing is done through our Serverless APIs. This means that it is exceedingly simple to host a React app. They also scale incredibly easily. Meaning that if you notes app goes viral, you won’t have to worry about your site being down! It’s also really cheap to host them. Netlify hosts it for free.
We have an alternative version of this where we deploy our React app to S3 and we use CloudFront as a CDN in front of it. We use Route 53 to configure our custom domain. We also need to configure the www version of our domain and this needed another S3 and CloudFront distribution. The entire process can be a bit cumbersome. But if you are looking for a way to deploy and host the React app in your AWS account, we have an Extra Credit chapter on this — Deploying a React app on AWS.
Let’s get started by creating our project on Netlify.