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 change is immediately visible to users without purging the cache manually.
    • Set up rewrites and redirects to maintain SEO rankings.
    • Supports monorepo deployments for multi-app repositories.
    • Provides custom HTTP headers configuration for enhanced security/SEO.
    • Offers build caching to significantly reduce build times.
    • Shows a build artifacts dashboard with full build history and logs.

     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 Gen 2 – Code-First Backend (NEW)

• Amplify Gen 2 allows backend creation using TypeScript code instead of Studio UI.

• It is built on AWS CDK, enabling deeper infrastructure customization.

• Infrastructure, data, and APIs can be managed fully via version-controlled code.

• Strong type-safety between backend and frontend models.

      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).

      Amplify API

• Uses GraphQL Transformer v2, offering improved resolver generation.
• Supports field-level authorization using enhanced @auth rules.
• Auto-generates TypeScript models for client-side usage.
• Real-time APIs with GraphQL subscriptions out of the box.

      Amplify Data (NEW)

• Code-first data modeling experience with strong type safety.
• Auto-provisions backend (AppSync, DynamoDB, S3, Lambda) based on schema.
• Generates typed client libraries for web & mobile development.
• Built-in real-time support with GraphQL subscriptions.
• Supports enhanced @auth rules for granular authorization.
• Integrates with Amplify Gen 2 for seamless fullstack (backend & frontend) type sharing.

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/