Figma to React to the Cloud: Build a Fullstack App with AWS Amplify Studio

Подписаться 7 тыс.

Просмотров 17 тыс.

50% 1

June 27, 2024: This video uses Amplify Gen 1, if you're starting a new Amplify app I recommend trying out Gen 2 - dev.to/aws/int...!
Use AWS Amplify Studio to generate React code from Figma components which are fully cloud-connected. We'll build a blog app in this tutorial!
👩🏼‍💻 Links Mentioned 👩🏼‍💻
Blog Post Version of this tutorial - acloudguru.com...
Amplify UI Docs - ui.docs.amplif...
Amplify Console - console.aws.am...
🌸 My Links 🌸
Blog - welearncode.com
Twitter - / aspittel
Twitch - / aspittel
Portfolio - alispit.tel

Опубликовано:

9 сен 2024

Ссылка:

Скачать:

Готовим ссылку...

Добавить в:

Мой плейлист

Посмотреть позже

Комментарии : 27

@ClarkeBishopConsulting 2 года назад

Thanks Ali! I am an AWS Cloud Architect, but leaning Amplify Studio for fun. One thing I'd like to learn more about is reference naming. Flex.Flex[0].Flex[0].Flex[1] ??? There's got to be a better way to have developer-friendly names. Please address this when you can.

@ah887-hagbd 6 месяцев назад

Thank you for the Demo! excellent video and still relevant

@nick.swoboda 2 года назад

Awesome video! I think the general release of Studio will be a huge game changer; thanks for getting us up to speed! Quick tip to show some appreciation- I work in Pro Audio & if you want your recordings to play out of both speakers on your videos-> Change your recording audio track to say "Mono" not "Stereo" & Export/ Render Setting to the same!(:

@clivebird5729 2 года назад

Awesome, Ali! Very very helpful. Just what I was seeking.

@harvuk7729 2 года назад

I was able to add 2 data stores to a component but when I try and make it into a collection I can only choose 1 data store. is there a way around this?

@aidennelson3171 Год назад

Thanks, may God bless! Definitely a helpful tutorial!

@joes1752 Год назад

Great introduction! Ty!

@jasondavis87 2 года назад

So happy i found your channel. Good stuff!

@1000monograms 2 года назад

Very good introduction video. Thank you!

@neiltucker1355 2 года назад

Thanks Ali this was really helpful

@emmasoreal7346 2 года назад

Thanks for this! Quick Question: Do we use the UI Buttons from Figma in their .JSX files, Import them to App.Js, use override & flex, or Router? I need to trigger withAuthentication func from app.js after the primary button is clicked from HeroLayout3. Sorry to be super specific but there isn't a lot of resources atm, Thank you!

@katrinaostrom4375 2 года назад

i also need to figure out how the buttons work. i literally cant figure out how to change a page when the button is pressed. :(

@JaLegendsDance 2 года назад

Hey can you build a tutorial on Building a membership with AWS Amplify, Cognito, and Stripe Billing Portal.. So after you rap your app with aws withauthenticator user will sign up and after success sign up they will redirect to pricing plan then to stripe checkout then user will be directed to protect content after paid signing user logout and signing back in they will be directed straight to protected content

@danielkanu8554 2 года назад

Did you ever find the solution for this?

@JaLegendsDance 2 года назад

@@danielkanu8554 no i don't

@RocknClassics 2 года назад

Found it! also in your page. Thanks!

@stephenalam6092 2 года назад

When I do an on click button for a component on one of my first pages it takes me to an empty tab which is what I wanted. However I would like to add things to this second tab but don't know how. Do you know how to edit an empty page after you have added an onclick function that takes you to it?