Wilson Mar bio photo

Wilson Mar

Hello!

Email me Calendar Skype call

LinkedIn Twitter Gitter Instagram Youtube

Github Stackoverflow Pinterest

Create and host web & mobile apps in a low-code way within AWS

US (English)   Español (Spanish)   Français (French)   Deutsch (German)   Italiano   Português   Estonian   اَلْعَرَبِيَّةُ (Egypt Arabic)   中文 (简体) Chinese (Simplified)   日本語 Japanese   한국어 Korean

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.

BTW content here are my personal opinions, and not intended to represent any employer (past or present).

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.

VIDEO:

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

Figma to React components using AWS Amplify studio for Divante commerceBooster UI templates for ecommerce (shopping cart, etc.)

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