DEV Community

Bharath.K.A
Bharath.K.A

Posted on

React Js Application Hosting using S3 and CloudFront

Step 1:Download the node.js from the official website
Website:https://nodejs.org/

Check the version:
Use this command:
npm -v
node -v

Image description

Step 2:
Run the given code create react app :

Image description

Image description

After running the command you web application will hosted and its url will be displayed

Image description

Step 3:
Copy the url and open it in a Browser

Image description

Image description

Step 4:
Create a S3bucket in AWS:
Disable "Block Public Access"
In properties-->enable Static website hosting
In permissions -->bucket policy type the give policy

Image description

Image description

Step 5:
Add files in S3 Bucket

Image description

Step 6:
Go to index.html and open the object url:

![Image description](https://dev-to-uploads.s3.amazonaws.com/uploads/articles/jyatieiehi4tey4wp7zo.png

Step 7:
Using CloudFront deploy the static web page

Image description

After the success deployment of static website delete S3 Bucket and Cloudfront

Top comments (0)