AWS Amplify in Plain English | Getting Started Tutorial for Beginners

Рет қаралды 40,097

Күн бұрын

AWS Amplify has become really popular recently for doing full-stack web and mobile development on AWS. But what exactly is it and why should you use it?
In this hands-on tutorial, I’ll walk you through the main components of Amplify-starting with the Amplify Console and moving to the Amplify CLI from the Cloud9 IDE (but you can use your own IDE of choice too). We see how to initialize an Amplify project, how to host a front end (using a static website as an example) and then how to add backend components, deploy them to the cloud, and monitor the deployment progress through CloudFormation.
We won’t build a fully-functioning application, but I’ll show you how to get started with the main parts of Amplify.
Be sure to stick around to the end for step-by-step instructions on how to delete the resources provisioned during this video.
🤓 Other videos you might find helpful:
- Lambda for Beginners: • Create Your First AWS ...
- Build an End-to-End Web Application with Amplify and Other Services: • AWS Project: Architect...
🌟🌟If you’re interested in getting AWS certifications, check out these full courses. They include lots of hands-on demos, quizzes and full practice exams. Use FRIENDS10 for a 10% discount!
- AWS Certified Cloud Practitioner: academy.zerotomastery.io/a/af...
- AWS Certified Solutions Architect Associate: academy.zerotomastery.io/a/af...
00:00 - What is AWS Amplify and why use it?
01:55 - Creating an AWS Amplify app through the browser (AWS Console)
02:54 -Creating an AWS Amplify app through the Amplify Command Line Interface (CLI)
03:36 - Installing the Amplify CLI in your IDE
04:00 - Initializing a new Amplify project from the CLI
05:54 - Hosting the front end for an app in Amplify
08:07 - Adding a backend for an app in Amplify
09:07 - Adding an API to the backend for an app in Amplify
11:27 - Pushing local changes to Amplify in the cloud
11:50 - Monitoring progress of deployments in Amplify
13:32 - Adding additional backend components to an Amplify app
13:54 - A brief tour of Amplify Studio after enabling it
14:53 - IMPORTANT! Delete the resources created by Amplify!

Пікірлер: 121

@TinyTechnicalTutorials 10 ай бұрын

What else do you want to learn about AWS? Let me know below in the comments! 🤓

@abhisheksagar8886 8 ай бұрын

Can you suggest some project we can have in resume as a fresher and please if possible mention the approx cost of those projects.

@rashidbaig3690 4 ай бұрын

I'm fortunate that your eloquent explanation boosted me to play more with AWS. I haven't seen this type of step-by-step architecture details and overview till date.

@TinyTechnicalTutorials 4 ай бұрын

Oh, what a nice comment! Thanks so much, Rashid! 🙏🌟🤓

@prestonbuchanan5449 8 ай бұрын

I really enjoyed this tutorial. There are many out there that are pretty confusing but you explained it easily and went slow!

@TinyTechnicalTutorials 8 ай бұрын

Oh yay!! I'm so glad it was helpful. Thanks for watching! 🙏🤓🌟

@davidkhan9474 10 ай бұрын

It's always great learning from you. Thank god I got a KZfaq notification on this one.

@TinyTechnicalTutorials 10 ай бұрын

Oh, I'm so glad!!! Thanks for watching! 🙏🌟😊

@amylashley9062 7 ай бұрын

Thanks so much for this! Super helpful and I really appreciate the "behind the scenes" context as well. 10 out of 10!

@TinyTechnicalTutorials 7 ай бұрын

Thanks for the kind words, Amy!! Much appreciated! 🤓🙏🌟

@mindorbs1628 2 ай бұрын

Simple and succinct. I was browsing through few videos regarding aws amplify. This tutorial saved my time. Thank you.

@TinyTechnicalTutorials 2 ай бұрын

Oh, I'm so glad it helped! Thanks for watching! 🙏🌟🤓

@e.5990 6 ай бұрын

Great high-level overview. Gonna re-watch this 100 more times lol 🎉

@TinyTechnicalTutorials 6 ай бұрын

Haha! Excellent! 😊🤓💪

@robinmathur5807 8 ай бұрын

I have gone through with multiple AWS study material but the content in this channel is really covers end to end. Thanks

@TinyTechnicalTutorials 8 ай бұрын

You're too kind, Robin!! Really appreciate the support! 🥰🙏

@sailikhith1708 7 ай бұрын

@@TinyTechnicalTutorials I need to develop a full webapp with all CRUD operations. I need two databeses , one for storing the change request and one to store the final data. I need a backend code to read and write into the db and also handle the events from front end . Can you suggest a solution with what all AWS services to be used and how should it be developed.

@ibrahimacoulibaly5199 6 ай бұрын

Excellent video for beginners. Great jobs!

@TinyTechnicalTutorials 5 ай бұрын

Glad to hear it! Thanks for watching! 🙏🌟🤓

@JavaApple 9 ай бұрын

your teaching style is awesome !

@TinyTechnicalTutorials 9 ай бұрын

Many thanks for the kind words! 🥰🔥

@TheStallion1319 5 ай бұрын

i love it , it's clear and simple , it would be really helpful if you showed a full stack app from A to Z like an ecommerce app with it's dashboard 💙

@TinyTechnicalTutorials 5 ай бұрын

Thanks for watching! And this is a great suggestion...I'll add it to my list! 😊🙏

@fireflysemanticsmedia6267 2 ай бұрын

Great Explanation - Thanks!!

@TinyTechnicalTutorials 2 ай бұрын

Yay!! Thank YOU for watching!! 🙏🌟🤓

@adityadhopade7727 8 күн бұрын

It was quite new to me ! After watching this video I am getting the gist of Amplify !

@TinyTechnicalTutorials 2 күн бұрын

Yay! I'm so glad it helped. Thanks for watching! 🤓🌟🙏

@norbertmajubu8980 7 ай бұрын

Amazing video, thank you!

@TinyTechnicalTutorials 7 ай бұрын

Thank YOU!!! 🙏🤓🌟

@DrumAdrian16 13 күн бұрын

Great video! Thank you!

@TinyTechnicalTutorials 2 күн бұрын

You bet! Thanks for watching, and for such a nice comment! 🤓🌟🙏

@ThePROFARTURO Ай бұрын

great tutorial and your voice is amazingly engaging!

@TinyTechnicalTutorials 21 күн бұрын

Awwww...you're very kind!! Thanks for watching, and for the nice comment! 🤓🙏🌟

@bezikmor 9 ай бұрын

Very very fantastic. Thank you.

@TinyTechnicalTutorials 9 ай бұрын

Thank you, thank you!!! 🙏😊🌟

@blacwater247 4 ай бұрын

cool, thank you , this is great help. love your voice.😃

@TinyTechnicalTutorials 4 ай бұрын

Awwww...thanks so much!! 🙏😊🌟

@ZoherMzhir-xv4gv 8 ай бұрын

Wonderful explaining 👌 quite rich information 😊 thank you

@TinyTechnicalTutorials 8 ай бұрын

So nice of you!! Thanks for watching! 🙏🌟🤓

@ZoherMzhir-xv4gv 8 ай бұрын

Launching an x-space, super

@ppppp524 5 ай бұрын

Exactly what I needed. Just someone showing me how to do it. My brain goes blank whenever looking at documentation lol

@TinyTechnicalTutorials 5 ай бұрын

Haha! I know the feeling. 😊 Glad it helped!

@skbhattacharya 8 ай бұрын

Loved it. You should start making longer videos.

@TinyTechnicalTutorials 8 ай бұрын

Thank you!! Yes, I'd like to do more end-to-end "project" types of videos, which tend to be longer. More to come! 🤓

@KrishnaKumar-qx1mk 8 ай бұрын

@@TinyTechnicalTutorials please please do a video on how to make a website where users can watch videos like a udemy clone... it would be really helpfull for many people or if you dont have time can you please explain what tools in aws we need to use to build that usedmy clone with react, node.....!🥺🥺🥺

@TinyTechnicalTutorials 8 ай бұрын

Ooh, this is a great suggestion! Thanks, Krishna! I'll add it to my list. 😊

@user-mv2yg4mm3m 7 ай бұрын

Nice introduction to Amplify. Any guides on how to integrate custom CloudFront distribution with Amplify?

@TinyTechnicalTutorials 7 ай бұрын

Thanks for the kind words, Ciara! 🥰 If you use Amplify for hosting, it automatically uses CloudFront (and S3) behind the scenes. Most things I find say that you can't set up your own CloudFront distribution using Amplify (repost.aws/questions/QUy4V6NbqvTN2wlrKDVZFBOg/cloudfront-distribution-for-aws-amplify). But I also found this, which seems like maybe now you can? docs.amplify.aws/cli/hosting/hosting/#stages I haven't personally tried it, but maybe it'll get you started?

@manshalkhatri9289 6 ай бұрын

Got some knowledge in simplified way

@TinyTechnicalTutorials 6 ай бұрын

Great! Glad it helped. 😊

@mubashirwaheed474 3 ай бұрын

Thank you so much

@TinyTechnicalTutorials 3 ай бұрын

Thank YOU for watching!! 🤓🌟🙏

@uzerahmed5163 10 ай бұрын

Thank you for the wonderful video... Can you upload a video on AWS cloud formation please 🙂

@TinyTechnicalTutorials 10 ай бұрын

Glad it helped! CloudFormation is definitely on my list for a future video...stay tuned! 🤓🌟

@Obligedcartoon 3 ай бұрын

Can this be used for iOS applications? Would you recommend that approach? Building my first big iOS app, any help/advice appreciated. Thanks, and great content!

@TinyTechnicalTutorials 3 ай бұрын

Hi @Obligedcartoon! 👋 Yes, you can definitely use Amplify for building iOS apps. I haven't played with it myself, but here's a tutorial that might help get you started? aws.amazon.com/getting-started/hands-on/build-ios-app-amplify/

@edworthhailati438 13 күн бұрын

Nice video. Have you ever built and published mobile apps using AWS? I have build a lightSail based wordpress website and now I want to build mobile app (android and IOS) based on AWS too. Do you have any suggestions on how to do that?

@ryanburch3092 2 ай бұрын

Thanks

@TinyTechnicalTutorials 2 ай бұрын

You bet! Thanks for watching! 🙏🤓🌟

@affordablecustomehr4845 3 ай бұрын

I am trying to learn HealthScribe. I am trying to figure out how to create an API to get the finished document. Do you know where the documentation on how to retrieve the note that was created?

@TinyTechnicalTutorials 3 ай бұрын

Hi @affordablecustomerh4845! 👋 Sorry for the slow response. Were you able to sort this out? I unfortunately haven't played with HealthScribe at all, and it seems their documentation is a bit sparse. This is about all I can find, which you've probably already found: docs.aws.amazon.com/transcribe/latest/dg/health-scribe-job.html. If you were able to figure it out, feel free to post an update here in case it's helpful for anyone else.

@caiyu538 10 ай бұрын

great, great

@TinyTechnicalTutorials 10 ай бұрын

Thank you, thank you! 🙏😎🔥

@samjones4327 10 ай бұрын

Hey!!! Good to hear from you!! Man Amplify is a powerful tool! I didn't know about it until now! I've been so engaged with studying and labbing for the SAA Exam, I barely delve outside of those bounds until now! I'm sure I'll have a chance to play around with Amplify now that you have put your touch on it, in learning it! It's always a pleasure learning from you. After I pass my exam in two weeks, I move on to Advanced Networking Cert!! As always, be well, be safe and Cheers!!!

@TinyTechnicalTutorials 10 ай бұрын

Sam is back!!!! 👏 Thanks for the nice note, as always! Yeah, Amplify is pretty cool! Keep me posted on the SAA exam, and good luck! You got this!! 🔥💪🤓

@samjones4327 10 ай бұрын

Thank you so much! You always encourage me and I appreciate it so much!!!😁@@TinyTechnicalTutorials

@vukdjunisijevic173 7 ай бұрын

When I enter AccessKey and SecretKey I get error in CLou9 terminal "user **** is not authorized to perform: amplify:CreateApp on resource: arn:aws:amplify:us-east-2-****". I went back to user and add permission "AdministratorAccess-Amplify" and I am still getting same error when try to do it in CLI. (In AWS GUI everything worked when I chosed create app). Do you have any suggestions? Thank you!

@TinyTechnicalTutorials 6 ай бұрын

Hi vuk! 👋 Were you able to sort this out? I haven't had this error before. It does seem like "AdministratorAccess-Amplify" would do the trick. Have you tried adding just the "amplify:CreateApp" policy?

@alessandrorossi1294 10 ай бұрын

Crazy, I was literally just wrangling with AWS amplify the other day. Ultimately I couldn’t use it because I couldn’t figure it out and I was running out of time so I fell back on what I knew (Django running on an EC2)

@TinyTechnicalTutorials 10 ай бұрын

I had the same experience when I first looked at it...a little hard to wrap your head around for some reason. Hopefully this helped! 🤓🔥🙏

@alessandrorossi1294 10 ай бұрын

@@TinyTechnicalTutorials it did thanks! I might migrate in the future when I want to upgrade from django + SQLite db doing everything on t2.micro. From what I could tell though, it really seemed like AWS Amplify is geared towards front end dev who want help with the backend. I’m on the opposite direction, my business logic is all coded up but I was looking into AWS Amplify to take care of the frontend and user system, but beyond the normal level of complexity it seems to really assume a user knows JS/React which is not me. Still I understood what it’s going for a lot better thanks to your video!

@williams.7314 8 ай бұрын

Is it possible, for you to show how to integrate AWS Swift SDK with a Native iOS application?

@TinyTechnicalTutorials 8 ай бұрын

Hmmmm...I'm unfortunately not going to be much help on that one. 🤔 Maybe this will help? aws-amplify.github.io/aws-sdk-ios/

@naiduharinadh5016 6 ай бұрын

is there any need of domain to deploy out application into the web.....

@TinyTechnicalTutorials 6 ай бұрын

Hi Naidu! 👋 Do you mean a domain name? Amplify will create a domain name for you, but it's possible to set up a custom domain name as well. Maybe this will help: docs.aws.amazon.com/amplify/latest/userguide/custom-domains.html

@SJND20 3 ай бұрын

AWS Amplify is a framework for building and hosting full stack applications on AWS

@TinyTechnicalTutorials 3 ай бұрын

You got it! 🤓

@SJND20 3 ай бұрын

@@TinyTechnicalTutorials Thank you TinyTechnicalTutorials! Your videos are so helpful :)

@ikbo 3 ай бұрын

Can you run next.js 14 on it?

@TinyTechnicalTutorials 3 ай бұрын

Yep! Support was recently added for Next.js 14: aws.amazon.com/blogs/mobile/6-new-aws-amplify-launches-to-make-frontend-development-easier/. 😊

@meherazkhan341 4 ай бұрын

Hi, I followed the same steps, but my appfromcli is not available in all apps? What did i miss?

@TinyTechnicalTutorials 4 ай бұрын

Can you clarify what you mean by "appfromcli"?

@MonroeGrimes 8 ай бұрын

How would you use Amplify with the Cloud Resume Challenge?

@TinyTechnicalTutorials 8 ай бұрын

Hi @MonroeGrimes! 👋 I'm familiar with the Cloud Resume Challenge, but haven't worked through all of it myself. But I know there's a part where you create a static website on S3. Instead of hosting files in S3, you could use Amplify to host them. Beyond that, I unfortunately can't provide too many other ideas.

@MonroeGrimes 5 ай бұрын

@@TinyTechnicalTutorials Time to hit the playground. If I "can" figure it out I'll pass along the info.

@jhanvii_01 3 ай бұрын

Hey Amber! I just came in here with one doubt, I want to host my portfolio website on AWS through Amplify. It's just a static website with HTML, CSS, JavaScript with some images. I'm in my free tier now with 10 months, will I be charged for anything if I leave my website running? Ans also is it a good idea to host portfolio through Amplify, will it be secure? Cause I cannot afford buying a custom domain name, so I was looking for some free options to host and found this service for free. In one of your project videos(Building a end to end website with 7 sevices) you said to delete the resources and one of them was the app in amplify, so I have this doubt! I got reminded of you cause I know you're the only one who can clear all the confusion. 😭💘

@TinyTechnicalTutorials 3 ай бұрын

Hi Jhanvi! 👋 Thanks for the nice comment! If you're still inside the Free Tier, it should be free to leave the site running. I just always recommend deleting things if you don't need them because you WILL be charged at some point when the Free Tier expires (I've had plenty of surprise bills in my career! 😢) If you leave it running, I'd recommend creating an AWS Budget so that you can be notified of any charges. If you need help with that, check out Tip #1 in this video: kzfaq.info/get/bejne/rKqki85nttK2oKM.html. Hope that helps, and good luck with the website! 🤓💪🌟

@sairasagnya2901 7 ай бұрын

I am getting 404 error when i tried to host a web app just the you showed in the tutorial. How can i fix that ?

@TinyTechnicalTutorials 7 ай бұрын

Hi Sai! 👋 This could be due to the "level" of the file zipping. Be sure to not zip the folder that it's in. For example, if index.html is in "project," don't zip "project," but only zip the index.html file. Hopefully that does the trick!

@LadyLatency 5 ай бұрын

is this supposed to be an ASMR video? also why are we using AWS access/secret key pair, I thought Cloud9 inherits your AWS UI credentials ?

@TinyTechnicalTutorials 5 ай бұрын

It's not purposely ASMR, but thanks for that! 🥰😊 You're right...Cloud9 inherits the credentials of the user you're logged in as (in my case, it was root). When we did "amplify init," we were setting up the profile for the amplify-dev user (a different user), so had to pass in the keys. Hope that makes sense!

@nishanthc1086 5 ай бұрын

Why should one pick this amplify thingy over nextjs?? Like both seem literally same to me.

@nishanthc1086 5 ай бұрын

Like I mean yes amplify gives you all the stuff like buckets and auth, but when I think about nextjs, the architecture seems same, both use serverless apis, and nextjs caching is easier to implement, and I can bring every deployed instance(like S3, dyanamo db etc) into one single VPC to reduce latency..

@TinyTechnicalTutorials 5 ай бұрын

Hi Nishanth! 👋 I'm not an expert on Next.js, but I'll take a stab... Amplify and Next.js kind of serve two different purposes, but can be used together most of the time (it doesn't have to be either/or). Here are a few perks of using Amplify with Next.js: -Back-end services: As you mentioned, you get things like authentication, storage, functions, ML, APIs, etc. -Automatic scaling based on traffic, without you having to worry about it since Amplify handles all underlying infrastructure -DevOps automation: You get a full CI/CD pipeline But that said, it really depends on your situation. If you're primarily creating React apps and plan to manage other resources independently, then Next.js might be all you need. Hope that helps! 😊

@christophernolan8761 4 ай бұрын

When would an Amplify user use AWS Cloud9 and when would they use AWS CloudShell? THey seem to be v similar. THanks

@TinyTechnicalTutorials 4 ай бұрын

Hi again, Christopher! 👋 Cloud9 is a full-blown integrated development environment (IDE), like VS Code or IntelliJ, that runs in the browser. You can write code and run tests, work with Git, and there's also a console window where you can do command line stuff. The "do command line stuff" is what CloudShell is for. If you've ever set up the AWS Command Line Interface (CLI) on your local machine, you might remember you have to configure it with credentials so that it can connect to AWS from your machine. Then you can issue commands to it. CloudShell is basically that CLI, but it runs in the browser, which makes life easier. No configuration and no credentials, and no connection issues to AWS since it's "in" AWS already. So Cloud9: full IDE that runs in the browser. CloudShell: a command line interface that runs in the browser. Hope that makes sense! 🤓🌟 Great question!

@galleon8129 8 ай бұрын

Is Amplify like a WordPress of AWS, how can it integrate with SES and Route53

@TinyTechnicalTutorials 8 ай бұрын

It's "sort of" like WordPress, in that it abstracts the underlying details, but you can still get to the services behind the scenes. To work with Route 53, maybe this will help: docs.amplify.aws/console/adminui/custom-domain. And here's one for SES: dev.to/focusotter/serverless-contact-form-using-aws-amplify-1e9m. Hope that helps! 😊

@galleon8129 8 ай бұрын

@@TinyTechnicalTutorials thanks for this

@calebadeyemi491 6 ай бұрын

Thank you for this. I have liked and subscribed to your channel. Is there anything else you'd like me to do? 😀

@TinyTechnicalTutorials 6 ай бұрын

Thanks so much, Caleb!! Really appreciate the support. 🙏🌟🥰 Only other thing is to watch the ads. 😁

@user-us7rg4cd6p 4 ай бұрын

hmm...how is this different from the good old elastic bean stalk?

@TinyTechnicalTutorials 4 ай бұрын

Hi Karthik! 👋 One of the biggest differences is that Amplify is serverless, meaning it uses services like Lambda and DynamoDB behind the scenes (vs. EC2 with Elastic Beanstalk). But here's a better write-up with some additional things to consider: medium.com/paragoncloudconsulting/elastic-beanstalk-or-amplify-how-to-decide-whats-best-for-your-app-8b71d6012c4d. Hope that helps. Thanks for watching! 😊

@user-us7rg4cd6p 4 ай бұрын

@@TinyTechnicalTutorials Understood it now. Thanks a lot for the help!

@melamelawen 4 ай бұрын

I love your voice. you should do ASMR

@TinyTechnicalTutorials 4 ай бұрын

Awwww, shucks! You're too kind. 🥰 Thanks for watching! 🙏🤓🌟

@vukdjunisijevic173 6 ай бұрын

Dear Amber, no I did not.I read on the internet but after few hours proceed with other lectures. I will try also your suggestion.

@TinyTechnicalTutorials 6 ай бұрын

Sounds good! 😎

@himanshuiitr1788 8 ай бұрын

Please make a video on how to do phone number and OTP verification using aws amplify and flutter

@TinyTechnicalTutorials 8 ай бұрын

I'll add this to my list of topics for future videos. Thanks for the suggestion! 🙏🌟

@karimsahebettabaa9845 4 ай бұрын

Can you add please the source files ? Best regards (Link)

@TinyTechnicalTutorials 4 ай бұрын

Hi Karim! 👋 Apologies...I'm super behind on comments! Here's the HTML code. If you decide to upload this to Amplify, be sure to rename it to "index.html" (I named it "index-for-amplify.html" so it didn't overwrite another file I have out there): drive.google.com/file/d/1vqFphWAjz5_erQA18ttuZbshmJlaDeLb/view?usp=sharing Hope that helps! 😊

@user-el4im9wx4z 4 ай бұрын

the explanation was great but i hit like caz of that rainbow kinda light thing on like button 😭how did u do it

@TinyTechnicalTutorials 4 ай бұрын

LOL! I actually don't have any idea how that works! It's nothing that I did. It's the KZfaq elves?? 😂😊

@islamtoghuj 5 ай бұрын

I apologize in advance for the following comment, but I think you're being a little too "friendly" explaining the material. I'm really sorry, criticizing you is extremely uncomfortable.

@TinyTechnicalTutorials 4 ай бұрын

Ha!! What a friendly criticism! 😂

@jaymartinez311 2 ай бұрын

@islamtoghuj you must not deal with friendly beautiful women much i guess 😂. Let the women be friendly. It makes consuming the content easier with somebody that’s soothing to listen too. 😉 Techie stuff doesn’t have to be boring & dead personality wise. I rather watch a video with somebody that can hold my attention with their own twist from themselves then a boring tech person who vomits the info & then says, something snarky like, “If your good enough you can figure it out”, which is most of the gate keepers in tech. What a comment bro 😂.

@fluffybunny510 2 ай бұрын

Get lost immigrant

@jehang1596 2 ай бұрын

It’s beginner friendly of course it’s supposed to be that way.

@islamtoghuj 2 ай бұрын

@@fluffybunny510 relax bro, I don't live in the USA, nor am I planning to.