AWS Amplify is a set of purpose-built tools and features that enables frontend web and mobile developers to quickly and easily build full-stack applications on AWS. Amplify provides two services: Amplify Hosting and Amplify Studio. Amplify Hosting provides a git-based workflow for hosting full-stack serverless web apps with continuous deployment. This user guide provides the information you need to get started with Amplify Hosting.
Amplify Hosting supports the common SPA frameworks, for example, React, Angular, Vue.js, Ionic, and Ember, as well as static site generators like Gatsby, Eleventy, Hugo, VuePress, and Jekyll.
Manage production and staging environments for your frontend and backend by connecting new branches. See, feature branch deployments..
Connect your application to a custom domain. See, set up custom domain.
Deploy and host SSR web apps. Amplify Hosting automatically detects applications created using the Next.js framework. ( We’ll discuss this in Chapter 4. There are some bugs detecting wrong builds for Next.js 14 in Amplify and we will have a temporary fix.) Issue here.
Amplify also supports any Javascript based SSR framework with an open-source build adapter that transforms an application’s build output into the directory structure that Amplify Hosting expects. An adapter is available for deploying a Nuxt application to Amplify.
Preview changes during code reviews by setting up pull request previews.
Improve your app quality with end to end tests. See, end-to-end testing.
Password protect your web app so you can work on new features without making them publicly accessible. See, restricting access.
Set up rewrites and redirects to maintain SEO rankings and route traffic based on your client app requirements. See, using redirects.
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.
Note: All services are managed by Amplify, we can see how the service runs under Amplify, what are the resources used? Then Amplify integrates CloudWatch service for us to manage, click on All metric in the sidebar and select Usage and continue to select By AWS Resource.