Deploy Website in Minutes with AWS Amplify

ArticlesBlog

Written by:


– Wouldn’t it be great if you
can take your Build folder and chuck it up directly
onto the web and get a CDN and have it all hooked up
in a matter of minutes? In this episode I’m gonna
tell you have you can do that with AWS Amplify. From the AWS Console, we can
search for the Amplify service by typing in “amplify” and hitting Enter. And let’s look at the
menu on the left-hand side and click on “All apps”. If you did have or do
have any apps connected you’ll see them here. If not, you can click on “Connect app”. Now you have a few options to connect. The newest option is to
“Deploy without Git provider”, so let’s select that and hit “Continue”. We have the option now
to provide an app name, an environment name and a
source method for our deploy. So for the app name, I’m
going to type in “clean_air”. For the environment, “dev”, and we’re going to choose “Drag and drop”. I’m gonna grab my Build folder and just drag it and drop
it into this here area, and then I can click on the folder and see the contents of that folder. Everything looks good, so I’m going to click “Save and deploy”,
give it a couple of minutes, and it’s going to provide
us with our domain, as well as the last time
we updated our deployment, the status of our current deployment, which is now successful. We can on the domain now it’ll
take us right to our project. If we give it a little bit we’ll see that our screenshot also was updated, so now we know what that
deployment looks like. Look at our app settings. Under “General” we have our app name, when it was created and the
last time it was updated. There isn’t much you can change, but you can hit “Edit”
and change your app name, as well as provide a service role. Under “Environments”, we can actually add or edit our current environment. So let’s add a new environment. I’m gonna add “prod”, and once again you choose a source method. In this case I’m going to go
with “Drag and drop” again, and I’m going to drop my Build folder in. Take a look at its contents and make sure everything I wanted is in there. “Save and deploy”, and now
we can see that’s queued up and waiting for deployment. And we’ll have two separate builds. We’ll have a deployment for our “dev”, and now we have a deployment
for our “prod” environment. We can click on the domain,
check out our environment. Now we have both the
“prod” and a “dev” up, so if we wanna do some checks,
we can see side by side. Jump back into here. We have a screenshot, as we did before, as well as the last deployment. Now if we go into “Domain management”, on the “Domain management” screen we can choose to provide
a redirect domain, something that’s a little
more user friendly, instead of the “dev.d2zZ”,
and we can do that for both our “dev” as well
as our “prod” environment. Email notifications, if you
would like to add an email, so you know when environments are changed, for example I can add
my email address here and choose an environment,
and then every time a build starts, succeeds or fails, we’ll get an email
notification about that. We can control the access as well. So we click on “Manage”, we can say this is publicly viewable, or we can provide a username and password. Thanks for watching this
video on AWS Amplify. Please consider subscribing
to stay up to date with all the latest in AWS Amplify. Leave a comment, I love reading them, and more importantly, I
definitely do reply videos. So if you have any questions
or comments or any feedback, make sure to drop a line for me in the comments section below.

One Reply to “Deploy Website in Minutes with AWS Amplify”

  1. Michael Wiginton says:

    Saw this os Twitter. Great video. Thanks for the information.

Leave a Reply

Your email address will not be published. Required fields are marked *