Step By Step - Build a Static Website on AWS using Serverless - Lambda

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 URL.

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 CloudFront.

4 - Browser request is answered by the API Gateway using a REST API.

5 - API Gateway is integrated with AWS Certificate Manager and provides the public certificate to the browser.

6 - API Gateway connects to Lambda, which executes code. In this case, it is a simple “Hello World” Python script. The result is returned to the API Gateway REST API.

Steps:

Sub-Section - Create a Lambda Function:

Step 1:

Step 2:

Step 3:

Step 4:

Step 5:

Step 6:

Step 7:

Sub-Section - Create an API Gateway:

Step 8:

Step 9:

Step 10:

Step 11:

Step 12:

Step 13:

Step 14:

Step 15:

Step 16:

Step 17:

Sub-Section - Connect the API to your custom domain name:

Step 18:

Step 19:

Step 20:

Step 21:

Step 22:

Step 23:

Step 24:

Step 25:

Step 26:

Step 27:

Step 28:

Step 29:

Step 30:

Step 31:

Step 32:

Step 33:

Step 34:

Step 35:

Step 36:

Step By Step Guides page