AWS Amplify

AWS Amplify Cheat Sheet

• AWS Amplify is a platform that simplifies building and deploying full-stack applications with pre-built UI components, hosting options, and easy integration with AWS services. It’s flexible and scalable, making it easy to add new features and adapt to changing requirements.

Amplify Services

• AWS Amplify offers two main services: Amplify Hosting and Amplify Studio

     Amplify Hosting

• a fully managed CI/CD and hosting service for single-page applications (SPA), using AWS S3 and AWS CloudFront to deliver content to users around the world. Amplify takes care of managing servers, scaling the infrastructure, or configuring DNS settings for you.
• Key features
  • • Supports apps (built with Next.js 12 or later) that use server-side rendering (SSR)
    • Has deep integration with Cypress, which allows you to run end-to-end (E2E) tests. Cypress configurations and commands must be included in the amplify.yml build settings of your application.
    • Supports external repositories like GitHub, Bitbucket, and GitLab, making it easy to set up a continuous deployment pipeline for your existing web applications.
    • You can preview changes during code reviews
    • Offers password protection for your web app so it can’t be publicly viewable while you’re developing new features.
    • Provides instant cache invalidations to ensure that every code changes are immediately visible to users without purging the cache manually.
    • Set up rewrites and redirects to maintain SEO rankings.

     Amplify Studio

• A visual development environment for building serverless web applications.
• Offers a drag-and-drop interface for creating your app backend using AWS services, including Amazon Cognito, AWS Lambda, Amazon S3, AWS AppSync, and AWS DynamoDB.
• Provides templates and pre-built UI components to help accelerate development and reduce the amount of code needed to build applications.
• Offers a design-to-code integration with Figma, allowing you to convert Figma designs into code easily.
• Includes features such as version control, deployment previews, and integration with AWS CodePipeline.

Amplify CLI

• Provides a set of command-line tools for working with your Amplify project, such as creating a new project, adding authentication and APIs, and deploying your app to the cloud.
• Supports a variety of front-end frameworks, including React, Angular, Vue, and React Native, as well as back-end technologies like AWS Lambda and AWS AppSync.
• Supports local mocking and testing for API (AWS AppSync), Storage (Amazon DynamoDB and Amazon S3), and Functions (AWS Lambda).

AWS Amplify Pricing

• Amplify UI component library and design-to-code Figma integration – Free
• The use of backend services (AWS Lambda, DynamoDB, S3, etc) follows a pay-as-you-go model.

AWS Amplify Cheat Sheet References:

https://docs.aws.amazon.com/amplify/latest/userguide/welcome.html

https://docs.amplify.aws/