How to host website on AWS?

Here we can discussing about to host a website on AWS Without any cost.

We are using Amazon S3 Bucket to host a free website.

Follow these simple steps to host your website on AWS S3 Bucket.

[{"selector":"#anim-10bb53f3-6555-4f4f-a5ad-e515888a0589","keyframes":{"opacity":[0,1]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"both"}] [{"selector":"#anim-f92c7ddf-3a24-4497-b0da-a7af5057f02d","keyframes":{"transform":["scale(0.3333333333333333)","scale(1)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] Dot

Create An S3 Bucket with your domain name with publicly access permission and Upload your website on S3 Bucket.

[{"selector":"#anim-074e0391-94af-43db-8f30-4f08ffa6f788","keyframes":{"opacity":[0,1]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"both"}] [{"selector":"#anim-84f2886f-1aaf-414e-9c88-b324608a42b2","keyframes":{"transform":["scale(0.3333333333333333)","scale(1)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] Tooltip

Open the DNS management to create a hosted zone.

[{"selector":"#anim-9125db0e-081a-4d82-8210-c0508fd93723","keyframes":{"opacity":[0,1]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"both"}] [{"selector":"#anim-1434e502-f207-4ff9-a78e-f1417a62a536","keyframes":{"transform":["scale(0.3333333333333333)","scale(1)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] Tooltip

Create a hosted zone with your domain name (Ex: mydomain.xyz)

[{"selector":"#anim-91a5f9af-329a-402f-b04b-a42fb167954d","keyframes":{"opacity":[0,1]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"both"}] [{"selector":"#anim-910f73c5-6d4a-4e01-8ffe-3b01cb06c81a","keyframes":{"transform":["scale(0.3333333333333333)","scale(1)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] Tooltip

Open domain provider nameserver and replace all with AWS nameserver.

[{"selector":"#anim-90dae927-e0c2-4128-b50e-212d1fb94f93","keyframes":{"opacity":[0,1]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"both"}] [{"selector":"#anim-a4ece07e-cab6-47d6-9dc4-8f95b963339f","keyframes":{"transform":["scale(0.3333333333333333)","scale(1)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] Tooltip

Go to the Amazon CloudFront and create CloudFront Distribution for Web with S3 bucket endpoint URL.my-bucket.s3.us-west-2.amazonaws.com).

[{"selector":"#anim-c50a0988-eb05-4453-9a85-f71a91015775","keyframes":{"opacity":[0,1]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"both"}] [{"selector":"#anim-f71be1c1-99b9-4125-8076-dcf5a72dcd53","keyframes":{"transform":["scale(0.3333333333333333)","scale(1)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] Tooltip

Edit CloudFront Distribution and Add your domain name (mydomain.xyz) in place of Alternate Domain Name.

[{"selector":"#anim-def26d9f-a475-4f9f-b9a3-6ab3f40220e7","keyframes":{"opacity":[0,1]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"both"}] [{"selector":"#anim-b7037760-f5ba-4997-8153-1dce21f25255","keyframes":{"transform":["scale(0.3333333333333333)","scale(1)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] Tooltip

Edit CloudFront Distribution and click on Custom SSL Certificate to enable SSL on your website.

[{"selector":"#anim-3d10c05f-206c-4dc6-a946-438887c399bb","keyframes":{"opacity":[0,1]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"both"}] [{"selector":"#anim-7bffa84e-9381-444c-81c6-f7c0768a0a30","keyframes":{"transform":["scale(0.3333333333333333)","scale(1)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] Tooltip

Open AWS Certificate Manager and Create an SSL Certificate for your domain or subdomain.

[{"selector":"#anim-6c4ca410-3557-4ced-bfd9-f182c9ab12f0","keyframes":{"opacity":[0,1]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"both"}] [{"selector":"#anim-37881736-92cc-4e51-ade9-3934ad073c5d","keyframes":{"transform":["scale(0.3333333333333333)","scale(1)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] Tooltip

Edit CloudFront Distribution and add Custom SSL Certificate.

[{"selector":"#anim-1da74fa6-0a37-4478-9c04-4bf9be0992c6","keyframes":{"opacity":[0,1]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"both"}] [{"selector":"#anim-42b0e41e-14ef-40ed-88f0-1958171e6b78","keyframes":{"transform":["scale(0.3333333333333333)","scale(1)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] Tooltip

Now go back to the hosted zone and create A record for the website domain with Alias Target of CloudFront domain name.

[{"selector":"#anim-2caaa516-0b32-4d99-9786-7bcf59a68bd7","keyframes":{"opacity":[0,1]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"both"}] [{"selector":"#anim-8af7ac48-87cf-4cb4-8883-9d43bfe43a00","keyframes":{"transform":["scale(0.3333333333333333)","scale(1)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] Tooltip

Wait, It may take some time and Open your domain URL in the web browser and check.

[{"selector":"#anim-c65b777e-5d1e-410d-8880-d754f7346e54","keyframes":{"opacity":[0,1]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"both"}] [{"selector":"#anim-bfa67a05-8520-4d10-a304-c180f58555ad","keyframes":{"transform":["scale(0.3333333333333333)","scale(1)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] Tooltip

Thank for watching

[{"selector":"#anim-36dd9274-6e10-41bd-8f65-58c288b1f117","keyframes":{"opacity":[0,1]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"both"}] [{"selector":"#anim-12e81015-2203-4fc3-8f21-32101346d902","keyframes":{"transform":["scale(0.3333333333333333)","scale(1)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] [{"selector":"#anim-94f437c0-d356-411d-baf7-692d219c473d","keyframes":[{"transform":"scale(1)","offset":0},{"transform":"scale(1.5)","offset":0.33},{"transform":"scale(0.95)","offset":0.66},{"transform":"scale(1)","offset":1}],"delay":0,"duration":1450,"easing":"ease-in-out","fill":"both","iterations":1}] [{"selector":"#anim-fc0d84cd-2e98-43ee-9de6-bf1edf9ff4b9","keyframes":{"opacity":[0,1]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"both"}] [{"selector":"#anim-885547d6-b41d-4e93-8ac7-7d450a980f04","keyframes":{"transform":["scale(0.3333333333333333)","scale(1)"]},"delay":0,"duration":2000,"easing":"cubic-bezier(.3,0,.55,1)","fill":"forwards"}] Burst Open Hands Pink Blob

How to host website on AWS?

Here we can discussing about to host a website on AWS Without any cost.

We are using Amazon S3 Bucket to host a free website.

Follow these simple steps to host your website on AWS S3 Bucket.

Step 1

Create An S3 Bucket with your domain name with publicly access permission and Upload your website on S3 Bucket.

STEP 1

Open the DNS management to create a hosted zone.

STEP 2

Create a hosted zone with your domain name (Ex: mydomain.xyz)

STEP 3

Open domain provider nameserver and replace all with AWS nameserver.

STEP 4

Go to the Amazon CloudFront and create CloudFront Distribution for Web with S3 bucket endpoint URL.my-bucket.s3.us-west-2.amazonaws.com).

STEP 5

Edit CloudFront Distribution and Add your domain name (mydomain.xyz) in place of Alternate Domain Name.

STEP 6

Edit CloudFront Distribution and click on Custom SSL Certificate to enable SSL on your website.

STEP 7

Open AWS Certificate Manager and Create an SSL Certificate for your domain or subdomain.

STEP 7

Edit CloudFront Distribution and add Custom SSL Certificate.

STEP 8

Now go back to the hosted zone and create A record for the website domain with Alias Target of CloudFront domain name.

STEP 9

Wait, It may take some time and Open your domain URL in the web browser and check.

STEP 10

Thank for watching

It's Done