Post Portfolio Site on Amazon S3

Introduction

Amazon S3 Simple Storage Service is mostly used for storing and protecting a large amount of data with a range of backup and restore, archive, IoT data, Data Analytics Outputs, Big Organization applications, Mobile Applications, and Websites.

These services and S3 provide us with management features so we can organize, optimize, and configure access to our data to be specific to the organization.

So, in this blog, we are going to use S3 for deploying our portfolio. So why not EC2 and why S3 all those questions will be answered.

As per your data accessibility, you can choose which kind of S3 storage classes and which one when to use. There are multiple S3 storage classes

1. General Purpose
2. Changing Access
3. Infrequent Access
4. Archive
5. Outposts

We will be using General Purpose. By default, the general purpose is selected given by AWS.

Why is Portfolio on S3 but not on EC2?

There are multiple reasons to upload a portfolio on S3 some of them are below:

• Work Sample: For a person to showcase some of the projects on which they have worked which are not small and considering some of these Images, Project Files, and Videos which can be more than some time storage of Normal EC2 Instances. After some work experience, these things are going to get bigger and bigger with files and compatibility as updates.
• File Format: Different positions, different files, and storing those file formats in a single place is not easy for us, and S3 stores all kinds of files. Because it stores data in Binary format.
• Cloud Front: Using Cloud Front CDN for reachability will be easy for your website with low latency for other regions rather than your selected region. It will cache your data in different edge locations for low loading time.

Let’s see how to deploy a website through S3 configuring your bucket to make work easier for you. The steps are given below you can check and try it by yourself.

Step-by-Step Guide

Step 1: Create a Portfolio in your preferred language

Make sure your Photos, Files, and Project details are in the same folder which you are going to upload on S3 Bucket.

Step 2: Create an S3 bucket

Always try to access your AWS account from IAM use not from the root account because it is not best practice to work from the root account and its credentials.

Make Bucket ACL Enabled and keep ownership as bucket owner preferred.

While making the public acknowledge the terms.

Now, Click on Create Bucket.

Step 3: Upload files & folder

Click on Upload to see the next options to upload data.

It will show you to choose files from the local machine or can drag and drop to place.

Step 4: Enable Static Web Hosting for bucket

In bucket Properties, we can see a static website hosting option at end of properties.

Give the Path of your portfolio.

We can see the endpoint for our website.

Step 5: Change Folder Accessibility to Public

Otherwise, it will show you don’t have access to visit this site.

Copy URL from the Website Endpoint and Paste it into a new tab.

Enjoy a website based on the S3 bucket.

Conclusion

So, while uploading your data on a website one has to store data in different platforms do not do that and make availability of your content anywhere any size any day these services are helpful.

Software Engineering person to show our project sometimes photos folder might take a much larger size than regular application’s zip file. So, we can upload our application’s zip file and give access through the website page.

References:

Step By Step Guide To Deploy ReactJS App On AWS S3 | CloudThat’s Blog

About CloudThat