{"id":4413,"date":"2021-11-24T04:44:17","date_gmt":"2021-11-24T04:44:17","guid":{"rendered":"https:\/\/techpearl.io\/?p=4413"},"modified":"2024-02-14T13:14:15","modified_gmt":"2024-02-14T13:14:15","slug":"hosting-front-end-apps-with-aws-amplify","status":"publish","type":"post","link":"https:\/\/techpearl.com\/1719395789229\/hosting-front-end-apps-with-aws-amplify\/","title":{"rendered":"Hosting Front End Apps With AWS Amplify"},"content":{"rendered":"\t\t<div data-elementor-type=\"wp-post\" data-elementor-id=\"4413\" class=\"elementor elementor-4413\" data-elementor-settings=\"[]\">\n\t\t\t\t\t\t\t<div class=\"elementor-section-wrap\">\n\t\t\t\t\t\t\t<section class=\"has_ma_el_bg_slider elementor-section elementor-top-section elementor-element elementor-element-eb3247c elementor-section-boxed elementor-section-height-default elementor-section-height-default jltma-glass-effect-no\" data-id=\"eb3247c\" data-element_type=\"section\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"has_ma_el_bg_slider elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-f52db0f jltma-glass-effect-no\" data-id=\"f52db0f\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-5e2b237 jltma-glass-effect-no elementor-widget elementor-widget-theme-post-title elementor-page-title elementor-widget-heading\" data-id=\"5e2b237\" data-element_type=\"widget\" data-widget_type=\"theme-post-title.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h1 class=\"elementor-heading-title elementor-size-default\"><a href=\"https:\/\/techpearl.com\/1719395789229\/hosting-front-end-apps-with-aws-amplify\/\">Hosting Front End Apps With AWS Amplify<\/a><\/h1>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-596264e elementor-align-left jltma-glass-effect-no elementor-widget elementor-widget-post-info\" data-id=\"596264e\" data-element_type=\"widget\" data-widget_type=\"post-info.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<ul class=\"elementor-inline-items elementor-icon-list-items elementor-post-info\">\n\t\t\t\t\t<li class=\"elementor-icon-list-item elementor-repeater-item-de3c734 elementor-inline-item\" itemprop=\"author\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"elementor-icon-list-text elementor-post-info__item elementor-post-info__item--type-author\">\n\t\t\t\t\t\t\t\t\t\tPradheep Jayaraman\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t<\/li>\n\t\t\t\t<\/ul>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e8514d9 bdt-ss-btns-view-icon bdt-ss-btns-shape-rounded bdt-ss-btns-align-left bdt-ep-grid-0 bdt-ss-btns-style-flat bdt-ss-btns-color-original jltma-glass-effect-no elementor-widget elementor-widget-bdt-social-share\" data-id=\"e8514d9\" data-element_type=\"widget\" data-widget_type=\"bdt-social-share.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"bdt-social-share bdt-ep-grid\">\n\t\t\t\t\t\t\t<div class=\"bdt-social-share-item bdt-ep-grid-item\">\n\t\t\t\t\t<div class=\"bdt-ss-btn bdt-ss-linkedin\" data-social=\"linkedin\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"bdt-ss-icon\">\n\t\t\t\t\t\t\t\t<i class=\"ep-linkedin\"><\/i>\n\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"bdt-social-share-item bdt-ep-grid-item\">\n\t\t\t\t\t<div class=\"bdt-ss-btn bdt-ss-twitter\" data-social=\"twitter\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"bdt-ss-icon\">\n\t\t\t\t\t\t\t\t<i class=\"ep-twitter\"><\/i>\n\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"bdt-social-share-item bdt-ep-grid-item\">\n\t\t\t\t\t<div class=\"bdt-ss-btn bdt-ss-facebook\" data-social=\"facebook\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"bdt-ss-icon\">\n\t\t\t\t\t\t\t\t<i class=\"ep-facebook\"><\/i>\n\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\n\t\t\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"has_ma_el_bg_slider elementor-section elementor-top-section elementor-element elementor-element-0b320b1 elementor-section-boxed elementor-section-height-default elementor-section-height-default jltma-glass-effect-no\" data-id=\"0b320b1\" data-element_type=\"section\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"has_ma_el_bg_slider elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-a06b52f jltma-glass-effect-no\" data-id=\"a06b52f\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-85a3445 jltma-glass-effect-no elementor-widget elementor-widget-theme-post-featured-image elementor-widget-image\" data-id=\"85a3445\" data-element_type=\"widget\" data-widget_type=\"theme-post-featured-image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"2240\" height=\"1260\" src=\"https:\/\/techpearl.com\/1719395789229\/wp-content\/uploads\/2021\/11\/hosting-front-end-apps-with-aws-amplify.jpg\" class=\"attachment-full size-full\" alt=\"hosting front end apps with aws amplify\" srcset=\"https:\/\/techpearl.com\/1719395789229\/wp-content\/uploads\/2021\/11\/hosting-front-end-apps-with-aws-amplify.jpg 2240w, https:\/\/techpearl.com\/1719395789229\/wp-content\/uploads\/2021\/11\/hosting-front-end-apps-with-aws-amplify-300x169.jpg 300w, https:\/\/techpearl.com\/1719395789229\/wp-content\/uploads\/2021\/11\/hosting-front-end-apps-with-aws-amplify-1024x576.jpg 1024w, https:\/\/techpearl.com\/1719395789229\/wp-content\/uploads\/2021\/11\/hosting-front-end-apps-with-aws-amplify-768x432.jpg 768w, https:\/\/techpearl.com\/1719395789229\/wp-content\/uploads\/2021\/11\/hosting-front-end-apps-with-aws-amplify-1536x864.jpg 1536w, https:\/\/techpearl.com\/1719395789229\/wp-content\/uploads\/2021\/11\/hosting-front-end-apps-with-aws-amplify-2048x1152.jpg 2048w\" sizes=\"auto, (max-width: 2240px) 100vw, 2240px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"has_ma_el_bg_slider elementor-section elementor-top-section elementor-element elementor-element-eecc935 elementor-section-boxed elementor-section-height-default elementor-section-height-default jltma-glass-effect-no\" data-id=\"eecc935\" data-element_type=\"section\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"has_ma_el_bg_slider elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-522f8a1 jltma-glass-effect-no\" data-id=\"522f8a1\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-04b2210 jltma-glass-effect-no elementor-widget elementor-widget-text-editor\" data-id=\"04b2210\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>In my opinion, using AWS Amplify provides one of the fastest ways to get a new web application from idea to prototype on AWS. AWS Amplify is a framework for building modern applications, with a toolchain for easily adding services like authentication (via Amazon Cognito) or storage (via Amazon Simple Storage Service (S3)) or GraphQL APIs, all via a command-line interface. AWS Amplify Console makes continuous deployment and hosting for your modern web apps easy. It supports hosting the frontend and backend assets for single page app (SPA) frameworks including React, Angular, Vue.js, Ionic, and Ember. Amplify Console hosting provides a git-based workflow for hosting fullstack serverless web apps with continuous deployment.<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9692157 jltma-glass-effect-no elementor-widget elementor-widget-text-editor\" data-id=\"9692157\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>By using Amplify Console, you can take advantage of features like continuous deployment, instant cache invalidation, custom redirects, and simple configuration of custom domains.<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c07980a jltma-glass-effect-no elementor-widget elementor-widget-text-editor\" data-id=\"c07980a\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>After choosing Amplify Console for hosting, I can pick manual deployment or continuous deployment using a git-based workflow.<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c7a5682 jltma-glass-effect-no elementor-widget elementor-widget-heading\" data-id=\"c7a5682\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Continuous deployment<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-84ac288 jltma-glass-effect-no elementor-widget elementor-widget-text-editor\" data-id=\"84ac288\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>First, I\u2019m going to set up continuous deployment so that changes to our git repo will trigger a build and deploy.<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0ad8e47 jltma-glass-effect-no elementor-widget elementor-widget-text-editor\" data-id=\"0ad8e47\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>If you are starting from the &#8220;All apps&#8221; page, choose &#8220;New app, Host web app&#8221; in the upper right corner.<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"has_ma_el_bg_slider elementor-section elementor-top-section elementor-element elementor-element-1178a53 elementor-section-boxed elementor-section-height-default elementor-section-height-default jltma-glass-effect-no\" data-id=\"1178a53\" data-element_type=\"section\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"has_ma_el_bg_slider elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-419028b jltma-glass-effect-no\" data-id=\"419028b\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-8bd691b jltma-glass-effect-no elementor-widget elementor-widget-image\" data-id=\"8bd691b\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1366\" height=\"324\" src=\"https:\/\/techpearl.com\/1719395789229\/wp-content\/uploads\/2021\/11\/img1-7.png\" class=\"attachment-full size-full\" alt=\"img1 7\" srcset=\"https:\/\/techpearl.com\/1719395789229\/wp-content\/uploads\/2021\/11\/img1-7.png 1366w, https:\/\/techpearl.com\/1719395789229\/wp-content\/uploads\/2021\/11\/img1-7-300x71.png 300w, https:\/\/techpearl.com\/1719395789229\/wp-content\/uploads\/2021\/11\/img1-7-1024x243.png 1024w, https:\/\/techpearl.com\/1719395789229\/wp-content\/uploads\/2021\/11\/img1-7-768x182.png 768w\" sizes=\"auto, (max-width: 1366px) 100vw, 1366px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-19baa6f jltma-glass-effect-no elementor-widget elementor-widget-text-editor\" data-id=\"19baa6f\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\tAs my forked repo is on GitLab, I chose GitLab to host my web app. I also need to authorize Amplify Console to use my GitLab account.\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2b9555f jltma-glass-effect-no elementor-widget elementor-widget-image\" data-id=\"2b9555f\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1252\" height=\"518\" src=\"https:\/\/techpearl.com\/1719395789229\/wp-content\/uploads\/2021\/11\/img2-1-1.png\" class=\"attachment-full size-full\" alt=\"img2 1 1\" srcset=\"https:\/\/techpearl.com\/1719395789229\/wp-content\/uploads\/2021\/11\/img2-1-1.png 1252w, https:\/\/techpearl.com\/1719395789229\/wp-content\/uploads\/2021\/11\/img2-1-1-300x124.png 300w, https:\/\/techpearl.com\/1719395789229\/wp-content\/uploads\/2021\/11\/img2-1-1-1024x424.png 1024w, https:\/\/techpearl.com\/1719395789229\/wp-content\/uploads\/2021\/11\/img2-1-1-768x318.png 768w\" sizes=\"auto, (max-width: 1252px) 100vw, 1252px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-14a822e jltma-glass-effect-no elementor-widget elementor-widget-text-editor\" data-id=\"14a822e\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\tOnce a provider is authorized, I choose the repo and branch to watch for changes.\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-8452e48 jltma-glass-effect-no elementor-widget elementor-widget-image\" data-id=\"8452e48\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1256\" height=\"528\" src=\"https:\/\/techpearl.com\/1719395789229\/wp-content\/uploads\/2021\/11\/img3-5.png\" class=\"attachment-full size-full\" alt=\"img3 5\" srcset=\"https:\/\/techpearl.com\/1719395789229\/wp-content\/uploads\/2021\/11\/img3-5.png 1256w, https:\/\/techpearl.com\/1719395789229\/wp-content\/uploads\/2021\/11\/img3-5-300x126.png 300w, https:\/\/techpearl.com\/1719395789229\/wp-content\/uploads\/2021\/11\/img3-5-1024x430.png 1024w, https:\/\/techpearl.com\/1719395789229\/wp-content\/uploads\/2021\/11\/img3-5-768x323.png 768w\" sizes=\"auto, (max-width: 1256px) 100vw, 1256px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-5faf38a jltma-glass-effect-no elementor-widget elementor-widget-text-editor\" data-id=\"5faf38a\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\tOnce I\u2019ve confirmed the settings, the initial build and deploy will start.\n\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-587b4a0 jltma-glass-effect-no elementor-widget elementor-widget-image\" data-id=\"587b4a0\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1252\" height=\"592\" src=\"https:\/\/techpearl.com\/1719395789229\/wp-content\/uploads\/2021\/11\/img4-1.jpg\" class=\"attachment-full size-full\" alt=\"img4 1\" srcset=\"https:\/\/techpearl.com\/1719395789229\/wp-content\/uploads\/2021\/11\/img4-1.jpg 1252w, https:\/\/techpearl.com\/1719395789229\/wp-content\/uploads\/2021\/11\/img4-1-300x142.jpg 300w, https:\/\/techpearl.com\/1719395789229\/wp-content\/uploads\/2021\/11\/img4-1-1024x484.jpg 1024w, https:\/\/techpearl.com\/1719395789229\/wp-content\/uploads\/2021\/11\/img4-1-768x363.jpg 768w\" sizes=\"auto, (max-width: 1252px) 100vw, 1252px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-6edc086 jltma-glass-effect-no elementor-widget elementor-widget-text-editor\" data-id=\"6edc086\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\tThen any changes to the selected git branch will result in additional builds and deploys. A quick check of the URL in my browser confirms that the app has been successfully deployed.\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"has_ma_el_bg_slider elementor-section elementor-top-section elementor-element elementor-element-5d0e894 elementor-section-boxed elementor-section-height-default elementor-section-height-default jltma-glass-effect-no\" data-id=\"5d0e894\" data-element_type=\"section\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"has_ma_el_bg_slider elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-07e6c11 jltma-glass-effect-no\" data-id=\"07e6c11\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-9aeb316 jltma-glass-effect-no elementor-widget elementor-widget-heading\" data-id=\"9aeb316\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Manual deployment<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e03b56a jltma-glass-effect-no elementor-widget elementor-widget-text-editor\" data-id=\"e03b56a\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>From the &#8220;All apps&#8221; page, choose &#8220;New app, Host web app&#8221; in the upper right corner.<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-7a29977 jltma-glass-effect-no elementor-widget elementor-widget-image\" data-id=\"7a29977\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1258\" height=\"306\" src=\"https:\/\/techpearl.com\/1719395789229\/wp-content\/uploads\/2021\/11\/img5-1.png\" class=\"attachment-full size-full\" alt=\"img5 1\" srcset=\"https:\/\/techpearl.com\/1719395789229\/wp-content\/uploads\/2021\/11\/img5-1.png 1258w, https:\/\/techpearl.com\/1719395789229\/wp-content\/uploads\/2021\/11\/img5-1-300x73.png 300w, https:\/\/techpearl.com\/1719395789229\/wp-content\/uploads\/2021\/11\/img5-1-1024x249.png 1024w, https:\/\/techpearl.com\/1719395789229\/wp-content\/uploads\/2021\/11\/img5-1-768x187.png 768w\" sizes=\"auto, (max-width: 1258px) 100vw, 1258px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-23fb2d8 jltma-glass-effect-no elementor-widget elementor-widget-text-editor\" data-id=\"23fb2d8\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>On the \u201cHost your web app\u201d page, choose &#8220;Deploy without Git provider&#8221;. Then, choose &#8220;Continue&#8221;.<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e86bd01 jltma-glass-effect-no elementor-widget elementor-widget-image\" data-id=\"e86bd01\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1260\" height=\"566\" src=\"https:\/\/techpearl.com\/1719395789229\/wp-content\/uploads\/2021\/11\/img6.png\" class=\"attachment-full size-full\" alt=\"img6\" srcset=\"https:\/\/techpearl.com\/1719395789229\/wp-content\/uploads\/2021\/11\/img6.png 1260w, https:\/\/techpearl.com\/1719395789229\/wp-content\/uploads\/2021\/11\/img6-300x135.png 300w, https:\/\/techpearl.com\/1719395789229\/wp-content\/uploads\/2021\/11\/img6-1024x460.png 1024w, https:\/\/techpearl.com\/1719395789229\/wp-content\/uploads\/2021\/11\/img6-768x345.png 768w\" sizes=\"auto, (max-width: 1260px) 100vw, 1260px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e657a8d jltma-glass-effect-no elementor-widget elementor-widget-text-editor\" data-id=\"e657a8d\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\tIn the Start a manual deployment section, for App name, enter the name of your app. For the Environment name, enter a meaningful name for the environment, such as development or production. For Method, choose Drag and drop. Either drag and drop files from your desktop onto the drop zone or use Choose files to select the files from your computer. The files that you drag and drop or select can be a folder or a zip file that contains the root of your site. Choose Save and deploy.\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-aa9d24d jltma-glass-effect-no elementor-widget elementor-widget-image\" data-id=\"aa9d24d\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1258\" height=\"554\" src=\"https:\/\/techpearl.com\/1719395789229\/wp-content\/uploads\/2021\/11\/img7.jpg\" class=\"attachment-full size-full\" alt=\"img7\" srcset=\"https:\/\/techpearl.com\/1719395789229\/wp-content\/uploads\/2021\/11\/img7.jpg 1258w, https:\/\/techpearl.com\/1719395789229\/wp-content\/uploads\/2021\/11\/img7-300x132.jpg 300w, https:\/\/techpearl.com\/1719395789229\/wp-content\/uploads\/2021\/11\/img7-1024x451.jpg 1024w, https:\/\/techpearl.com\/1719395789229\/wp-content\/uploads\/2021\/11\/img7-768x338.jpg 768w\" sizes=\"auto, (max-width: 1258px) 100vw, 1258px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"has_ma_el_bg_slider elementor-section elementor-top-section elementor-element elementor-element-913ead5 elementor-section-content-middle elementor-section-boxed elementor-section-height-default elementor-section-height-default jltma-glass-effect-no\" data-id=\"913ead5\" data-element_type=\"section\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"has_ma_el_bg_slider elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-18c8757 jltma-glass-effect-no\" data-id=\"18c8757\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-7e651be jltma-glass-effect-no elementor-widget elementor-widget-heading\" data-id=\"7e651be\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Feature branch deployments and team workflows<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-05f650c jltma-glass-effect-no elementor-widget elementor-widget-text-editor\" data-id=\"05f650c\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>The Amplify Console is designed to work with feature branches and GitFlow workflows. The Amplify Console leverages Git branches to create new deployments every time a developer connects a new branch in their repository. After connecting your first branch, you can create a new feature branch deployment by adding a branch as follows:<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-2f4bbc5 jltma-glass-effect-no elementor-widget elementor-widget-text-editor\" data-id=\"2f4bbc5\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<ul><li>On the branch list page, choose Connect branch.<\/li><li>Choose a branch from your repository.<\/li><li>Save and then deploy your app.<\/li><\/ul>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-e1a4e57 jltma-glass-effect-no elementor-widget elementor-widget-text-editor\" data-id=\"e1a4e57\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>Your app now has two deployments available at https:\/\/main.appid.amplifyapp.com and https:\/\/dev.appid.amplifyapp.com. This may vary from team-to-team, but typically the main branch (formerly referred to as the master branch) tracks release code and is your production branch. The develop branch is used as an integration branch to test new features. This way beta testers can test unreleased features on the develop branch deployment, without affecting any of the production end users on the main branch deployment.<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-387a0e8 jltma-glass-effect-no elementor-widget elementor-widget-image\" data-id=\"387a0e8\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/techpearl.com\/1719395789229\/contact-us\/\">\n\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"220\" src=\"https:\/\/techpearl.com\/1719395789229\/wp-content\/uploads\/2021\/11\/mobile-1.jpg\" class=\"attachment-full size-full\" alt=\"mobile 1\" srcset=\"https:\/\/techpearl.com\/1719395789229\/wp-content\/uploads\/2021\/11\/mobile-1.jpg 1024w, https:\/\/techpearl.com\/1719395789229\/wp-content\/uploads\/2021\/11\/mobile-1-300x64.jpg 300w, https:\/\/techpearl.com\/1719395789229\/wp-content\/uploads\/2021\/11\/mobile-1-768x165.jpg 768w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/>\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"has_ma_el_bg_slider elementor-section elementor-top-section elementor-element elementor-element-382f1de elementor-section-content-middle elementor-section-boxed elementor-section-height-default elementor-section-height-default jltma-glass-effect-no\" data-id=\"382f1de\" data-element_type=\"section\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"has_ma_el_bg_slider elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-c7f6fe0 jltma-glass-effect-no\" data-id=\"c7f6fe0\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-8c1ff2e jltma-glass-effect-no elementor-widget elementor-widget-heading\" data-id=\"8c1ff2e\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Getting started with existing code<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-fd56896 jltma-glass-effect-no elementor-widget elementor-widget-text-editor\" data-id=\"fd56896\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>In this walkthrough, you learn how to continuously build, deploy, and host a modern web app. Modern web apps include Single Page App (SPA) frameworks (for example, React, Angular, or Vue).<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-0f4c5f7 jltma-glass-effect-no elementor-widget elementor-widget-text-editor\" data-id=\"0f4c5f7\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>To get started, go to your created app and click on the \u201cConnect branch\u201d button to the right corner.<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-09c6d8f jltma-glass-effect-no elementor-widget elementor-widget-image\" data-id=\"09c6d8f\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/techpearl.com\/1719395789229\/contact-us\/\">\n\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1258\" height=\"370\" src=\"https:\/\/techpearl.com\/1719395789229\/wp-content\/uploads\/2021\/11\/img8-1.png\" class=\"attachment-full size-full\" alt=\"img8 1\" srcset=\"https:\/\/techpearl.com\/1719395789229\/wp-content\/uploads\/2021\/11\/img8-1.png 1258w, https:\/\/techpearl.com\/1719395789229\/wp-content\/uploads\/2021\/11\/img8-1-300x88.png 300w, https:\/\/techpearl.com\/1719395789229\/wp-content\/uploads\/2021\/11\/img8-1-1024x301.png 1024w, https:\/\/techpearl.com\/1719395789229\/wp-content\/uploads\/2021\/11\/img8-1-768x226.png 768w\" sizes=\"auto, (max-width: 1258px) 100vw, 1258px\" \/>\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-9f638bc jltma-glass-effect-no elementor-widget elementor-widget-text-editor\" data-id=\"9f638bc\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\tOn clicking the connect branch, it will ask you to select any branch from the repository which you have connected while creating the app. Select a branch which you want to host and click next.\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-a2ba706 jltma-glass-effect-no elementor-widget elementor-widget-image\" data-id=\"a2ba706\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/techpearl.com\/1719395789229\/contact-us\/\">\n\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1218\" height=\"472\" src=\"https:\/\/techpearl.com\/1719395789229\/wp-content\/uploads\/2021\/11\/img9-1.png\" class=\"attachment-full size-full\" alt=\"img9 1\" srcset=\"https:\/\/techpearl.com\/1719395789229\/wp-content\/uploads\/2021\/11\/img9-1.png 1218w, https:\/\/techpearl.com\/1719395789229\/wp-content\/uploads\/2021\/11\/img9-1-300x116.png 300w, https:\/\/techpearl.com\/1719395789229\/wp-content\/uploads\/2021\/11\/img9-1-1024x397.png 1024w, https:\/\/techpearl.com\/1719395789229\/wp-content\/uploads\/2021\/11\/img9-1-768x298.png 768w\" sizes=\"auto, (max-width: 1218px) 100vw, 1218px\" \/>\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-f74a6db jltma-glass-effect-no elementor-widget elementor-widget-text-editor\" data-id=\"f74a6db\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>This will take you to review for a final check with the \u201cSave and Deploy\u201d option. Review all of your settings to ensure everything is set up correctly. Choose Save and deploy to deploy your web app to a global content delivery network (CDN). Your front end build typically takes 1 to 2 minutes but can vary based on size of the app.<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-d91c12a jltma-glass-effect-no elementor-widget elementor-widget-text-editor\" data-id=\"d91c12a\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>Access the build logs screen by selecting a progress indicator on the branch tile. A build has the following stages:<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-bcd2c07 jltma-glass-effect-no elementor-widget elementor-widget-text-editor\" data-id=\"bcd2c07\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<ol><li><strong style=\"font-size: 16px; font-style: normal;\">Provision &#8211;<\/strong> Your build environment is set up using a Docker image on a host with 4 vCPU, 7GB memory. Each build gets its own host instance, ensuring that all resources are securely isolated. The contents of the Docker file are displayed to ensure that the default image supports your requirements.<\/li><li><strong>Build &#8211;<\/strong> The build phase consists of three stages: setup (clones repository into container), deploy backend (runs the Amplify CLI to deploy backend resources), and build front end (builds your front-end artifacts).<\/li><li><strong>Deploy &#8211;<\/strong> When the build is complete, all artifacts are deployed to a hosting environment managed by Amplify. Every deployment is atomic &#8211; atomic deployments eliminate maintenance windows by ensuring that the web app is only updated after the entire deployment has completed.<\/li><li><strong>Verify &#8211;<\/strong> To verify that your app works correctly, Amplify renders screen shots of the index.html in multiple device resolutions using Headless Chrome.<\/li><\/ol>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-520013d jltma-glass-effect-no elementor-widget elementor-widget-image\" data-id=\"520013d\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<a href=\"https:\/\/techpearl.com\/1719395789229\/contact-us\/\">\n\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1254\" height=\"816\" src=\"https:\/\/techpearl.com\/1719395789229\/wp-content\/uploads\/2021\/11\/img10-1.png\" class=\"attachment-full size-full\" alt=\"img10 1\" srcset=\"https:\/\/techpearl.com\/1719395789229\/wp-content\/uploads\/2021\/11\/img10-1.png 1254w, https:\/\/techpearl.com\/1719395789229\/wp-content\/uploads\/2021\/11\/img10-1-300x195.png 300w, https:\/\/techpearl.com\/1719395789229\/wp-content\/uploads\/2021\/11\/img10-1-1024x666.png 1024w, https:\/\/techpearl.com\/1719395789229\/wp-content\/uploads\/2021\/11\/img10-1-768x500.png 768w\" sizes=\"auto, (max-width: 1254px) 100vw, 1254px\" \/>\t\t\t\t\t\t\t\t<\/a>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"has_ma_el_bg_slider elementor-section elementor-top-section elementor-element elementor-element-5c6b271 elementor-section-boxed elementor-section-height-default elementor-section-height-default jltma-glass-effect-no\" data-id=\"5c6b271\" data-element_type=\"section\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"has_ma_el_bg_slider elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-01508f8 jltma-glass-effect-no\" data-id=\"01508f8\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-c812a3e jltma-glass-effect-no elementor-widget elementor-widget-heading\" data-id=\"c812a3e\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">AWS Amplify hosting features<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"has_ma_el_bg_slider elementor-section elementor-top-section elementor-element elementor-element-e823883 elementor-section-boxed elementor-section-height-default elementor-section-height-default jltma-glass-effect-no\" data-id=\"e823883\" data-element_type=\"section\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"has_ma_el_bg_slider elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-c51055c jltma-glass-effect-no\" data-id=\"c51055c\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-040bbe5 jltma-glass-effect-no elementor-widget elementor-widget-image\" data-id=\"040bbe5\" data-element_type=\"widget\" data-widget_type=\"image.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<img loading=\"lazy\" decoding=\"async\" width=\"1024\" height=\"768\" src=\"https:\/\/techpearl.com\/1719395789229\/wp-content\/uploads\/2021\/11\/AWS-Amplify.png\" class=\"attachment-full size-full\" alt=\"AWS Amplify Features\" srcset=\"https:\/\/techpearl.com\/1719395789229\/wp-content\/uploads\/2021\/11\/AWS-Amplify.png 1024w, https:\/\/techpearl.com\/1719395789229\/wp-content\/uploads\/2021\/11\/AWS-Amplify-300x225.png 300w, https:\/\/techpearl.com\/1719395789229\/wp-content\/uploads\/2021\/11\/AWS-Amplify-768x576.png 768w\" sizes=\"auto, (max-width: 1024px) 100vw, 1024px\" \/>\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"has_ma_el_bg_slider elementor-section elementor-top-section elementor-element elementor-element-fd8ddfb elementor-section-content-middle elementor-section-boxed elementor-section-height-default elementor-section-height-default jltma-glass-effect-no\" data-id=\"fd8ddfb\" data-element_type=\"section\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"has_ma_el_bg_slider elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-186db8e jltma-glass-effect-no\" data-id=\"186db8e\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-1751219 jltma-glass-effect-no elementor-widget elementor-widget-text-editor\" data-id=\"1751219\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<ul><li>Manage production and staging environments for your frontend and backend by connecting new branches.<\/li><li>Connect your application to a custom domain.<\/li><li>Preview changes during code reviews by setting up pull request previews.<\/li><li>Improve your app quality with end to end tests.<\/li><li>Passwords protect your web app so you can work on new features without making them publicly accessible.<\/li><li>Set up rewrites and redirects to maintain SEO rankings and route traffic based on your client app requirements.<\/li><li>Instant cache invalidations ensure your app is updated instantly on every code commit.<\/li><li>Atomic deployments eliminate maintenance windows by ensuring that the web app is updated only after the entire deployment finishes. This eliminates scenarios where files fail to upload properly.<\/li><li>Get screenshots of your app rendered on different mobile devices to identify layout issues.<\/li><\/ul>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-fd3293f jltma-glass-effect-no elementor-widget elementor-widget-text-editor\" data-id=\"fd3293f\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p><i>Techpearl&#8217;s professionals expertise in Amazon Web Services.\u00a0<a href=\"http:\/\/techpearl.com\/1719395789229\/services\/\">Click here<\/a>\u00a0to find out how we can cutomise the best Web apps for you.<\/i><\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-be80773 bdt-ss-btns-view-icon bdt-ss-btns-shape-rounded bdt-ss-btns-align-left bdt-ep-grid-0 bdt-ss-btns-style-flat bdt-ss-btns-color-original jltma-glass-effect-no elementor-widget elementor-widget-bdt-social-share\" data-id=\"be80773\" data-element_type=\"widget\" data-widget_type=\"bdt-social-share.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"bdt-social-share bdt-ep-grid\">\n\t\t\t\t\t\t\t<div class=\"bdt-social-share-item bdt-ep-grid-item\">\n\t\t\t\t\t<div class=\"bdt-ss-btn bdt-ss-linkedin\" data-social=\"linkedin\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"bdt-ss-icon\">\n\t\t\t\t\t\t\t\t<i class=\"ep-linkedin\"><\/i>\n\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"bdt-social-share-item bdt-ep-grid-item\">\n\t\t\t\t\t<div class=\"bdt-ss-btn bdt-ss-twitter\" data-social=\"twitter\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"bdt-ss-icon\">\n\t\t\t\t\t\t\t\t<i class=\"ep-twitter\"><\/i>\n\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t\t\t<div class=\"bdt-social-share-item bdt-ep-grid-item\">\n\t\t\t\t\t<div class=\"bdt-ss-btn bdt-ss-facebook\" data-social=\"facebook\">\n\t\t\t\t\t\t\t\t\t\t\t\t\t<span class=\"bdt-ss-icon\">\n\t\t\t\t\t\t\t\t<i class=\"ep-facebook\"><\/i>\n\t\t\t\t\t\t\t<\/span>\n\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t\t<\/div>\n\n\t\t\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"has_ma_el_bg_slider elementor-section elementor-top-section elementor-element elementor-element-f70e0d5 elementor-section-boxed elementor-section-height-default elementor-section-height-default jltma-glass-effect-no\" data-id=\"f70e0d5\" data-element_type=\"section\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"has_ma_el_bg_slider elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-9189214 jltma-glass-effect-no\" data-id=\"9189214\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-70048a2 jltma-glass-effect-no elementor-widget elementor-widget-heading\" data-id=\"70048a2\" data-element_type=\"widget\" data-widget_type=\"heading.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t<h2 class=\"elementor-heading-title elementor-size-default\">Read More Articles<\/h2>\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"has_ma_el_bg_slider elementor-section elementor-top-section elementor-element elementor-element-48020ca elementor-section-boxed elementor-section-height-default elementor-section-height-default jltma-glass-effect-no\" data-id=\"48020ca\" data-element_type=\"section\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"has_ma_el_bg_slider elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-ac70b71 jltma-glass-effect-no\" data-id=\"ac70b71\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-898454d elementor-grid-3 elementor-grid-tablet-2 elementor-grid-mobile-1 elementor-posts--thumbnail-top elementor-card-shadow-yes elementor-posts__hover-gradient jltma-glass-effect-no elementor-widget elementor-widget-posts\" data-id=\"898454d\" data-element_type=\"widget\" data-settings=\"{&quot;cards_row_gap&quot;:{&quot;unit&quot;:&quot;px&quot;,&quot;size&quot;:46,&quot;sizes&quot;:[]},&quot;cards_columns&quot;:&quot;3&quot;,&quot;cards_columns_tablet&quot;:&quot;2&quot;,&quot;cards_columns_mobile&quot;:&quot;1&quot;}\" data-widget_type=\"posts.cards\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-posts-container elementor-posts elementor-posts--skin-cards elementor-grid\">\n\t\t\t\t<article class=\"elementor-post elementor-grid-item post-20585 post type-post status-publish format-standard has-post-thumbnail hentry category-blog\">\n\t\t\t<div class=\"elementor-post__card\">\n\t\t\t\t<a class=\"elementor-post__thumbnail__link\" href=\"https:\/\/techpearl.com\/1719395789229\/breaking-the-api-mold\/\" >\n\t\t\t<div class=\"elementor-post__thumbnail\"><img loading=\"lazy\" decoding=\"async\" width=\"768\" height=\"432\" src=\"https:\/\/techpearl.com\/1719395789229\/wp-content\/uploads\/2025\/09\/14-768x432.jpg\" class=\"attachment-medium_large size-medium_large\" alt=\"\" srcset=\"https:\/\/techpearl.com\/1719395789229\/wp-content\/uploads\/2025\/09\/14-768x432.jpg 768w, https:\/\/techpearl.com\/1719395789229\/wp-content\/uploads\/2025\/09\/14-300x169.jpg 300w, https:\/\/techpearl.com\/1719395789229\/wp-content\/uploads\/2025\/09\/14.jpg 1024w\" sizes=\"auto, (max-width: 768px) 100vw, 768px\" \/><\/div>\n\t\t<\/a>\n\t\t\t\t<div class=\"elementor-post__badge\">blog<\/div>\n\t\t\t\t<div class=\"elementor-post__text\">\n\t\t\t\t<h3 class=\"elementor-post__title\">\n\t\t\t<a href=\"https:\/\/techpearl.com\/1719395789229\/breaking-the-api-mold\/\" >\n\t\t\t\tBreaking the API Mold: A new era of AI-Driven Customer Journeys\t\t\t<\/a>\n\t\t<\/h3>\n\t\t\t\t<div class=\"elementor-post__excerpt\">\n\t\t\t<p>React vs. Angular: Choosing the Right Framework for Your Project In the fast- paced world of financial services, speed, accuracy and scalability are critical. Yet,<\/p>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-post__meta-data\">\n\t\t\t\t\t<span class=\"elementor-post-author\">\n\t\t\tSiddharth Singh\t\t<\/span>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/article>\n\t\t\t\t<article class=\"elementor-post elementor-grid-item post-20556 post type-post status-publish format-standard has-post-thumbnail hentry category-blog\">\n\t\t\t<div class=\"elementor-post__card\">\n\t\t\t\t<a class=\"elementor-post__thumbnail__link\" href=\"https:\/\/techpearl.com\/1719395789229\/react-vs-angular\/\" >\n\t\t\t<div class=\"elementor-post__thumbnail\"><img loading=\"lazy\" decoding=\"async\" width=\"768\" height=\"432\" src=\"https:\/\/techpearl.com\/1719395789229\/wp-content\/uploads\/2025\/07\/6-1-768x432.jpg\" class=\"attachment-medium_large size-medium_large\" alt=\"6 1\" srcset=\"https:\/\/techpearl.com\/1719395789229\/wp-content\/uploads\/2025\/07\/6-1-768x432.jpg 768w, https:\/\/techpearl.com\/1719395789229\/wp-content\/uploads\/2025\/07\/6-1-300x169.jpg 300w, https:\/\/techpearl.com\/1719395789229\/wp-content\/uploads\/2025\/07\/6-1.jpg 1024w\" sizes=\"auto, (max-width: 768px) 100vw, 768px\" \/><\/div>\n\t\t<\/a>\n\t\t\t\t<div class=\"elementor-post__badge\">blog<\/div>\n\t\t\t\t<div class=\"elementor-post__text\">\n\t\t\t\t<h3 class=\"elementor-post__title\">\n\t\t\t<a href=\"https:\/\/techpearl.com\/1719395789229\/react-vs-angular\/\" >\n\t\t\t\tReact vs. Angular: Choosing the Right Framework for Your Project\t\t\t<\/a>\n\t\t<\/h3>\n\t\t\t\t<div class=\"elementor-post__excerpt\">\n\t\t\t<p>React vs. Angular: Choosing the Right Framework for Your Project In the world of frontend development, React and Angular are two of the most popular<\/p>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-post__meta-data\">\n\t\t\t\t\t<span class=\"elementor-post-author\">\n\t\t\tTrupti Panchal\t\t<\/span>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/article>\n\t\t\t\t<article class=\"elementor-post elementor-grid-item post-20547 post type-post status-publish format-standard has-post-thumbnail hentry category-blog\">\n\t\t\t<div class=\"elementor-post__card\">\n\t\t\t\t<a class=\"elementor-post__thumbnail__link\" href=\"https:\/\/techpearl.com\/1719395789229\/amazon-q-for-developers\/\" >\n\t\t\t<div class=\"elementor-post__thumbnail\"><img loading=\"lazy\" decoding=\"async\" width=\"768\" height=\"432\" src=\"https:\/\/techpearl.com\/1719395789229\/wp-content\/uploads\/2025\/07\/6-768x432.jpg\" class=\"attachment-medium_large size-medium_large\" alt=\"6\" srcset=\"https:\/\/techpearl.com\/1719395789229\/wp-content\/uploads\/2025\/07\/6-768x432.jpg 768w, https:\/\/techpearl.com\/1719395789229\/wp-content\/uploads\/2025\/07\/6-300x169.jpg 300w, https:\/\/techpearl.com\/1719395789229\/wp-content\/uploads\/2025\/07\/6.jpg 1024w\" sizes=\"auto, (max-width: 768px) 100vw, 768px\" \/><\/div>\n\t\t<\/a>\n\t\t\t\t<div class=\"elementor-post__badge\">blog<\/div>\n\t\t\t\t<div class=\"elementor-post__text\">\n\t\t\t\t<h3 class=\"elementor-post__title\">\n\t\t\t<a href=\"https:\/\/techpearl.com\/1719395789229\/amazon-q-for-developers\/\" >\n\t\t\t\tAmazon Q for Developers: Level Up Your Productivity with AI\t\t\t<\/a>\n\t\t<\/h3>\n\t\t\t\t<div class=\"elementor-post__excerpt\">\n\t\t\t<p>Amazon Q Developer is AWS&#8217;s new generative AI assistant purpose-built to transform the workflow of software developers and IT professionals. Unlike generic AI chatbots, Amazon<\/p>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-post__meta-data\">\n\t\t\t\t\t<span class=\"elementor-post-author\">\n\t\t\tVinod Charan Kumar\t\t<\/span>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/article>\n\t\t\t\t<\/div>\n\n\n\t\t\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t<section class=\"has_ma_el_bg_slider elementor-section elementor-top-section elementor-element elementor-element-21b05b9 elementor-section-boxed elementor-section-height-default elementor-section-height-default jltma-glass-effect-no\" data-id=\"21b05b9\" data-element_type=\"section\" data-settings=\"{&quot;_ha_eqh_enable&quot;:false}\">\n\t\t\t\t\t\t<div class=\"elementor-container elementor-column-gap-default\">\n\t\t\t\t\t<div class=\"has_ma_el_bg_slider elementor-column elementor-col-100 elementor-top-column elementor-element elementor-element-ef09f95 jltma-glass-effect-no\" data-id=\"ef09f95\" data-element_type=\"column\">\n\t\t\t<div class=\"elementor-widget-wrap elementor-element-populated\">\n\t\t\t\t\t\t\t\t<div class=\"elementor-element elementor-element-0c4b298 jltma-glass-effect-no elementor-widget elementor-widget-text-editor\" data-id=\"0c4b298\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>\u00a0Contact Us <span style=\"color: #f26a22;\">Now<\/span><\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-c05d224 jltma-glass-effect-no elementor-widget elementor-widget-text-editor\" data-id=\"c05d224\" data-element_type=\"widget\" data-widget_type=\"text-editor.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t\t\t<p>Talk to us to find out about our flexible engagement models.<\/p>\t\t\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<div class=\"elementor-element elementor-element-81c3589 elementor-align-center elementor-tablet-align-center elementor-mobile-align-center jltma-glass-effect-no elementor-widget elementor-widget-button\" data-id=\"81c3589\" data-element_type=\"widget\" data-widget_type=\"button.default\">\n\t\t\t\t<div class=\"elementor-widget-container\">\n\t\t\t\t\t<div class=\"elementor-button-wrapper\">\n\t\t\t<a href=\"#\" class=\"elementor-button-link elementor-button elementor-size-md\" role=\"button\">\n\t\t\t\t\t\t<span class=\"elementor-button-content-wrapper\">\n\t\t\t\t\t\t<span class=\"elementor-button-text\">Get Started<\/span>\n\t\t<\/span>\n\t\t\t\t\t<\/a>\n\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t<\/div>\n\t\t\t\t\t\t\t<\/div>\n\t\t<\/section>\n\t\t\t\t\t\t<\/div>\n\t\t\t\t\t<\/div>\n\t\t","protected":false},"excerpt":{"rendered":"<p>In my opinion, using AWS Amplify provides one of the fastest ways to get a new web application from idea to prototype on AWS. AWS Amplify is a framework for building modern applications, with a toolchain for easily adding services like authentication (via Amazon Cognito) or storage (via Amazon Simple Storage Service (S3)) or GraphQL &hellip;<\/p>\n<p class=\"read-more\"> <a class=\"\" href=\"https:\/\/techpearl.com\/1719395789229\/amazon-q-for-developers\/\"> <span class=\"screen-reader-text\">Amazon Q for Developers: Level Up Your Productivity with AI<\/span> Read More &raquo;<\/a><\/p>\n","protected":false},"author":6,"featured_media":10866,"comment_status":"open","ping_status":"open","sticky":false,"template":"elementor_header_footer","format":"standard","meta":{"footnotes":""},"categories":[22,63,17,21,23],"tags":[51,52],"class_list":["post-4413","post","type-post","status-publish","format-standard","has-post-thumbnail","hentry","category-aws","category-blog","category-javascript","category-software-development","category-web-development","tag-aws","tag-software-development"],"_links":{"self":[{"href":"https:\/\/techpearl.com\/1719395789229\/wp-json\/wp\/v2\/posts\/4413","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/techpearl.com\/1719395789229\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/techpearl.com\/1719395789229\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/techpearl.com\/1719395789229\/wp-json\/wp\/v2\/users\/6"}],"replies":[{"embeddable":true,"href":"https:\/\/techpearl.com\/1719395789229\/wp-json\/wp\/v2\/comments?post=4413"}],"version-history":[{"count":130,"href":"https:\/\/techpearl.com\/1719395789229\/wp-json\/wp\/v2\/posts\/4413\/revisions"}],"predecessor-version":[{"id":17412,"href":"https:\/\/techpearl.com\/1719395789229\/wp-json\/wp\/v2\/posts\/4413\/revisions\/17412"}],"wp:featuredmedia":[{"embeddable":true,"href":"https:\/\/techpearl.com\/1719395789229\/wp-json\/wp\/v2\/media\/10866"}],"wp:attachment":[{"href":"https:\/\/techpearl.com\/1719395789229\/wp-json\/wp\/v2\/media?parent=4413"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/techpearl.com\/1719395789229\/wp-json\/wp\/v2\/categories?post=4413"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/techpearl.com\/1719395789229\/wp-json\/wp\/v2\/tags?post=4413"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}