AWS Amplify in Plain English | Getting Started Tutorial for Beginners
ฝัง
- เผยแพร่เมื่อ 30 พ.ค. 2024
- 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! - วิทยาศาสตร์และเทคโนโลยี
![[TH] VCT Masters Shanghai Playoffs DAY 1 // 100T vs FUT | FNC vs GEN](http://i.ytimg.com/vi/erQ7pGChzxA/mqdefault.jpg)
What else do you want to learn about AWS? Let me know below in the comments! 🤓
Can you suggest some project we can have in resume as a fresher and please if possible mention the approx cost of those projects.
It was quite new to me ! After watching this video I am getting the gist of Amplify !
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.
Oh, what a nice comment! Thanks so much, Rashid! 🙏🌟🤓
It's always great learning from you. Thank god I got a TH-cam notification on this one.
Oh, I'm so glad!!! Thanks for watching! 🙏🌟😊
I really enjoyed this tutorial. There are many out there that are pretty confusing but you explained it easily and went slow!
Oh yay!! I'm so glad it was helpful. Thanks for watching! 🙏🤓🌟
Thanks so much for this! Super helpful and I really appreciate the "behind the scenes" context as well. 10 out of 10!
Thanks for the kind words, Amy!! Much appreciated! 🤓🙏🌟
Simple and succinct. I was browsing through few videos regarding aws amplify. This tutorial saved my time. Thank you.
Oh, I'm so glad it helped! Thanks for watching! 🙏🌟🤓
I have gone through with multiple AWS study material but the content in this channel is really covers end to end. Thanks
You're too kind, Robin!! Really appreciate the support! 🥰🙏
@@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.
Great video!
Thank you!
your teaching style is awesome !
Many thanks for the kind words! 🥰🔥
Great high-level overview. Gonna re-watch this 100 more times lol 🎉
Haha! Excellent! 😊🤓💪
Excellent video for beginners. Great jobs!
Glad to hear it! Thanks for watching! 🙏🌟🤓
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 💙
Thanks for watching! And this is a great suggestion...I'll add it to my list! 😊🙏
Great Explanation - Thanks!!
Yay!! Thank YOU for watching!! 🙏🌟🤓
Amazing video, thank you!
Thank YOU!!! 🙏🤓🌟
Wonderful explaining 👌 quite rich information 😊 thank you
So nice of you!! Thanks for watching! 🙏🌟🤓
Launching an x-space, super
great tutorial and your voice is amazingly engaging!
Awwww...you're very kind!! Thanks for watching, and for the nice comment! 🤓🙏🌟
Very very fantastic. Thank you.
Thank you, thank you!!! 🙏😊🌟
cool, thank you , this is great help. love your voice.😃
Awwww...thanks so much!! 🙏😊🌟
Loved it. You should start making longer videos.
Thank you!! Yes, I'd like to do more end-to-end "project" types of videos, which tend to be longer. More to come! 🤓
@@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.....!🥺🥺🥺
Ooh, this is a great suggestion! Thanks, Krishna! I'll add it to my list. 😊
Thank you so much
Thank YOU for watching!! 🤓🌟🙏
Exactly what I needed. Just someone showing me how to do it. My brain goes blank whenever looking at documentation lol
Haha! I know the feeling. 😊 Glad it helped!
Got some knowledge in simplified way
Great! Glad it helped. 😊
Thanks
You bet! Thanks for watching! 🙏🤓🌟
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!
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/
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?
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!
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?
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?
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.
Nice introduction to Amplify. Any guides on how to integrate custom CloudFront distribution with Amplify?
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?
AWS Amplify is a framework for building and hosting full stack applications on AWS
You got it! 🤓
@@TinyTechnicalTutorials Thank you TinyTechnicalTutorials! Your videos are so helpful :)
Why should one pick this amplify thingy over nextjs?? Like both seem literally same to me.
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..
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! 😊
Thank you for the wonderful video... Can you upload a video on AWS cloud formation please 🙂
Glad it helped! CloudFormation is definitely on my list for a future video...stay tuned! 🤓🌟
Hi, I followed the same steps, but my appfromcli is not available in all apps? What did i miss?
Can you clarify what you mean by "appfromcli"?
great, great
Thank you, thank you! 🙏😎🔥
How would you use Amplify with the Cloud Resume Challenge?
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.
@@TinyTechnicalTutorials Time to hit the playground. If I "can" figure it out I'll pass along the info.
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 ?
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!
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!!!
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!! 🔥💪🤓
Thank you so much! You always encourage me and I appreciate it so much!!!😁@@TinyTechnicalTutorials
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 ?
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!
Is it possible, for you to show how to integrate AWS Swift SDK with a Native iOS application?
Hmmmm...I'm unfortunately not going to be much help on that one. 🤔 Maybe this will help? aws-amplify.github.io/aws-sdk-ios/
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)
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! 🤓🔥🙏
@@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!
Is Amplify like a WordPress of AWS, how can it integrate with SES and Route53
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! 😊
@@TinyTechnicalTutorials thanks for this
is there any need of domain to deploy out application into the web.....
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
When would an Amplify user use AWS Cloud9 and when would they use AWS CloudShell? THey seem to be v similar. THanks
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!
hmm...how is this different from the good old elastic bean stalk?
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! 😊
@@TinyTechnicalTutorials Understood it now. Thanks a lot for the help!
Can you run next.js 14 on it?
Yep! Support was recently added for Next.js 14: aws.amazon.com/blogs/mobile/6-new-aws-amplify-launches-to-make-frontend-development-easier/. 😊
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. 😭💘
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: th-cam.com/video/vDtXk6QlRpo/w-d-xo.html. Hope that helps, and good luck with the website! 🤓💪🌟
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.
Sounds good! 😎
Thank you for this. I have liked and subscribed to your channel. Is there anything else you'd like me to do? 😀
Thanks so much, Caleb!! Really appreciate the support. 🙏🌟🥰 Only other thing is to watch the ads. 😁
Please make a video on how to do phone number and OTP verification using aws amplify and flutter
I'll add this to my list of topics for future videos. Thanks for the suggestion! 🙏🌟
I love your voice. you should do ASMR
Awwww, shucks! You're too kind. 🥰 Thanks for watching! 🙏🤓🌟
Can you add please the source files ? Best regards (Link)
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! 😊
the explanation was great but i hit like caz of that rainbow kinda light thing on like button 😭how did u do it
LOL! I actually don't have any idea how that works! It's nothing that I did. It's the TH-cam elves?? 😂😊
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.
Ha!! What a friendly criticism! 😂
@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 😂.
Get lost immigrant
It’s beginner friendly of course it’s supposed to be that way.
@@fluffybunny510 relax bro, I don't live in the USA, nor am I planning to.