In this section we’ll be looking at how to deploy your React.js app as a static website to Netlify. You’ll recall that in the main part of the guide we used the SST
ReactStaticSite construct to deploy our React app to AWS.
Netlify allows you to host your React app for free and it allows your to
git push to deploy your apps.
The basic setup we are going to be using will look something like this:
- Setup our project on Netlify
- Configure custom domains
- Create a CI/CD pipeline for our app
We also have another 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 needs 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.