Getting Started with AWS
Build a Basic Web Application
Deploy a web application and add interactivity with an API and a database
INTRODUCTION
CREATE WEB APP
BUILD SERVERLESS FUNCTION
LINK SERVERLESS FUNCTION TO WEB APP
CREATE DATA TABLE
ADD INTERACTIVITY TO WEB APP
Introduction: Build a Basic Web Application
Follow step-by-step instructions to build your first web application.
Overview
/
In this tutorial, you will create a simple web application. You will first build a static web app that renders
"Hello World." Then you will learn how to add functionality to the web app so the text that displays is based
on a custom input you provide.
What You Will Learn
This tutorial will walk you through the steps to create the sample web application discussed above. You will
learn to:
Create a web app
Connect the web app to a serverless back-end
Add interactivity to your web app with an API and a database
AWS Experience
Beginner
Time to Complete
30 minutes
Cost to Complete
Free Tier eligible
Tutorial Prereqs
AWS Account with administrator-level access**
Recommended browser: The latest version of Chrome or Firefox
[**]Accounts created within the past 24 hours might not yet have access to the services required for this tutorial.
Application Architecture
The diagram below provides a visual representation of the services used in this tutorial and how they are
connected. This application uses AWS Amplify, Amazon API Gateway, AWS Lambda, and Amazon DynamoDB
as pictured below.
As we go through the tutorial, we will discuss the services in detail and point to resources that will help you
get up to speed with them.
/
Modules
This tutorial is divided into five short modules. You must complete each module in order before moving on to
the next one.
1. Create Web App (5 minutes): Deploy static resources for your web application using the AWS Amplify
Console.
2. Build Serverless Function (5 minutes): Build a serverless function using AWS Lambda.
3. Link Serverless Function to Web App (5 minutes): Deploy your serverless function with API Gateway.
4. Create Data Table (10 minutes): Persist data in an Amazon DynamoDB table.
5. Add Interactivity to Web App (5 minutes): Modify your web app to invoke your API.
You will be building this web application using the AWS Web Console accessible directly from your browser.
Start Module One
Create Web App
Sign In to the Console
Resources for AWS Developers on AWS Help
Getting Started Developer Center Contact Us
Learn About AWS /
What Is AWS? Training and Certification SDKs & Tools AWS Careers
What Is Cloud Computing? AWS Solutions Portfolio .NET on AWS
File a Support Ticket
What Is DevOps? Architecture Center Python on AWS Knowledge Center
What Is a Container? Product and Technical FAQs Java on AWS AWS Support Overview
What Is a Data Lake? Analyst Reports PHP on AWS Legal
AWS Cloud Security AWS Partner Network Javascript on AWS
What's New
Blogs
Press Releases
Sign In to the Console
Amazon is an Equal Opportunity Employer: Minority / Women / Disability / Veteran / Gender Identity / Sexual Orientation /
Age.
Language
| ﻋرﺑﻲ
Bahasa Indonesia |
Deutsch |
English |
Español |
Français |
Italiano |
Português |
Tiếng Việt |
Türkçe |
Ρусский |
ไทย |
日本語 |
한국어 |
中文 (简体) |
中文 (繁體)
Privacy
|
Site Terms |
Cookie Preferences
|
© 2020, Amazon Web Services, Inc. or its affiliates. All rights reserved.
/
