Member-only story
Create a Serverless Website in AWS
AWS S3 server-less static React.js website with custom URL and SSL using CloudFront
If you have a website that is static without backend components, this tutorial is for you. This tutorial with show you how to create, deploy and distribute a high performing, scalable, static React.js web application at relatively low cost. We will use Amazon S3 and Amazon CloudFront with a custom URL and SSL.
Using the AWS Pricing Calculator, based on some indicative measurements it looks like this would cost less than $1 a month. The S3 component on its own would cost in the region of $0.03 to $0.08 a month with reasonable metrics. I did not factor in Route 53 for DNS, Certificate Manager if you want to use your own domain, or CloudFront but even so it would be very little.
So let’s start with creating a very basic React.js application. I’m going to use the “create-react-app” tool to create the default application.
% create-react-app mediumtutorialCreating a new React app in /Repos/React/mediumtutorial.*** INSTALL PROCESS ***Success! Created mediumtutorial at /Repos/React/mediumtutorialInside that directory, you can run several commands:yarn start
Starts the development server.yarn build
Bundles the app into static files for production.yarn test
Starts the test runner.yarn eject
Removes this tool and copies build dependencies, configuration files and scripts into the app directory. If you do this, you can’t go back!We suggest that you begin by typing:cd mediumtutorial
yarn startHappy hacking!
As per the instructions if you change directory to “mediumtutorial” and “yarn start” it should open up your default browser and you should see this.
We aren’t going to make any changes or do anything special with this. We will just package it up for…
