Create and host web & mobile apps in a low-code way within AWS
Overview
Front-end designers and developers are excited about AWS Amplify Studio, which adds front-end UI development to AWS Amplify app hosting service. Announced on December 2, 2021 in (public preview), Amplify Studio accelerates UI development (with minimal coding) by automatically translating designs made in Figma to human-readable React UI component code. Within Amplify Studio, developers can visually connect UI components to app backend data supporting configuration and management capabilities.
NOTE: Content here are my personal opinions, and not intended to represent any employer (past or present). “PROTIP:” here highlight information I haven’t seen elsewhere on the internet because it is hard-won, little-know but significant facts based on my personal research and experience.
This aims to be a succinct yet deep dive about the “mind sets” needed by IT teams in the cloud.
Annoucement December 2021
Werner’s speech on it?
“AWS re:Invent 2021 - {New Launch} AWS Amplify Studio: Visually build full-stack web apps fast on AWS” gives a historical tour of what led up to Amplify Studio.
Docs
Amplify UI Docs - https://ui.docs.amplify.aws/
Amplify Sandbox - https://sandbox.amplifyapp.com/
Ali Spittel works on the product team.
Both web and mobile
CLI
PROTIP: Although says “build you back-end and front-end in one visual development environment”, much of the work is done with CLI commands.
npx create react app npm start amplify init ? Enter a name for your project _
Plugins extend CLI
Getting Started with Amplify Plugins! (livestream recording) feat. @wizages
Figma
https://www.figma.com/community/file/1047600760128127424 AWS Amplify UI Kit
YouTube videos:
Docs:
https://docs.amplify.aws/console/uibuilder/figmatocode/
https://www.youtube.com/watch?v=frjPqXYPgF0 First impression of AWS Amplify Studio – Figma to Fullstack React App With Minimal Programming