Deploy a Web App on Nginx Server using AWS App Runner
Introduction
Implementation
Use the following step-by-step written tutorial or watch the video to learn how to Deploy a Web Applicaton on Nginx Server using AWS App Runner.
Push container image to Amazon ECR
In this step, you will create a private repository in Amazon ECR and push the container image you built in previous module to the newly created repository.
1. Create a project directory
In a new terminal window, run the following commands to create a new folder called nginx-web-app, and navigate to the folder.
mkdir nginx-web-appcd nginx-web-app
2. Open Visual Studio Code
On your local machine, navigate to the Visual Studio Code application, and open the nginx-web-app folder.

3. Create an HTML file
In the Explorer section, select the +New file icon, and enter index.html for the file name.

4. Add HTML content
Select the index.html file, and update it with the following code. Then, save the file.
<!DOCTYPE html><html><head><title>Sample Web App</title><style>html { color-scheme: light; }body { width: 35em; margin: 0 auto;font-family: Amazon Ember, Verdana, Arial, sans-serif; }</style></head><body><h1>Welcome to AWS App Runner!</h1><p>If you see this page, the nginx web server is successfully installed andworking. Further configuration is required.</p><p><em>Thank you for using AWS App Runner!</em></p></body></html>

5. Create Dockerfile
Create another file named Dockerfile, and update it with the following code. Then, save the file.
FROM --platform=linux/amd64 nginx:latestWORKDIR /usr/share/nginx/htmlCOPY index.html index.html

6. Build a container
In the open terminal window, run the following command to create container image.
docker build -t nginx-web-app .

Create an AWS App Runner Service
In this module, you will create an AWS App Runner service using the container image you built in previous module.
1. Create an Amazon ECR repository
Sign in to the AWS Management console in a new browser window, and open the Amazon Elastic Container Registry at https://console.aws.amazon.com/ecr/home.
For Create a repository, choose Create.

2. Configure repository settings
On the Create repository page, for Repository name enter nginx-web-app, leave the default selections, and select Create repository.

3. View push commands
Once the repository has been created, select the radio button for the repository, and then select View push commands.

4. Push your image
Follow all the steps in the pop-up window, to authenticate and push the image to the repository.

Clean up resources
In this step, you will go through the steps to delete all the resources you created throughout this tutorial. It is a best practice to delete resources you are no longer using to avoid unwanted charges.
1. Create an App Runner service
In the Source and deployment section, leave the default selections for Repository type and Provider. For Container image URI, select Browse.

2. Configure the source
In the Source and deployment section, leave the default selections for Repository type and Provider. For Container image URI, select Browse.
