Step By Step - Build a Static Website on AWS using EC2

Note the author has hidden certain fields such as email addesses, account names, codes and credentials, etc. for security purposes using colored boxes.

here for a Rick Roll.

Prerequisits:

Ensure you have a valid email address.

Ensure you have a smartphone with a Two Factor Authentication tool such as Microsoft Authenticator.

Step By Step - Configure a GitHub Account

Step By Step - Install Visual Studio Code

Step By Step - Install and Configure Git

Step By Step - Connect Visual Studio Code to GitHub

Step By Step - Create an AWS Account

Step By Step - Connect Visual Studio Code to AWS

Step By Step - Build a Static Website on AWS - Prerequisites

Architecture:

1 - Actor uses laptop, opens browser, and types in a ULR.

2 - Browser queries DNS service to locate website.

3 - DNS service tries to locate website. Route 53 returns the DNS record to the DNS server so it can direct the browser request to the Application Load Balancer.

4 - Browser request is answered by the Application Load Balancer.

5 - The Application Load Balancer is integrated with AWS Certificate Manager and provides the public certificate to the browser.

6 - The Application Load Balancer connects to EC2, which runs IIS and returns that result to the Application Load Balancer, which returns that result to the client.

Steps:

Sub-Section - Create Security Groups:

Step 1:

Step 2:

Step 3:

Step 4:

Step 5:

Step 6:

Step 7:

Step 8:

Step 9:

Step 10:

Step 11:

Step 12:

Step 13:

Step 14:

Step 15:

Step 16:

Sub-Section - Create a Windows Server EC2 Instance:

Step 17:

Step 18:

Step 19:

Step 20:

Step 21:

Step 22:

Step 23:

Step 24:

Step 25:

Step 26:

Step 27:

Step 28:

Step 29:

EC2 pricing page.

Step 30:

Step 31:

Step 32:

Step 33:

Step 34:

Step 35:

Step 36:

Step 37:

Step 38:

Step 39:

Step 40:

Step 41:

Sub-Section - Connect to the Windows Server EC2 Instance:

Step 42:

Step 43:

Step 44:

Step 45:

Step 46:

Step 47:

Step 48:

Step 49:

Sub-Section - Configure IIS:

Step 50:

Step 51:

Step 52:

Step 53:

Step 54:

Step 55:

Step 56:

Step 57:

Step 58:

Step 59:

Step 60:

Step 61:

Step 62:

Step 63:

Step 64:

Sub-Section - Configure a Target Group:

Step 65:

Step 66:

Step 67:

Step 68:

Step 69:

Step 70:

Step 71:

Step 72:

Step 73:

Step 74:

Sub-Section - Configure the Application Load Balancer:

Step 75:

Step 76:

Step 77:

Step 78:

Step 79:

Step 80:

Step 81:

Step 82:

Step 83:

Step 84:

Step 85:

Step 86:

Step 87:

Step 88:

Step 89:

Step 90:

Step 91:

Sub-Section - Configure Route53 to point your domain to the Load Balancer:

Step 92:

Step 93:

Step 94:

Step 95:

Step 96:

Step 97:

Step 98:

Step 99:

Step 100:

Step 101:

Step By Step Guides page