{"id":91142,"date":"2023-09-25T00:20:39","date_gmt":"2023-09-25T05:50:39","guid":{"rendered":"https:\/\/www.whizlabs.com\/blog\/?p=91142"},"modified":"2023-10-26T21:40:54","modified_gmt":"2023-10-27T03:10:54","slug":"deploy-static-feedback-serverless-architecture-aws","status":"publish","type":"post","link":"https:\/\/www.whizlabs.com\/blog\/deploy-static-feedback-serverless-architecture-aws\/","title":{"rendered":"How to Deploy Static Feedback with 100% Serverless Architecture AWS"},"content":{"rendered":"<p><span style=\"font-weight: 400;\">The <strong>serverless architecture AWS<\/strong>\u00a0approach lets you build as well as deploy the applications and services with the infrastructure resources with zero administration.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">As the application can operate on the servers, the tasks that are relevant to the server management are taken care of by AWS. It means there is no need to handle tasks such as scaling, provisioning, and maintaining the servers to run the applications, storage, and database systems.\u00a0 <\/span><span style=\"font-weight: 400;\">In this blog article, we will demonstrate how we can deploy a serverless architecture AWS in the Amazon web services to create static web pages.\u00a0<\/span><\/p>\n<p><span style=\"font-weight: 400;\">This tutorial is intended for <strong>cloud architects and cloud developers<\/strong> as well as those who want to pursue<\/span> an\u00a0<a href=\"https:\/\/www.whizlabs.com\/aws-developer-associate\/\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">AWS Certified Developer Associate<\/span><\/a><span style=\"font-weight: 400;\">.\u00a0<\/span><\/p>\n<p style=\"text-align: center;\"><span style=\"font-weight: 400;\"><img decoding=\"async\" class=\"alignnone size-full wp-image-89089\" src=\"https:\/\/www.whizlabs.com\/blog\/wp-content\/uploads\/2023\/05\/AWS-Certified-Developer-Associate_badge.5c083fa855fe82c1cf2d0c8b883c265ec72a17c0.png\" alt=\"AWS-Certified-Developer-Associate_badge.5c083fa855fe82c1cf2d0c8b883c265ec72a17c0\" width=\"300\" height=\"300\" srcset=\"https:\/\/www.whizlabs.com\/blog\/wp-content\/uploads\/2023\/05\/AWS-Certified-Developer-Associate_badge.5c083fa855fe82c1cf2d0c8b883c265ec72a17c0.png 300w, https:\/\/www.whizlabs.com\/blog\/wp-content\/uploads\/2023\/05\/AWS-Certified-Developer-Associate_badge.5c083fa855fe82c1cf2d0c8b883c265ec72a17c0-150x150.png 150w, https:\/\/www.whizlabs.com\/blog\/wp-content\/uploads\/2023\/05\/AWS-Certified-Developer-Associate_badge.5c083fa855fe82c1cf2d0c8b883c265ec72a17c0-250x250.png 250w, https:\/\/www.whizlabs.com\/blog\/wp-content\/uploads\/2023\/05\/AWS-Certified-Developer-Associate_badge.5c083fa855fe82c1cf2d0c8b883c265ec72a17c0-96x96.png 96w\" sizes=\"(max-width: 300px) 100vw, 300px\" \/><\/span><\/p>\n<div id=\"ez-toc-container\" class=\"ez-toc-v2_0_76 ez-toc-wrap-left counter-hierarchy ez-toc-counter ez-toc-custom ez-toc-container-direction\">\n<div class=\"ez-toc-title-container\">\n<p class=\"ez-toc-title\" style=\"cursor:inherit\">Table of Contents<\/p>\n<span class=\"ez-toc-title-toggle\"><a href=\"#\" class=\"ez-toc-pull-right ez-toc-btn ez-toc-btn-xs ez-toc-btn-default ez-toc-toggle\" aria-label=\"Toggle Table of Content\"><span class=\"ez-toc-js-icon-con\"><span class=\"\"><span class=\"eztoc-hide\" style=\"display:none;\">Toggle<\/span><span class=\"ez-toc-icon-toggle-span\"><svg style=\"fill: #ea7e02;color:#ea7e02\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" class=\"list-377408\" width=\"20px\" height=\"20px\" viewBox=\"0 0 24 24\" fill=\"none\"><path d=\"M6 6H4v2h2V6zm14 0H8v2h12V6zM4 11h2v2H4v-2zm16 0H8v2h12v-2zM4 16h2v2H4v-2zm16 0H8v2h12v-2z\" fill=\"currentColor\"><\/path><\/svg><svg style=\"fill: #ea7e02;color:#ea7e02\" class=\"arrow-unsorted-368013\" xmlns=\"http:\/\/www.w3.org\/2000\/svg\" width=\"10px\" height=\"10px\" viewBox=\"0 0 24 24\" version=\"1.2\" baseProfile=\"tiny\"><path d=\"M18.2 9.3l-6.2-6.3-6.2 6.3c-.2.2-.3.4-.3.7s.1.5.3.7c.2.2.4.3.7.3h11c.3 0 .5-.1.7-.3.2-.2.3-.5.3-.7s-.1-.5-.3-.7zM5.8 14.7l6.2 6.3 6.2-6.3c.2-.2.3-.5.3-.7s-.1-.5-.3-.7c-.2-.2-.4-.3-.7-.3h-11c-.3 0-.5.1-.7.3-.2.2-.3.5-.3.7s.1.5.3.7z\"\/><\/svg><\/span><\/span><\/span><\/a><\/span><\/div>\n<nav><ul class='ez-toc-list ez-toc-list-level-1 ' ><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-1\" href=\"https:\/\/www.whizlabs.com\/blog\/deploy-static-feedback-serverless-architecture-aws\/#An_Overview_of_Serverless_Architecture_AWS\" >An Overview of Serverless Architecture AWS<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-2\" href=\"https:\/\/www.whizlabs.com\/blog\/deploy-static-feedback-serverless-architecture-aws\/#What_are_the_prerequisites_for_deployment_activity\" >What are the prerequisites for deployment activity?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-3\" href=\"https:\/\/www.whizlabs.com\/blog\/deploy-static-feedback-serverless-architecture-aws\/#Exam_Overview_of_AWS_Certified_Developer_Associate_DVA-C02\" >Exam Overview of AWS Certified Developer Associate (DVA-C02)<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-4\" href=\"https:\/\/www.whizlabs.com\/blog\/deploy-static-feedback-serverless-architecture-aws\/#Setting_up_a_lab_environment\" >Setting up a lab environment<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-5\" href=\"https:\/\/www.whizlabs.com\/blog\/deploy-static-feedback-serverless-architecture-aws\/#Architecture_Diagram_of_Serverless_Architecture_AWS\" >Architecture Diagram of Serverless Architecture AWS\u00a0<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-6\" href=\"https:\/\/www.whizlabs.com\/blog\/deploy-static-feedback-serverless-architecture-aws\/#How_to_Deploy_a_static_feedback_webpage_with_100_Serverless_Architecture\" >How to Deploy a static feedback webpage with 100% Serverless Architecture?<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-7\" href=\"https:\/\/www.whizlabs.com\/blog\/deploy-static-feedback-serverless-architecture-aws\/#Benefits_of_AWS_Hands-on_Labs\" >Benefits of AWS Hands-on Labs<\/a><\/li><li class='ez-toc-page-1 ez-toc-heading-level-3'><a class=\"ez-toc-link ez-toc-heading-8\" href=\"https:\/\/www.whizlabs.com\/blog\/deploy-static-feedback-serverless-architecture-aws\/#Summary\" >Summary<\/a><\/li><\/ul><\/nav><\/div>\n<h3><span class=\"ez-toc-section\" id=\"An_Overview_of_Serverless_Architecture_AWS\"><\/span><strong>An Overview of Serverless Architecture AWS<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p>Serverless architecture AWS offers a revolutionary approach to application development and deployment. With AWS Lambda at its core, this paradigm eliminates the need for traditional servers, allowing you to focus solely on your code. By leveraging serverless computing, you can achieve unparalleled scalability, cost-efficiency, and agility for your applications.<\/p>\n<p>Serverless AWS empowers developers to respond rapidly to changing demands while reducing operational overhead. Whether you&#8217;re building APIs, processing data, or deploying web applications, serverless architecture AWS simplifies the process. Embrace the future of cloud computing with AWS and unleash the full potential of serverless technology.<\/p>\n<h3><span class=\"ez-toc-section\" id=\"What_are_the_prerequisites_for_deployment_activity\"><\/span><strong>What are the prerequisites for deployment activity?<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p><span style=\"font-weight: 400;\">While initiating the deployment activity, it is essential to meet the following requirements:<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">The users who are involved in this project must know about AWS services such as <\/span><a href=\"https:\/\/www.whizlabs.com\/blog\/aws-s3\/\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">Amazon S3<\/span><\/a><span style=\"font-weight: 400;\">, API Gateway, <\/span><a href=\"https:\/\/www.whizlabs.com\/blog\/what-is-aws-lambda\/\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">AWS Lambda<\/span><\/a><span style=\"font-weight: 400;\">, and DynamoDB<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Must have a basic understanding of HTML, Javascript, and CSS<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Some of the hardware requirements such as a Laptop\/Desktop and a fast and reliable\u00a0 Internet connection are required.<\/span><\/li>\n<\/ul>\n<blockquote><p>Read More : <a href=\"https:\/\/www.whizlabs.com\/blog\/serverless-architecture-aws\/\" target=\"_blank\" rel=\"noopener\">How to Deploy a Highly Available Web Application Combining Server &amp; Serverless Concepts| Hands on Labs<\/a><\/p><\/blockquote>\n<h3><span class=\"ez-toc-section\" id=\"Exam_Overview_of_AWS_Certified_Developer_Associate_DVA-C02\"><\/span><strong>Exam Overview of AWS Certified Developer Associate (DVA-C02)<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-91148\" src=\"https:\/\/www.whizlabs.com\/blog\/wp-content\/uploads\/2023\/09\/AWS-Certified-Developer-Associate-Exam-Format.webp\" alt=\"AWS-Certified-Developer-Associate-Exam-Format\" width=\"900\" height=\"500\" srcset=\"https:\/\/www.whizlabs.com\/blog\/wp-content\/uploads\/2023\/09\/AWS-Certified-Developer-Associate-Exam-Format.webp 900w, https:\/\/www.whizlabs.com\/blog\/wp-content\/uploads\/2023\/09\/AWS-Certified-Developer-Associate-Exam-Format-300x167.webp 300w, https:\/\/www.whizlabs.com\/blog\/wp-content\/uploads\/2023\/09\/AWS-Certified-Developer-Associate-Exam-Format-768x427.webp 768w, https:\/\/www.whizlabs.com\/blog\/wp-content\/uploads\/2023\/09\/AWS-Certified-Developer-Associate-Exam-Format-150x83.webp 150w\" sizes=\"(max-width: 900px) 100vw, 900px\" \/><\/p>\n<h3><span class=\"ez-toc-section\" id=\"Setting_up_a_lab_environment\"><\/span><strong>Setting up a lab environment<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p><span style=\"font-weight: 400;\">To set up the <\/span><a href=\"https:\/\/www.whizlabs.com\/blog\/hands-on-labs-beginners-guide\/\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">AWS lab Environment<\/span><\/a><span style=\"font-weight: 400;\">, follow the below steps:<\/span><\/p>\n<ol>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">To launch the project environment, Click on the start project button.<\/span><\/li>\n<\/ol>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-91147\" src=\"https:\/\/www.whizlabs.com\/blog\/wp-content\/uploads\/2023\/09\/start-project-1.webp\" alt=\"start-project-aws-labs\" width=\"1418\" height=\"577\" srcset=\"https:\/\/www.whizlabs.com\/blog\/wp-content\/uploads\/2023\/09\/start-project-1.webp 1418w, https:\/\/www.whizlabs.com\/blog\/wp-content\/uploads\/2023\/09\/start-project-1-300x122.webp 300w, https:\/\/www.whizlabs.com\/blog\/wp-content\/uploads\/2023\/09\/start-project-1-1024x417.webp 1024w, https:\/\/www.whizlabs.com\/blog\/wp-content\/uploads\/2023\/09\/start-project-1-768x313.webp 768w, https:\/\/www.whizlabs.com\/blog\/wp-content\/uploads\/2023\/09\/start-project-1-150x61.webp 150w\" sizes=\"(max-width: 1418px) 100vw, 1418px\" \/><\/p>\n<ol>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">You have to wait for a minute until the cloud environment gets provisioned.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Once the Lab is started, you will be provided with an IAM username, Password, Access Key, and Secret Access Key<\/span><\/li>\n<\/ol>\n<h3><span class=\"ez-toc-section\" id=\"Architecture_Diagram_of_Serverless_Architecture_AWS\"><\/span><strong>Architecture Diagram of Serverless Architecture AWS\u00a0<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-91149\" src=\"https:\/\/www.whizlabs.com\/blog\/wp-content\/uploads\/2023\/09\/Architecture_Diagram_46_48-scaled.webp\" alt=\"Architecture_Diagram-dva-c02\" width=\"2560\" height=\"1493\" srcset=\"https:\/\/www.whizlabs.com\/blog\/wp-content\/uploads\/2023\/09\/Architecture_Diagram_46_48-scaled.webp 2560w, https:\/\/www.whizlabs.com\/blog\/wp-content\/uploads\/2023\/09\/Architecture_Diagram_46_48-300x175.webp 300w, https:\/\/www.whizlabs.com\/blog\/wp-content\/uploads\/2023\/09\/Architecture_Diagram_46_48-1024x597.webp 1024w, https:\/\/www.whizlabs.com\/blog\/wp-content\/uploads\/2023\/09\/Architecture_Diagram_46_48-768x448.webp 768w, https:\/\/www.whizlabs.com\/blog\/wp-content\/uploads\/2023\/09\/Architecture_Diagram_46_48-1536x896.webp 1536w, https:\/\/www.whizlabs.com\/blog\/wp-content\/uploads\/2023\/09\/Architecture_Diagram_46_48-2048x1194.webp 2048w, https:\/\/www.whizlabs.com\/blog\/wp-content\/uploads\/2023\/09\/Architecture_Diagram_46_48-150x87.webp 150w\" sizes=\"(max-width: 2560px) 100vw, 2560px\" \/><\/p>\n<p>&nbsp;<\/p>\n<h3><span class=\"ez-toc-section\" id=\"How_to_Deploy_a_static_feedback_webpage_with_100_Serverless_Architecture\"><\/span><strong>How to Deploy a static feedback webpage with 100% Serverless Architecture?<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p><span style=\"font-weight: 400;\">To build the static webpage with the help of serverless architecture, the below steps need to be followed:<\/span><\/p>\n<h4>Step 1: Access the AWS Management Console<\/h4>\n<p><span style=\"font-weight: 400;\">To begin, click on the provided button, which will open a new browser tab and take you to the <a href=\"https:\/\/aws.amazon.com\/blogs\/architecture\/serverless-architectures-with-aws-lambda-overview-and-best-practices\/\" target=\"_blank\" rel=\"nofollow noopener\">AWS Console.<\/a><\/span><\/p>\n<p><span style=\"font-weight: 400;\">Once you reach the AWS sign-in page, please follow these steps:<\/span><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Keep the Account ID field as it is. Do not edit or remove the 12-digit Account ID displayed in the AWS Console. Editing it may prevent you from proceeding with the lab.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">In the Lab Console, copy your User Name and Password.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Paste the copied Username and Password into the respective fields labeled IAM Username and Password on the AWS Console sign-in page.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">After entering your credentials, click on the &#8220;Sign in&#8221; button.<\/span><\/li>\n<\/ul>\n<p><span style=\"font-weight: 400;\">Once you&#8217;ve successfully signed in to the AWS Management Console, make sure to set the default AWS Region to &#8220;US East (N. Virginia)&#8221; by selecting &#8220;us-east-1.&#8221;<\/span><\/p>\n<blockquote><p>Also Read : A Guide to <a href=\"https:\/\/www.whizlabs.com\/blog\/serverless-architecture\/\" target=\"_blank\" rel=\"noopener\">Serverless Architecture<\/a><\/p><\/blockquote>\n<h4><strong>Step 2: Creating a DynamoDB table<\/strong><\/h4>\n<p><span style=\"font-weight: 400;\">To create the DynamoDB table for storing form submission details:<\/span><\/p>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-91151\" src=\"https:\/\/www.whizlabs.com\/blog\/wp-content\/uploads\/2023\/09\/dynamo-db-table.webp\" alt=\"dynamo-db-table\" width=\"809\" height=\"182\" srcset=\"https:\/\/www.whizlabs.com\/blog\/wp-content\/uploads\/2023\/09\/dynamo-db-table.webp 809w, https:\/\/www.whizlabs.com\/blog\/wp-content\/uploads\/2023\/09\/dynamo-db-table-300x67.webp 300w, https:\/\/www.whizlabs.com\/blog\/wp-content\/uploads\/2023\/09\/dynamo-db-table-768x173.webp 768w, https:\/\/www.whizlabs.com\/blog\/wp-content\/uploads\/2023\/09\/dynamo-db-table-150x34.webp 150w\" sizes=\"(max-width: 809px) 100vw, 809px\" \/><\/p>\n<ol>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Ensure that you are in the &#8220;US East (N. Virginia) US-east-1&#8221; Region.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Click on the &#8220;Services&#8221; menu, located under the &#8220;Database&#8221; section.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Select &#8220;DynamoDB.&#8221;<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Click on &#8220;Create table.&#8221;<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">In the &#8220;Table details&#8221; section:<\/span>\n<ol>\n<li style=\"font-weight: 400;\" aria-level=\"2\"><span style=\"font-weight: 400;\">Enter &#8220;whiz_table&#8221; as the Table name.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"2\"><span style=\"font-weight: 400;\">For the Partition key, enter &#8220;id&#8221; and select the type as &#8220;String.&#8221;<\/span><\/li>\n<\/ol>\n<\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Leave all other settings as their default values.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Finally, click on the &#8220;Create table&#8221; button to create the DynamoDB table.<\/span><\/li>\n<\/ol>\n<h4><strong>Step 3: Creating an S3 Bucket for Image Storage and Adding Bucket Policy<\/strong><\/h4>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-91152\" src=\"https:\/\/www.whizlabs.com\/blog\/wp-content\/uploads\/2023\/09\/bucket-policy.webp\" alt=\"bucket-policy\" width=\"1009\" height=\"289\" srcset=\"https:\/\/www.whizlabs.com\/blog\/wp-content\/uploads\/2023\/09\/bucket-policy.webp 1009w, https:\/\/www.whizlabs.com\/blog\/wp-content\/uploads\/2023\/09\/bucket-policy-300x86.webp 300w, https:\/\/www.whizlabs.com\/blog\/wp-content\/uploads\/2023\/09\/bucket-policy-768x220.webp 768w, https:\/\/www.whizlabs.com\/blog\/wp-content\/uploads\/2023\/09\/bucket-policy-150x43.webp 150w\" sizes=\"(max-width: 1009px) 100vw, 1009px\" \/><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Ensure that you are in the &#8220;US East (N. Virginia) US-east-1&#8221; Region.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Navigate to S3 by clicking on the &#8220;Services&#8221; menu, located under the &#8220;Storage&#8221; section.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Click on the &#8220;Create bucket&#8221; button.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Enter a unique name for your bucket, such as &#8220;whiz-s3-image-data,&#8221; and select the region as &#8220;us-east-1.&#8221;<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">In the &#8220;Block Public Access settings for this bucket&#8221; section:<\/span>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"2\"><span style=\"font-weight: 400;\">Uncheck the option &#8220;Block all public access&#8221; and acknowledge the option.<\/span><\/li>\n<\/ul>\n<\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Leave all other settings as their default values and click &#8220;Create bucket.&#8221;<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">To create the Bucket policy, click on the newly created bucket and go to the &#8220;Permissions&#8221; tab.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Scroll down to the &#8220;Bucket Policy&#8221; section and click on &#8220;Edit.&#8221;<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Paste the following bucket policy and click &#8220;Save changes.&#8221;<\/span><\/li>\n<\/ul>\n<h4><b>Step 4: Creating an S3 Bucket for Web Page Content<\/b><\/h4>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-91153\" src=\"https:\/\/www.whizlabs.com\/blog\/wp-content\/uploads\/2023\/09\/whiz-webpage.webp\" alt=\"whiz-webpage\" width=\"996\" height=\"191\" srcset=\"https:\/\/www.whizlabs.com\/blog\/wp-content\/uploads\/2023\/09\/whiz-webpage.webp 996w, https:\/\/www.whizlabs.com\/blog\/wp-content\/uploads\/2023\/09\/whiz-webpage-300x58.webp 300w, https:\/\/www.whizlabs.com\/blog\/wp-content\/uploads\/2023\/09\/whiz-webpage-768x147.webp 768w, https:\/\/www.whizlabs.com\/blog\/wp-content\/uploads\/2023\/09\/whiz-webpage-150x29.webp 150w\" sizes=\"(max-width: 996px) 100vw, 996px\" \/><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Ensure that you are in the &#8220;US East (N. Virginia) US-east-1&#8221; Region.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Navigate to S3 by clicking on the &#8220;Services&#8221; menu, located under the &#8220;Storage&#8221; section.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Click on the &#8220;Create bucket&#8221; button.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Enter a unique name for your bucket, like &#8220;whiz-webpage,&#8221; and select the region as &#8220;us-east-1.&#8221;<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">In the &#8220;Block Public Access settings for this bucket&#8221; section:<\/span>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"2\"><span style=\"font-weight: 400;\">Uncheck the option &#8220;Block all public access&#8221; and acknowledge it.<\/span><\/li>\n<\/ul>\n<\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Under &#8220;Bucket Versioning,&#8221; click &#8220;Enable.&#8221;<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Leave all other settings as their default values and click &#8220;Create bucket.&#8221;<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Once your S3 bucket is created, click on it to open it.<\/span><\/li>\n<\/ul>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">To create the Bucket policy, click on the bucket and go to the &#8220;Permissions&#8221; tab.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Scroll down to the &#8220;Bucket Policy&#8221; section and click on &#8220;Edit.&#8221;<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Paste the following bucket policy and click &#8220;Save changes.&#8221;<\/span><\/li>\n<\/ul>\n<h4><b>Step 5: Hosting the Static Webpage<\/b><\/h4>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-91154\" src=\"https:\/\/www.whizlabs.com\/blog\/wp-content\/uploads\/2023\/09\/static-website-hosting-.webp\" alt=\"static-website-hosting\" width=\"898\" height=\"293\" srcset=\"https:\/\/www.whizlabs.com\/blog\/wp-content\/uploads\/2023\/09\/static-website-hosting-.webp 898w, https:\/\/www.whizlabs.com\/blog\/wp-content\/uploads\/2023\/09\/static-website-hosting--300x98.webp 300w, https:\/\/www.whizlabs.com\/blog\/wp-content\/uploads\/2023\/09\/static-website-hosting--768x251.webp 768w, https:\/\/www.whizlabs.com\/blog\/wp-content\/uploads\/2023\/09\/static-website-hosting--150x49.webp 150w\" sizes=\"(max-width: 898px) 100vw, 898px\" \/><\/p>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Download the zip file named &#8220;Whiz_App.&#8221;<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Unzip the files from &#8220;Whiz_App.zip&#8221; into your local directory and review the code.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Return to your S3 bucket and click on the &#8220;Upload&#8221; button to upload your webpage content. You can drag and drop the files from the unzipped folder.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Your webpage content is now hosted in your S3 bucket. To access it, click on the &#8220;Properties&#8221; tab in your bucket and select &#8220;Static website hosting.&#8221;<\/span><\/li>\n<\/ul>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Click on &#8220;Edit&#8221; and choose &#8220;Enable.&#8221; In the &#8220;Hosting type,&#8221; select &#8220;Host a static website.&#8221;<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Enter the name of your index document (typically &#8220;index.html&#8221;) and the name of your error document (typically &#8220;error.html&#8221;).<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Click &#8220;Save changes,&#8221; and your static website is now hosted on your S3 bucket. You can access it using the endpoint URL provided in the &#8220;Static website hosting&#8221; settings.<\/span><\/li>\n<\/ul>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-91155\" src=\"https:\/\/www.whizlabs.com\/blog\/wp-content\/uploads\/2023\/09\/whiz-feedback.webp\" alt=\"whiz-feedback\" width=\"1162\" height=\"685\" srcset=\"https:\/\/www.whizlabs.com\/blog\/wp-content\/uploads\/2023\/09\/whiz-feedback.webp 1162w, https:\/\/www.whizlabs.com\/blog\/wp-content\/uploads\/2023\/09\/whiz-feedback-300x177.webp 300w, https:\/\/www.whizlabs.com\/blog\/wp-content\/uploads\/2023\/09\/whiz-feedback-1024x604.webp 1024w, https:\/\/www.whizlabs.com\/blog\/wp-content\/uploads\/2023\/09\/whiz-feedback-768x453.webp 768w, https:\/\/www.whizlabs.com\/blog\/wp-content\/uploads\/2023\/09\/whiz-feedback-150x88.webp 150w\" sizes=\"(max-width: 1162px) 100vw, 1162px\" \/><\/p>\n<h4><b>Step 6: Creating a AWS Lambda function<\/b><\/h4>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Navigate to the AWS Lambda function in the US East (N. Virginia) region.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Click on &#8220;Create function.&#8221;<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Fill in the following details:<\/span>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"2\"><span style=\"font-weight: 400;\">Function name: send_data_to_table<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"2\"><span style=\"font-weight: 400;\">Runtime: Choose Python 3.9<\/span><\/li>\n<\/ul>\n<\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Under Permissions, choose &#8220;Use an existing role&#8221; and select whiz_lambda_role.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Click &#8220;Create function.&#8221;<\/span><\/li>\n<\/ul>\n<h4><b>Step 7: Creating a Rest API<\/b><\/h4>\n<ol>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Navigate to the AWS API Gateway service in the US East (N. Virginia) region.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Click on &#8220;Get started.&#8221;<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Select &#8220;Build&#8221; under REST API.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Choose the protocol as REST.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">In the &#8220;Create new API&#8221; section, choose &#8220;New API.&#8221;<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Under Settings, set:<\/span>\n<ol>\n<li style=\"font-weight: 400;\" aria-level=\"2\"><span style=\"font-weight: 400;\">API name: whiz_api<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"2\"><span style=\"font-weight: 400;\">Description: &#8220;Trigger the Lambda function&#8221;<\/span><\/li>\n<\/ol>\n<\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Click &#8220;Create API.&#8221;<\/span><\/li>\n<\/ol>\n<h4><b>Step 8: Creating a Resource and Method for the API<\/b><\/h4>\n<ol>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">After creating the REST API, click &#8220;Actions&#8221; and choose &#8220;Create Resource.&#8221;<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Enter &#8220;submit&#8221; as the Resource Name and check the option for &#8220;Enable API Gateway CORS.&#8221;<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Click &#8220;Create Resource.&#8221;<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Once the resource is created, select it (\/submit) and choose &#8220;Create Method.&#8221;<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Choose the method as POST and click the tick mark.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">In the POST method:<\/span>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"2\"><span style=\"font-weight: 400;\">Choose &#8220;Integration type&#8221; as Lambda Function.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"2\"><span style=\"font-weight: 400;\">Enter the lambda function name (send_data_to_table).<\/span><\/li>\n<\/ul>\n<\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Click &#8220;Save,&#8221; and then click &#8220;OK&#8221; on the pop-up window.<\/span><\/li>\n<\/ol>\n<h4><b>Step 9: Testing the API<\/b><\/h4>\n<ol>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">You can now test if the Lambda integration is working.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Click on &#8220;Test.&#8221;<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">In the Request Body, enter the parameters to check if the configurations are correct.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">The data entered in the Request Body should be updated in the DynamoDB table, and the image file should be stored in the S3 bucket.<\/span><\/li>\n<\/ol>\n<p><span style=\"font-weight: 400;\">After the creation of those web pages, the users can suggest their thoughts in the form of images, and that data will be retained in an AWS Database such as Amazon DynamoDB. The whole deployment process gets automated and thus allows for more accessible updates to a webpage.<\/span><\/p>\n<h4><b>Step 10: Enabling CORS and Deploying the API\u00a0<\/b><\/h4>\n<p><span style=\"font-weight: 400;\">After successfully creating the resource and method, you can proceed to deploy the API.<\/span><\/p>\n<ol>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Select the POST method, click on &#8220;Actions,&#8221; and choose &#8220;Enable CORS.&#8221;<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Keep all the settings as default and click on &#8220;Enable CORS and replace existing CORS headers.&#8221;<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Next, click on &#8220;Actions&#8221; again and select Deploy API.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">In the &#8220;Deploy API&#8221; section:<\/span>\n<ol>\n<li style=\"font-weight: 400;\" aria-level=\"2\"><span style=\"font-weight: 400;\">For Deployment stage, select [New stage].<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"2\"><span style=\"font-weight: 400;\">Enter a Stage name, such as &#8220;staging.&#8221;<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"2\"><span style=\"font-weight: 400;\">Click &#8220;Deploy.&#8221;<\/span><\/li>\n<\/ol>\n<\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Once the API is deployed, make a note of the Invoke URL for the \/submit method. You can find this URL by navigating to the staging &gt; \/submit &gt; POST.<\/span><\/li>\n<\/ol>\n<h4><b>Step 11: Modify the index.html Page<\/b><\/h4>\n<ul>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Open the contents of the Whiz_App in any text editor. You need to insert the API Gateway endpoint URL you noted down previously into Line 64 of the index.html file.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Save the file to update it and then upload the updated index.html to the static web page hosting S3 bucket.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Navigate to Amazon S3 by clicking on the &#8220;Services&#8221; menu, under the &#8220;Storage&#8221; section, and select your static web page hosting bucket.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Click on the &#8220;upload&#8221; button and upload the updated index.html page to the bucket.<\/span><\/li>\n<\/ul>\n<p><img decoding=\"async\" class=\"alignnone size-full wp-image-91156\" src=\"https:\/\/www.whizlabs.com\/blog\/wp-content\/uploads\/2023\/09\/items-returned.webp\" alt=\"items-returned\" width=\"716\" height=\"240\" srcset=\"https:\/\/www.whizlabs.com\/blog\/wp-content\/uploads\/2023\/09\/items-returned.webp 716w, https:\/\/www.whizlabs.com\/blog\/wp-content\/uploads\/2023\/09\/items-returned-300x101.webp 300w, https:\/\/www.whizlabs.com\/blog\/wp-content\/uploads\/2023\/09\/items-returned-150x50.webp 150w\" sizes=\"(max-width: 716px) 100vw, 716px\" \/><\/p>\n<h4><b>Step 12: Testing the Web Page Now<\/b><\/h4>\n<p><span style=\"font-weight: 400;\">You can test the web page using the CloudFront domain name. Follow these steps:<\/span><\/p>\n<ol>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">On the web page, fill in the details in the form:<\/span><\/li>\n<\/ol>\n<ol>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Click on the &#8220;Submit&#8221; button.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">You should see a submission message at the top of the web page, indicating whether the form submission was successful or not.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Next, navigate to the DynamoDB table to check if the submitted form&#8217;s details are recorded.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Verify that the entry has been made in the DynamoDB table.<\/span><\/li>\n<li style=\"font-weight: 400;\" aria-level=\"1\"><span style=\"font-weight: 400;\">Finally, go to the S3 bucket that was created to confirm whether the uploaded image is present.<\/span><\/li>\n<\/ol>\n<h3><span class=\"ez-toc-section\" id=\"Benefits_of_AWS_Hands-on_Labs\"><\/span><strong>Benefits of AWS Hands-on Labs<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p><img decoding=\"async\" class=\"alignnone wp-image-91157 size-full\" src=\"https:\/\/www.whizlabs.com\/blog\/wp-content\/uploads\/2023\/09\/benefits-of-AWS-hands-on-labs-.webp\" alt=\"aws certified developer associate\" width=\"1000\" height=\"1500\" srcset=\"https:\/\/www.whizlabs.com\/blog\/wp-content\/uploads\/2023\/09\/benefits-of-AWS-hands-on-labs-.webp 1000w, https:\/\/www.whizlabs.com\/blog\/wp-content\/uploads\/2023\/09\/benefits-of-AWS-hands-on-labs--200x300.webp 200w, https:\/\/www.whizlabs.com\/blog\/wp-content\/uploads\/2023\/09\/benefits-of-AWS-hands-on-labs--683x1024.webp 683w, https:\/\/www.whizlabs.com\/blog\/wp-content\/uploads\/2023\/09\/benefits-of-AWS-hands-on-labs--768x1152.webp 768w, https:\/\/www.whizlabs.com\/blog\/wp-content\/uploads\/2023\/09\/benefits-of-AWS-hands-on-labs--150x225.webp 150w\" sizes=\"(max-width: 1000px) 100vw, 1000px\" \/><\/p>\n<h3><span class=\"ez-toc-section\" id=\"Summary\"><\/span><strong>Summary<\/strong><span class=\"ez-toc-section-end\"><\/span><\/h3>\n<p><span style=\"font-weight: 400;\">Hope this blog post shows how the serverless architecture AWS approach helps in creating static webpage creation in real-time settings. By following the above steps, you can get feedback in prior and make the right decisions on time.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">By the generation of automatic updates to web pages, the users can become highly satisfied. To know more about serverless architecture AWS and its concepts, you can take AWS certified developer associate certification.<\/span><\/p>\n<p><span style=\"font-weight: 400;\">If you are seeking any study materials for\u00a0 AWS certified developer associate <\/span><span style=\"font-weight: 400;\">(DVA-C02) <\/span><span style=\"font-weight: 400;\">certification, make use of our <\/span><a href=\"https:\/\/www.whizlabs.com\/blog\/aws-developer-associate-exam-preparation\/\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">DVA-C02 Study Guides<\/span><\/a><span style=\"font-weight: 400;\">, <strong>DVA-C02 practice exams<\/strong>, and so on, and get prepared for <span data-sheets-value=\"{&quot;1&quot;:2,&quot;2&quot;:&quot;aws developer associate exam questions&quot;}\" data-sheets-userformat=\"{&quot;2&quot;:4281,&quot;3&quot;:{&quot;1&quot;:0},&quot;6&quot;:{&quot;1&quot;:[{&quot;1&quot;:2,&quot;2&quot;:0,&quot;5&quot;:{&quot;1&quot;:2,&quot;2&quot;:0}},{&quot;1&quot;:0,&quot;2&quot;:0,&quot;3&quot;:3},{&quot;1&quot;:1,&quot;2&quot;:0,&quot;4&quot;:1}]},&quot;7&quot;:{&quot;1&quot;:[{&quot;1&quot;:2,&quot;2&quot;:0,&quot;5&quot;:{&quot;1&quot;:2,&quot;2&quot;:0}},{&quot;1&quot;:0,&quot;2&quot;:0,&quot;3&quot;:3},{&quot;1&quot;:1,&quot;2&quot;:0,&quot;4&quot;:1}]},&quot;8&quot;:{&quot;1&quot;:[{&quot;1&quot;:2,&quot;2&quot;:0,&quot;5&quot;:{&quot;1&quot;:2,&quot;2&quot;:0}},{&quot;1&quot;:0,&quot;2&quot;:0,&quot;3&quot;:3},{&quot;1&quot;:1,&quot;2&quot;:0,&quot;4&quot;:1}]},&quot;10&quot;:2,&quot;15&quot;:&quot;Arial&quot;}\">AWS developer associate exam questions.<\/span><\/span><\/p>\n<p><span style=\"font-weight: 400;\">To sharpen your practical skills, simply rely upon our <\/span><a href=\"https:\/\/www.whizlabs.com\/labs\/library\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">AWS hands-on labs <\/span><\/a><span style=\"font-weight: 400;\">and <\/span><a href=\"https:\/\/www.whizlabs.com\/labs\/library\"><span style=\"font-weight: 400;\">AWS <\/span><\/a><a href=\"https:\/\/www.whizlabs.com\/labs\/sandbox\" target=\"_blank\" rel=\"noopener\"><span style=\"font-weight: 400;\">sandboxes<\/span><\/a><span style=\"font-weight: 400;\">.<\/span><\/p>\n","protected":false},"excerpt":{"rendered":"<p>The serverless architecture AWS\u00a0approach lets you build as well as deploy the applications and services with the infrastructure resources with zero administration.\u00a0 As the application can operate on the servers, the tasks that are relevant to the server management are taken care of by AWS. It means there is no need to handle tasks such as scaling, provisioning, and maintaining the servers to run the applications, storage, and database systems.\u00a0 In this blog article, we will demonstrate how we can deploy a serverless architecture AWS in the Amazon web services to create static web pages.\u00a0 This tutorial is intended for [&hellip;]<\/p>\n","protected":false},"author":223,"featured_media":91160,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_uag_custom_page_level_css":"","site-sidebar-layout":"default","site-content-layout":"default","ast-site-content-layout":"default","site-content-style":"default","site-sidebar-style":"default","ast-global-header-display":"","ast-banner-title-visibility":"","ast-main-header-display":"","ast-hfb-above-header-display":"","ast-hfb-below-header-display":"","ast-hfb-mobile-header-display":"","site-post-title":"","ast-breadcrumbs-content":"","ast-featured-img":"","footer-sml-layout":"","theme-transparent-header-meta":"default","adv-header-id-meta":"","stick-header-meta":"default","header-above-stick-meta":"","header-main-stick-meta":"","header-below-stick-meta":"","astra-migrate-meta-layouts":"default","ast-page-background-enabled":"default","ast-page-background-meta":{"desktop":{"background-color":"var(--ast-global-color-4)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"ast-content-background-meta":{"desktop":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"tablet":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""},"mobile":{"background-color":"var(--ast-global-color-5)","background-image":"","background-repeat":"repeat","background-position":"center center","background-size":"auto","background-attachment":"scroll","background-type":"","background-media":"","overlay-type":"","overlay-color":"","overlay-opacity":"","overlay-gradient":""}},"footnotes":""},"categories":[4,4870],"tags":[3492,2325],"class_list":["post-91142","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-aws-certifications","category-hands-on-labs","tag-aws-architecture-best-practices","tag-aws-labs"],"uagb_featured_image_src":{"full":["https:\/\/www.whizlabs.com\/blog\/wp-content\/uploads\/2023\/09\/How-to-Deploy-a-static-feedback-webpage-with-100-Serverless-Architecture-FI.webp",1280,720,false],"thumbnail":["https:\/\/www.whizlabs.com\/blog\/wp-content\/uploads\/2023\/09\/How-to-Deploy-a-static-feedback-webpage-with-100-Serverless-Architecture-FI-150x150.webp",150,150,true],"medium":["https:\/\/www.whizlabs.com\/blog\/wp-content\/uploads\/2023\/09\/How-to-Deploy-a-static-feedback-webpage-with-100-Serverless-Architecture-FI-300x169.webp",300,169,true],"medium_large":["https:\/\/www.whizlabs.com\/blog\/wp-content\/uploads\/2023\/09\/How-to-Deploy-a-static-feedback-webpage-with-100-Serverless-Architecture-FI-768x432.webp",768,432,true],"large":["https:\/\/www.whizlabs.com\/blog\/wp-content\/uploads\/2023\/09\/How-to-Deploy-a-static-feedback-webpage-with-100-Serverless-Architecture-FI-1024x576.webp",1024,576,true],"1536x1536":["https:\/\/www.whizlabs.com\/blog\/wp-content\/uploads\/2023\/09\/How-to-Deploy-a-static-feedback-webpage-with-100-Serverless-Architecture-FI.webp",1280,720,false],"2048x2048":["https:\/\/www.whizlabs.com\/blog\/wp-content\/uploads\/2023\/09\/How-to-Deploy-a-static-feedback-webpage-with-100-Serverless-Architecture-FI.webp",1280,720,false],"profile_24":["https:\/\/www.whizlabs.com\/blog\/wp-content\/uploads\/2023\/09\/How-to-Deploy-a-static-feedback-webpage-with-100-Serverless-Architecture-FI.webp",24,14,false],"profile_48":["https:\/\/www.whizlabs.com\/blog\/wp-content\/uploads\/2023\/09\/How-to-Deploy-a-static-feedback-webpage-with-100-Serverless-Architecture-FI.webp",48,27,false],"profile_96":["https:\/\/www.whizlabs.com\/blog\/wp-content\/uploads\/2023\/09\/How-to-Deploy-a-static-feedback-webpage-with-100-Serverless-Architecture-FI.webp",96,54,false],"profile_150":["https:\/\/www.whizlabs.com\/blog\/wp-content\/uploads\/2023\/09\/How-to-Deploy-a-static-feedback-webpage-with-100-Serverless-Architecture-FI.webp",150,84,false],"profile_300":["https:\/\/www.whizlabs.com\/blog\/wp-content\/uploads\/2023\/09\/How-to-Deploy-a-static-feedback-webpage-with-100-Serverless-Architecture-FI.webp",300,169,false],"tptn_thumbnail":["https:\/\/www.whizlabs.com\/blog\/wp-content\/uploads\/2023\/09\/How-to-Deploy-a-static-feedback-webpage-with-100-Serverless-Architecture-FI-250x250.webp",250,250,true],"web-stories-poster-portrait":["https:\/\/www.whizlabs.com\/blog\/wp-content\/uploads\/2023\/09\/How-to-Deploy-a-static-feedback-webpage-with-100-Serverless-Architecture-FI-640x720.webp",640,720,true],"web-stories-publisher-logo":["https:\/\/www.whizlabs.com\/blog\/wp-content\/uploads\/2023\/09\/How-to-Deploy-a-static-feedback-webpage-with-100-Serverless-Architecture-FI-96x96.webp",96,96,true],"web-stories-thumbnail":["https:\/\/www.whizlabs.com\/blog\/wp-content\/uploads\/2023\/09\/How-to-Deploy-a-static-feedback-webpage-with-100-Serverless-Architecture-FI-150x84.webp",150,84,true]},"uagb_author_info":{"display_name":"Dharmendra Digari","author_link":"https:\/\/www.whizlabs.com\/blog\/author\/dharmendrawhizlabs-com\/"},"uagb_comment_info":2,"uagb_excerpt":"The serverless architecture AWS\u00a0approach lets you build as well as deploy the applications and services with the infrastructure resources with zero administration.\u00a0 As the application can operate on the servers, the tasks that are relevant to the server management are taken care of by AWS. It means there is no need to handle tasks such&hellip;","_links":{"self":[{"href":"https:\/\/www.whizlabs.com\/blog\/wp-json\/wp\/v2\/posts\/91142","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/www.whizlabs.com\/blog\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/www.whizlabs.com\/blog\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/www.whizlabs.com\/blog\/wp-json\/wp\/v2\/users\/223"}],"replies":[{"embeddable":true,"href":"https:\/\/www.whizlabs.com\/blog\/wp-json\/wp\/v2\/comments?post=91142"}],"version-history":[{"count":11,"href":"https:\/\/www.whizlabs.com\/blog\/wp-json\/wp\/v2\/posts\/91142\/revisions"}],"predecessor-version":[{"id":91663,"href":"https:\/\/www.whizlabs.com\/blog\/wp-json\/wp\/v2\/posts\/91142\/revisions\/91663"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/www.whizlabs.com\/blog\/wp-json\/wp\/v2\/media\/91160"}],"wp:attachment":[{"href":"https:\/\/www.whizlabs.com\/blog\/wp-json\/wp\/v2\/media?parent=91142"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/www.whizlabs.com\/blog\/wp-json\/wp\/v2\/categories?post=91142"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/www.whizlabs.com\/blog\/wp-json\/wp\/v2\/tags?post=91142"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}