Open In App

AWS – Launching a Website

Last Updated : 30 Aug, 2020
Like Article

Launching a website is one of the most important things for a company either it is a startup or a well-established company. But. launching a website is not an easy task there are a lot of things to be taken care of. AWS makes it easier for both with complete knowledge or a startup. By using AWS S3 service hosting a website in a child’s game now. These gives company holders more time to focus on other important things to be done in the company.

Let’s see how you can host a website using AWS with the below steps:

Step 1: Gathering the Basics

The most basic step is to first have a working AWS account and your front end code (.html file) which will be the content of your website. Don’t worry about the .html content even a basic <p>Hello World</p> can be made.

Step 2: Create an S3 Bucket of your website

To keep things simple we will be using only one AWS service to host our website that is AWS S3. AWS S3 in a storage service where all files are stored in S3 Buckets. Login to your AWS account and choose S3 in the search box.

aws search box

After this when the S3 Dashboard opens, click on create bucket.

AWS S3 console

Then provide a globally unique name to your S3 Bucket and select the region you want your bucket to be in.

AWS create bucket

After clicking on Next, you will see a panel asking you to define some tags to your bucket, this is optional since tags are just for your recognition of the bucket. You can skip this step by simply clicking on Next.

create bucket details page

Once this is done, a new panel will come up where all the public access to your bucket is by default denied. But, since we are going to host a website which should be public so that everyone can see it. 

bucket -deny public access

To do this you need to un-tick the checkbox. Once you uptick it a pop up will come warning you that the bucket is going to be public. So, don’t panic from it just check the acknowledgment box 

AWS create bucket

After this review your bucket and click on Create bucket.

Review bucket

Step 3: Uploading file  into your S3 Bucket

Once the bucket is created, now it’s time to upload the .html file onto it. For this click on the blue Upload button on the top right.

File upload S3 console

Add your file and click on Next.

upload HTML page

After uploading the file click on Next

check the index file

Once you click on Next, under the Manage public permission select Grand public read access to this object, so that your website is publicly readable.

bucket permissions

At last, select your S3 storage type, I have chosen the basic standard type. But, to reduce the cost you can choose any other type depending upon your needs.

upload setting

Now at the end just review the details and click on Upload.

Bucket upload

After these steps you can see that our index.html file is successfully uploaded.

Upload HTML file on AWS

Step 4: Configure the settings of your S3 Bucket

To inform your S3 Bucket that you are going to use this for hosting your website, click on the Properties tab.  After this select the Static Website hosting title and fill in your document name, error name is not required(can type 404.html).

website properties

Next click on the Permission tab, Now you’ll need to click on the “Bucket Policy” subsection. Here, you’ll be prompted to create a JSON object that contains the details of your bucket’s access permission policy.

This part can be confusing. For now, we’ll just give you the JSON that will grant full public access to the files in your respective bucket. This will make the website publicly accessible.

Finally, paste the same into the bucket policy editor above:


In place of YOUR-BUCKET-NAME type your bucket name.

website policy setting

Once this is done just click on Save and All Done! You have now successfully uploaded a simple static website on AWS S3.

Step 5: Hosting your Website

To access your site, go back to the “Overview” tab on S3 and click on your index document. You’ll get a slide-in menu with the link on your website.

website overview

Copy and Paste the link on your browser and your website will be accessible.

launched website

At this point, we have created a bucket on AWS S3 and uploaded all files required by the website and successfully hosted and launched the website.

Like Article
Suggest improvement
Share your thoughts in the comments

Similar Reads