{"id":8919,"date":"2021-03-04T08:35:05","date_gmt":"2021-03-04T08:35:05","guid":{"rendered":"https:\/\/www.genesesolution.com\/bd\/?p=8919"},"modified":"2021-06-09T11:17:36","modified_gmt":"2021-06-09T11:17:36","slug":"how-to-host-a-static-website-with-aws-amazon-s3-in-5-easy-steps","status":"publish","type":"post","link":"https:\/\/www.genesesolution.com\/bd\/blog\/how-to-host-a-static-website-with-aws-amazon-s3-in-5-easy-steps\/","title":{"rendered":"How to Host a Static Website with AWS\u2019s Amazon S3 in 5 easy steps"},"content":{"rendered":"\n\n[et_pb_section fb_built=”1″ _builder_version=”4.4.8″][et_pb_row _builder_version=”4.4.8″][et_pb_column type=”4_4″ _builder_version=”4.4.8″][et_pb_text _builder_version=”4.4.8″ hover_enabled=”0″]

This post explores the AWS S3 bucket to configure a static website. In 5 easy steps, you are going to learn how to host a website with Amazon S3 via a practical example.<\/span><\/p>\n

What is Amazon S3?<\/b><\/h2>\n

Amazon S3 (Simple Storage Service) provides object storage which is constructed for storing and recovering any amount of data or data from anywhere over the web.<\/span><\/p>\n

S3 helps you in Storage Management, Access management and security, and straightforward data transfer. S3 helps you in building and maintaining your own repository without taking much of your time.<\/span><\/p>\n

\u00a0Reasons to Host Your Website on Aws S3<\/h3>\n
    \n
  1. Manages everything, so there\u2019s no need for you to stress about underlying software a bit like the online server;<\/span><\/li>\n
  2. Scales well for temporary high traffic load;<\/span><\/li>\n
  3. No have to perform the capacity planning and to specify the initial capacity<\/span><\/li>\n
  4. Simple to figure on, allowing you to line up your website during a blink of a watch.<\/span><\/li>\n<\/ol>\n

    This means customers of all industries can use it to store and protect any amount of data such as websites, mobile applications, backup and restore, archive, enterprise applications.<\/span><\/p>\n

    Creating and Hosting Static Website with AWS S3<\/b><\/h2>\n

    Before we start, First you’ll need an AWS account. Once you\u2019ve registered for your free tier account and logged into the AWS console, you wish to open the S3 storage console so you’ll start configuring the S3 storage service to host your static website.<\/span><\/p>\n

    Step 1: Create a bucket in Amazon S3.<\/b><\/p>\n

    Enter the Bucket name. Note that If your website domain is www.thisistestwebsite.com, then your bucket name must be <\/span>www.thisistestwebsite.com<\/span><\/a>. Click on <\/span>Create Bucket<\/b> and the Bucket should be created.\u00a0<\/span><\/p>\n[\/et_pb_text][et_pb_image src=”https:\/\/www.genesesolution.com\/bd\/wp-content\/uploads\/sites\/4\/2021\/03\/create-bucket.png” title_text=”create-bucket” _builder_version=”4.4.8″][\/et_pb_image][et_pb_image src=”https:\/\/www.genesesolution.com\/bd\/wp-content\/uploads\/sites\/4\/2021\/03\/tag.png” title_text=”tag” _builder_version=”4.4.8″][\/et_pb_image][et_pb_text _builder_version=”4.4.8″]

    A Bucket is a container for objects stored on Amazon S3.<\/span><\/p>\n

    Step 2: Enable the Public Read permissions for the bucket.<\/b><\/p>\n

    As this can be a public website, you must select the suitable bucket policies and\u00a0<\/span>Enable public read permissions<\/b> for the bucket. AWS doesn’t allow public access for s3 bucket, by default. we’d like to edit this behaviour for a static website. On the permissions tab, you see default behaviour \u2013 Block public access.<\/span><\/p>\n

    Remove the tick from the Block all public access. It also gives you a warning message as shown below, and you would like to acknowledge that you just operated intentionally.<\/span><\/p>[\/et_pb_text][et_pb_image src=”https:\/\/www.genesesolution.com\/bd\/wp-content\/uploads\/sites\/4\/2021\/03\/edit-public-access.png” title_text=”edit-public-access” _builder_version=”4.4.8″][\/et_pb_image][et_pb_image src=”https:\/\/www.genesesolution.com\/bd\/wp-content\/uploads\/sites\/4\/2021\/03\/edit-block-access.png” title_text=”edit-block-access” _builder_version=”4.4.8″][\/et_pb_image][et_pb_text _builder_version=”4.4.8″]

    Step 3: Enable Static Website Hosting Configuration for Your Bucket.<\/b><\/h4>\n

    Turning on static website hosting for your bucket is just a few clicks away.<\/span><\/p>\n

    Let\u2019s do it !<\/span><\/p>\n

    First you will need to enable the Static Website Hosting option for the S3 bucket so that the static content can be served when accessed over the web with the endpoint URL.<\/span><\/p>[\/et_pb_text][et_pb_image src=”https:\/\/www.genesesolution.com\/bd\/wp-content\/uploads\/sites\/4\/2021\/03\/static-website-hosting.png” title_text=”static-website-hosting” _builder_version=”4.4.8″][\/et_pb_image][et_pb_text _builder_version=”4.4.8″]

    Also, this is how Public Read-Only access is given as shown below.<\/span><\/p>[\/et_pb_text][et_pb_image src=”https:\/\/www.genesesolution.com\/bd\/wp-content\/uploads\/sites\/4\/2021\/03\/check-block-public-access.png” title_text=”check-block-public-access” _builder_version=”4.4.8″][\/et_pb_image][et_pb_text _builder_version=”4.4.8″]

    Step 4: Upload Your Static Website Code.<\/b><\/p>\n

    Drag and drop or select \u201cAdd files\u201d, and add the entire static website directory and Click\u00a0 <\/span>Upload<\/b>.<\/span><\/p>[\/et_pb_text][et_pb_image src=”https:\/\/www.genesesolution.com\/bd\/wp-content\/uploads\/sites\/4\/2021\/03\/upload.png” title_text=”upload” _builder_version=”4.4.8″][\/et_pb_image][et_pb_text _builder_version=”4.4.8″]

    Now, You need to input the name of your website\u2019s file. Usually, it\u2019s \u201cindex.html,\u201d as is the case here. You can find this under the Properties tab of the bucket.<\/span><\/p>[\/et_pb_text][et_pb_image src=”https:\/\/www.genesesolution.com\/bd\/wp-content\/uploads\/sites\/4\/2021\/03\/edit-static-webhosting.png” title_text=”edit-static-webhosting” _builder_version=”4.4.8″][\/et_pb_image][et_pb_text _builder_version=”4.4.8″]

    Remember your default index filename is configured as the index document for your bucket.<\/span><\/p>\n

    Step 5: Validate if it works.<\/b><\/p>\n

    If you\u2019ve followed all the steps correctly, your website should display as intended once you enter the endpoint into the browser.<\/span><\/p>[\/et_pb_text][et_pb_image src=”https:\/\/www.genesesolution.com\/bd\/wp-content\/uploads\/sites\/4\/2021\/03\/endpoint-url.png” title_text=”endpoint-url” _builder_version=”4.4.8″][\/et_pb_image][et_pb_text _builder_version=”4.4.8″]

    This is how you host a static website with AWS\u2019s Amazon S3.<\/span><\/p>\n

    Thanks for reading!<\/span><\/p>[\/et_pb_text][\/et_pb_column][\/et_pb_row][\/et_pb_section]\n\n","protected":false},"excerpt":{"rendered":"","protected":false},"author":16,"featured_media":11067,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_et_pb_use_builder":"on","_et_pb_old_content":"","_et_gb_content_width":"","_links_to":"","_links_to_target":""},"categories":[70,76],"tags":[],"yoast_head":"\nHow to Host a Static Website with AWS\u2019s Amazon S3 in 5 easy steps<\/title>\n<meta name=\"description\" content=\"Website with AWS\u2019s Amazon S3 - Amazon S3 (Simple Storage Service) provides object storage which is constructed for storing and recovering any amount of data or data from anywhere over the web.\" \/>\n<meta name=\"robots\" content=\"index, follow, max-snippet:-1, max-image-preview:large, max-video-preview:-1\" \/>\n<link rel=\"canonical\" href=\"https:\/\/www.genesesolution.com\/bd\/blog\/how-to-host-a-static-website-with-aws-amazon-s3-in-5-easy-steps\/\" \/>\n<meta property=\"og:locale\" content=\"en_US\" \/>\n<meta property=\"og:type\" content=\"article\" \/>\n<meta property=\"og:title\" content=\"How to Host a Static Website with AWS\u2019s Amazon S3 in 5 easy steps\" \/>\n<meta property=\"og:description\" content=\"This post explores the AWS S3 bucket to configure a static website. In 5 easy steps, you are going to learn how to host a website with Amazon S3 via a practical example.\" \/>\n<meta property=\"og:url\" content=\"https:\/\/www.genesesolution.com\/bd\/blog\/how-to-host-a-static-website-with-aws-amazon-s3-in-5-easy-steps\/\" \/>\n<meta property=\"og:site_name\" content=\"Genese Solution Bangladesh\" \/>\n<meta property=\"article:published_time\" content=\"2021-03-04T08:35:05+00:00\" \/>\n<meta property=\"article:modified_time\" content=\"2021-06-09T11:17:36+00:00\" \/>\n<meta name=\"twitter:card\" content=\"summary_large_image\" \/>\n<meta name=\"twitter:title\" content=\"How to Host a Static Website with AWS\u2019s Amazon S3 in 5 easy steps\" \/>\n<meta name=\"twitter:description\" content=\"This post explores the AWS S3 bucket to configure a static website. In 5 easy steps, you are going to learn how to host a website with Amazon S3 via a practical example.\" \/>\n<meta name=\"twitter:label1\" content=\"Written by\" \/>\n\t<meta name=\"twitter:data1\" content=\"Susmita Poudel\" \/>\n\t<meta name=\"twitter:label2\" content=\"Est. reading time\" \/>\n\t<meta name=\"twitter:data2\" content=\"3 minutes\" \/>\n<script type=\"application\/ld+json\" class=\"yoast-schema-graph\">{\"@context\":\"https:\/\/schema.org\",\"@graph\":[{\"@type\":\"WebSite\",\"@id\":\"https:\/\/www.genesesolution.com\/bd\/#website\",\"url\":\"https:\/\/www.genesesolution.com\/bd\/\",\"name\":\"Genese Solution Bangladesh\",\"description\":\"Creating you the best\",\"potentialAction\":[{\"@type\":\"SearchAction\",\"target\":{\"@type\":\"EntryPoint\",\"urlTemplate\":\"https:\/\/www.genesesolution.com\/bd\/?s={search_term_string}\"},\"query-input\":\"required name=search_term_string\"}],\"inLanguage\":\"en-US\"},{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/www.genesesolution.com\/bd\/blog\/how-to-host-a-static-website-with-aws-amazon-s3-in-5-easy-steps\/#primaryimage\",\"inLanguage\":\"en-US\",\"url\":\"\",\"contentUrl\":\"\"},{\"@type\":\"WebPage\",\"@id\":\"https:\/\/www.genesesolution.com\/bd\/blog\/how-to-host-a-static-website-with-aws-amazon-s3-in-5-easy-steps\/#webpage\",\"url\":\"https:\/\/www.genesesolution.com\/bd\/blog\/how-to-host-a-static-website-with-aws-amazon-s3-in-5-easy-steps\/\",\"name\":\"How to Host a Static Website with AWS\\u2019s Amazon S3 in 5 easy steps\",\"isPartOf\":{\"@id\":\"https:\/\/www.genesesolution.com\/bd\/#website\"},\"primaryImageOfPage\":{\"@id\":\"https:\/\/www.genesesolution.com\/bd\/blog\/how-to-host-a-static-website-with-aws-amazon-s3-in-5-easy-steps\/#primaryimage\"},\"datePublished\":\"2021-03-04T08:35:05+00:00\",\"dateModified\":\"2021-06-09T11:17:36+00:00\",\"author\":{\"@id\":\"https:\/\/www.genesesolution.com\/bd\/#\/schema\/person\/25bf161560e8f38acc9ec2bf2130ae45\"},\"description\":\"Website with AWS\\u2019s Amazon S3 - Amazon S3 (Simple Storage Service) provides object storage which is constructed for storing and recovering any amount of data or data from anywhere over the web.\",\"breadcrumb\":{\"@id\":\"https:\/\/www.genesesolution.com\/bd\/blog\/how-to-host-a-static-website-with-aws-amazon-s3-in-5-easy-steps\/#breadcrumb\"},\"inLanguage\":\"en-US\",\"potentialAction\":[{\"@type\":\"ReadAction\",\"target\":[\"https:\/\/www.genesesolution.com\/bd\/blog\/how-to-host-a-static-website-with-aws-amazon-s3-in-5-easy-steps\/\"]}]},{\"@type\":\"BreadcrumbList\",\"@id\":\"https:\/\/www.genesesolution.com\/bd\/blog\/how-to-host-a-static-website-with-aws-amazon-s3-in-5-easy-steps\/#breadcrumb\",\"itemListElement\":[{\"@type\":\"ListItem\",\"position\":1,\"name\":\"Home\",\"item\":\"https:\/\/www.genesesolution.com\/bd\/\"},{\"@type\":\"ListItem\",\"position\":2,\"name\":\"How to Host a Static Website with AWS\\u2019s Amazon S3 in 5 easy steps\"}]},{\"@type\":\"Person\",\"@id\":\"https:\/\/www.genesesolution.com\/bd\/#\/schema\/person\/25bf161560e8f38acc9ec2bf2130ae45\",\"name\":\"Susmita Poudel\",\"image\":{\"@type\":\"ImageObject\",\"@id\":\"https:\/\/www.genesesolution.com\/bd\/#personlogo\",\"inLanguage\":\"en-US\",\"url\":\"https:\/\/secure.gravatar.com\/avatar\/636a82b201acd4bc2bc3cc5f6cf532e8?s=96&d=mm&r=g\",\"contentUrl\":\"https:\/\/secure.gravatar.com\/avatar\/636a82b201acd4bc2bc3cc5f6cf532e8?s=96&d=mm&r=g\",\"caption\":\"Susmita Poudel\"},\"url\":\"https:\/\/www.genesesolution.com\/bd\/blog\/author\/susmita\/\"}]}<\/script>\n<!-- \/ Yoast SEO plugin. -->","yoast_head_json":{"title":"How to Host a Static Website with AWS\u2019s Amazon S3 in 5 easy steps","description":"Website with AWS\u2019s Amazon S3 - Amazon S3 (Simple Storage Service) provides object storage which is constructed for storing and recovering any amount of data or data from anywhere over the web.","robots":{"index":"index","follow":"follow","max-snippet":"max-snippet:-1","max-image-preview":"max-image-preview:large","max-video-preview":"max-video-preview:-1"},"canonical":"https:\/\/www.genesesolution.com\/bd\/blog\/how-to-host-a-static-website-with-aws-amazon-s3-in-5-easy-steps\/","og_locale":"en_US","og_type":"article","og_title":"How to Host a Static Website with AWS\u2019s Amazon S3 in 5 easy steps","og_description":"This post explores the AWS S3 bucket to configure a static website. In 5 easy steps, you are going to learn how to host a website with Amazon S3 via a practical example.","og_url":"https:\/\/www.genesesolution.com\/bd\/blog\/how-to-host-a-static-website-with-aws-amazon-s3-in-5-easy-steps\/","og_site_name":"Genese Solution Bangladesh","article_published_time":"2021-03-04T08:35:05+00:00","article_modified_time":"2021-06-09T11:17:36+00:00","twitter_card":"summary_large_image","twitter_title":"How to Host a Static Website with AWS\u2019s Amazon S3 in 5 easy steps","twitter_description":"This post explores the AWS S3 bucket to configure a static website. In 5 easy steps, you are going to learn how to host a website with Amazon S3 via a practical example.","twitter_misc":{"Written by":"Susmita Poudel","Est. reading time":"3 minutes"},"schema":{"@context":"https:\/\/schema.org","@graph":[{"@type":"WebSite","@id":"https:\/\/www.genesesolution.com\/bd\/#website","url":"https:\/\/www.genesesolution.com\/bd\/","name":"Genese Solution Bangladesh","description":"Creating you the best","potentialAction":[{"@type":"SearchAction","target":{"@type":"EntryPoint","urlTemplate":"https:\/\/www.genesesolution.com\/bd\/?s={search_term_string}"},"query-input":"required name=search_term_string"}],"inLanguage":"en-US"},{"@type":"ImageObject","@id":"https:\/\/www.genesesolution.com\/bd\/blog\/how-to-host-a-static-website-with-aws-amazon-s3-in-5-easy-steps\/#primaryimage","inLanguage":"en-US","url":"","contentUrl":""},{"@type":"WebPage","@id":"https:\/\/www.genesesolution.com\/bd\/blog\/how-to-host-a-static-website-with-aws-amazon-s3-in-5-easy-steps\/#webpage","url":"https:\/\/www.genesesolution.com\/bd\/blog\/how-to-host-a-static-website-with-aws-amazon-s3-in-5-easy-steps\/","name":"How to Host a Static Website with AWS\u2019s Amazon S3 in 5 easy steps","isPartOf":{"@id":"https:\/\/www.genesesolution.com\/bd\/#website"},"primaryImageOfPage":{"@id":"https:\/\/www.genesesolution.com\/bd\/blog\/how-to-host-a-static-website-with-aws-amazon-s3-in-5-easy-steps\/#primaryimage"},"datePublished":"2021-03-04T08:35:05+00:00","dateModified":"2021-06-09T11:17:36+00:00","author":{"@id":"https:\/\/www.genesesolution.com\/bd\/#\/schema\/person\/25bf161560e8f38acc9ec2bf2130ae45"},"description":"Website with AWS\u2019s Amazon S3 - Amazon S3 (Simple Storage Service) provides object storage which is constructed for storing and recovering any amount of data or data from anywhere over the web.","breadcrumb":{"@id":"https:\/\/www.genesesolution.com\/bd\/blog\/how-to-host-a-static-website-with-aws-amazon-s3-in-5-easy-steps\/#breadcrumb"},"inLanguage":"en-US","potentialAction":[{"@type":"ReadAction","target":["https:\/\/www.genesesolution.com\/bd\/blog\/how-to-host-a-static-website-with-aws-amazon-s3-in-5-easy-steps\/"]}]},{"@type":"BreadcrumbList","@id":"https:\/\/www.genesesolution.com\/bd\/blog\/how-to-host-a-static-website-with-aws-amazon-s3-in-5-easy-steps\/#breadcrumb","itemListElement":[{"@type":"ListItem","position":1,"name":"Home","item":"https:\/\/www.genesesolution.com\/bd\/"},{"@type":"ListItem","position":2,"name":"How to Host a Static Website with AWS\u2019s Amazon S3 in 5 easy steps"}]},{"@type":"Person","@id":"https:\/\/www.genesesolution.com\/bd\/#\/schema\/person\/25bf161560e8f38acc9ec2bf2130ae45","name":"Susmita Poudel","image":{"@type":"ImageObject","@id":"https:\/\/www.genesesolution.com\/bd\/#personlogo","inLanguage":"en-US","url":"https:\/\/secure.gravatar.com\/avatar\/636a82b201acd4bc2bc3cc5f6cf532e8?s=96&d=mm&r=g","contentUrl":"https:\/\/secure.gravatar.com\/avatar\/636a82b201acd4bc2bc3cc5f6cf532e8?s=96&d=mm&r=g","caption":"Susmita Poudel"},"url":"https:\/\/www.genesesolution.com\/bd\/blog\/author\/susmita\/"}]}},"_links":{"self":[{"href":"https:\/\/www.genesesolution.com\/bd\/wp-json\/wp\/v2\/posts\/8919"}],"collection":[{"href":"https:\/\/www.genesesolution.com\/bd\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.genesesolution.com\/bd\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.genesesolution.com\/bd\/wp-json\/wp\/v2\/users\/16"}],"replies":[{"embeddable":true,"href":"https:\/\/www.genesesolution.com\/bd\/wp-json\/wp\/v2\/comments?post=8919"}],"version-history":[{"count":11,"href":"https:\/\/www.genesesolution.com\/bd\/wp-json\/wp\/v2\/posts\/8919\/revisions"}],"predecessor-version":[{"id":9025,"href":"https:\/\/www.genesesolution.com\/bd\/wp-json\/wp\/v2\/posts\/8919\/revisions\/9025"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.genesesolution.com\/bd\/wp-json\/wp\/v2\/media\/11067"}],"wp:attachment":[{"href":"https:\/\/www.genesesolution.com\/bd\/wp-json\/wp\/v2\/media?parent=8919"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.genesesolution.com\/bd\/wp-json\/wp\/v2\/categories?post=8919"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.genesesolution.com\/bd\/wp-json\/wp\/v2\/tags?post=8919"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}