AWS Amplify Gen 2 Tutorial | Build a React To-Do App | AWS Projects

[@TinyTechnicalTutorials]

Finally, a Gen 2 video! 🤓🤓 Hope you like this one! Let me know what you think.

[@matthew-lawrence]

Thank you!

[@CC-tf1wq]

KZbin is in desperate need of more recent aws + gen2 videos, everything is 3-4 years old now. Thanks!

[@TinyTechnicalTutorials]

Yes, I've been wanting to get this one out for a long time. Enjoy! 🤓🔥

[@piglovesasy]

Amber, your voice is so soothing, it makes me focused yet comfortable.

[@TinyTechnicalTutorials]

Awww, thanks so much! Glad it helps! 😊

[@arishacharya4177]

I was stuck for days not knowing how to use gen2 for my project. You’re a legend 🙇‍♂️

[@TinyTechnicalTutorials]

So glad I could help! 🤓🙏 Thanks for watching, and for the nice comment!

[@kelsey_roy]

You’re an absolute gift to all humanity. I want to see an app that gets deployed in my homelab proxmox k3s Kubernetes cluster, as well as on EKS with full CI/CD pipeline all the way to prod

[@TinyTechnicalTutorials]

This comment is an absolute gift...I might have to frame it! 🥰🙏🔥 I definitely want to do some EKS stuff. I'll add this to my list for future videos. Thanks for supporting the channel!! 😊

[@roukken]

Perfect tutorial with great explanation of everything with enough detail not having to go too in depth, and everything worked just fine

[@TinyTechnicalTutorials]

Awesome work! 💪 Glad you got it working. Thanks for taking the time to leave such a nice comment! 🥰🙏

[@Localmarketpac]

Glad you're back. Like your style of instruction. More videos on current systems, Please, Please!!

[@TinyTechnicalTutorials]

Awwww...thanks so much!! 🥰 I'm slowly getting back to my regular schedule of posting, so more to come! 🤓

[@west2401]

Didn't think I'd see a video from u again...im glad your back🙂

[@TinyTechnicalTutorials]

Awww, thanks! 🥰 Sorry it's been such a long time...I'm baaaack!

[@kishanthshanthakumar7637]

i was looking into multiple sources for the latest video which will be clearly explaining the aws. some has but the process they show is outdated and aws fully changed most of it. as a beginner it was so confusing. finally i found out your video .

[@TinyTechnicalTutorials]

Yay! I'm glad you found it helpful. Things change quickly in AWS, but I do my best to keep things up-to-date. 😊

[@petermorgan5405]

Made my day ! Great video, as always beautifully delivered. Thank you.

[@TinyTechnicalTutorials]

Oh, I'm so glad!! Thanks for the nice comment! 🤓🙏🌟

[@anna_sudol664]

the tutoriar is great, it explains very clear what to do!

[@TinyTechnicalTutorials]

Yay! So glad it helped. Thanks for watching, and for the nice comment! 🙏🤓🌟

[@vignesh3708]

Thank you so so much for the AWS playlists

[@TinyTechnicalTutorials]

You bet! Thanks for supporting the channel! 🙏🤓

[@michaeloliver6745]

If only I was as smart as you! I’m working on learning all this stuff… it’s a lot!

[@TinyTechnicalTutorials]

Haha...you're very kind!! 🥰 You got this! 💪🤓

[@davecheli2006]

great, current tutorial, everything worked. Thanks!

[@TinyTechnicalTutorials]

Awesome! Glad you got it working! 😊🔥

[@JanosTech]

Yay, you're back!

[@TinyTechnicalTutorials]

Yay!! Thanks for noticing! 🥰🙏

[@wellstyledepot2]

Beautiful lady with another astonished project ❤

[@TinyTechnicalTutorials]

Thanks so much!! Cheers! 🙏😊

[@ZoherMzhir-xv4gv]

You are an aws hero. ❤

[@TinyTechnicalTutorials]

Awwwww...you're too kind! I'm glad it helped. Thanks for watching, and for the nice comment! 🤓🌟🙏

[@leonciocastillo6433]

Great step by step tutorial. Would you mind to create a video about AWS RedShift, please?. There are so many around but I like the way you explaint things about AWS. Thank you.

[@TinyTechnicalTutorials]

Hey, thanks for the suggestion and nice comment, Leoncio! 🙏🥰 I'll add Redshift to my list for future videos...I don't have anything at the moment.

[@iCodeForBananas]

Solid tutorial!

[@TinyTechnicalTutorials]

Glad it was helpful! Thanks for watching! 🙏🤓🌟

[@EarthrightCanvas]

Is the process here similar for React Native and building mobile apps? Can you do a video with a template for that?

[@TinyTechnicalTutorials]

Hey again @EarthrightCanvas! 😊 I'll add this to my list of ideas for a future video. In the meantime, if you haven't found it, here's the Quickstart for React Native: docs.amplify.aws/react-native/start/quickstart/

[@EarthrightCanvas]

@TinyTechnicalTutorials do you know if this is 100% up to date? I'm on a Windows 11 with VS code and am running into dependency/SDK/EXPO CLI moderate severity warnings, and other sketchy looking outputs. Surely, I am not the only one experiencing this, or am I???

[@TinyTechnicalTutorials]

Hey @EarthrightCanvas! 👋 Amplify does seem to change a lot, so it's possible you're getting different messages than I did. But in my experience, most of my issues come from getting things set up initially (with the AWS profile, SSO login, Node installed, etc.). If you need help with that, I've got a video: kzbin.info/www/bejne/aXWtlXRohNWAn80.

[@piglovesasy]

Don't we all love Amber???!!!!!

[@TinyTechnicalTutorials]

Awwww...you're too kind! 🥰

[@ArunKumar-pf4wg]

May I know where should I paste the code if we use command prompt instead of visual studio

[@TinyTechnicalTutorials]

Hi Arun! 👋 Which code are you referring to? If it's for commands like git, npm, npx, etc., then you'd use the command line (assuming you have the AWS CLI installed). But for the application code (React, TypeScript), you'll typically want to use some type of an Integrated Development Environment for that, not doing everything from the command line. Or am I misunderstanding your question?

[@ArunKumar-pf4wg]

@ I used the command prompt for the react as i am unable to install the amplify in the visual code, so I tried using the command prompt and iam not able to paste the code in the cmd. Then you are saying that using visual studio or any IDE is mandatory for react application?

[@perrytheplatypus42]

This is a great video! I'm having a deploy issue with the build container running out of memory after I push the delete and authenticator features. I'm using the Amazon Linux 2023 build image, and the build fails during the frontend phase after calling tsc && vite build and transforming 1748 modules. Is there a way I can allocate more memory to the build container or is this a problem with the code itself?

[@jananims1259]

Hi, getting an error when installing npm i. How to resolve? is there any github repo available?

[@TinyTechnicalTutorials]

Hi Janani! 👋 What error are you getting with npm? Do you have Node installed? And the GitHub repo part is covered around 05:10 in the video. 😊

[@EarthrightCanvas]

I am having issues with the React Native command in vs code: npm create amplify@latest it keeps returning permission errors that I can't figure out

[@TinyTechnicalTutorials]

Hey @EarthrightCanvas! 👋 Did you go through the setup steps here? docs.amplify.aws/react/start/account-setup/ And/or I also did a video on setting up your local environment using SSO: kzbin.info/www/bejne/aXWtlXRohNWAn80.

[@EarthrightCanvas]

@TinyTechnicalTutorials I actually didn't go through it because I THINK I am set up but I guess it wouldn't hurt to actually see what it says since all the things I have gone through trying to wing it from scratch. Tomorrow's game plan ;) thanks for replying!

[@matthew-lawrence]

If you need suggestions I'd love to learn how to setup a monorepo using Amplify Gen 2! The official documentation is sparse at best 🤣

[@TinyTechnicalTutorials]

I always love suggestions! I'll add this to my list. Thanks, Matthew! 🙏🔥

[@StefanoPanuccio-h6d]

Hi Amber, I changed the data schema and I ran the command "npx ampx sandbox" to create the file amplify_outputs.json. I don't know why. Can you help me? Thanks

[@AdrianWreyford]

Thx a stack... What if you want to use an existing dynamodb say from an existing iot hub. Gen 2 recreates it, and doesn't use existing db. I'm finding the transition very difficult, and also using flutter and not react. Perhaps you can do a vid in that line of thought.

[@TinyTechnicalTutorials]

Thanks for watching! 🙏🌟🤓 And interesting scenario. I haven't done this myself, but I'll add it to my list for future videos. In the meantime, here's what I'm finding for connecting to external data sources: docs.amplify.aws/flutter/build-a-backend/data/connect-to-existing-data-sources/. Maybe some insight there?

[@TinyTechnicalTutorials]

And this link ^^ is for Flutter (dropdown on the top left of the documentation).

[@AdrianWreyford]

​@@TinyTechnicalTutorials Thx, I actually did try this, but never could get it to work. Time to try again.

[@ZoherMzhir-xv4gv]

I have wrapped {children} in layout with authenticator now I have page.txs wrapped but other pages are not wrapped in authenticator provider. ( The other pages I have them in a folder called pages under app folder ) how can I wrapp all the pages in the authenticator provider? Thank you in advance 😊

[@fabian-manzano]

There is no option for me to download amplify_outputs.json :(

[@TinyTechnicalTutorials]

Double-check that you deployed the app to Amplify initially?

[@snowman1185-v]

Thanks!

[@TinyTechnicalTutorials]

You bet! Thanks for watching! 🙏🤓🌟

[@kyleebrahim8061]

Hi there, thanks again for these tutorials, its like a life jacket when being stranded out at sea, I'm trying to create my own app using the nextjs template but I am stuck, for a few days, at a Cannot find backend environment in Amplify Console app error, no matter what I do, I've ensured my user is setup with permissions , I've sso'd via profile and copied the amplify_outputs.json file into my root dir. I still get that error, please help

[@TinyTechnicalTutorials]

Hi Kyle! 👋 Thanks for the kind words...I'm thrilled to be a life jacket! 🥰 How are you creating your new app? Are you starting from one of the template in AWS's GitHub repo? Or creating it from the command line? If you haven't already found this, I'd suggest starting with one of the Quickstart templates and then building on it from there: docs.amplify.aws/nextjs/start/quickstart/

[@FudeDevelopments]

thank you for the video it would be lot more helpful if you make aws gen 2 to implement sns

[@TinyTechnicalTutorials]

Ooh, sounds like a good feature request! 🤓💪

[@TheKingalaxy]

I get a sh: vite: command not found in vs code

[@TinyTechnicalTutorials]

Hmmmm...maybe something here will help? laracasts.com/discuss/channels/vite/npm-run-build-error-sh-vite-command-not-found?page=1&replyId=907197

[@TheKingalaxy]

Thank you, this helped out a lot! Appreciate this tutorial

[@TinyTechnicalTutorials]

Awesome! Glad it helped. 😊

[@moorecards1]

I'm confused by the direction AWS is going, with Gen2 going away from a visual editor. I can't think of why taking away the visual editor makes sense. I've not done UI in almost 20 years so I'm very interest in a visual editor that can spit out code for UI. The UI has gotten very complex, why would anyone want to code more instead of less. So much of the modern toolset writes the code for you (examples like GraphQL in AppSync) so this direction is confusing.

[@Turnpost2552]

First

[@Turnpost2552]

What is with Software developers trying to kill there own job, like do other profession have such rabid obsession with just ruining there own job prospects like wth.

[@Turnpost2552]

How do you figure this stuff out? on your own like this is just muuuchhhhhh.

[@TinyTechnicalTutorials]

🤔🤨