There have been a few of you that have asked about hosting a website using AWS S3 bucket. I’m assuming those of you that are interested in this is looking to host a static website. Now what is a static website? Basically it is a website that does not need to display any dynamic information from , say a database, or some other source that has to be pull into your website with some back-end coding.
The content/information is all stored as part of the HTML page files. If that is what you want then yes we can use something like an AWS S3 to host static web pages/sites.
As I mentioned you can host a Static website on AWS S3, but there are some drawbacks. 1. You can’t use a custom domain. 2. You have to do some extra configuration to get it working because S3 by default is not meant to be a public storage.
If you want to use your own custom domain and use HTTPS, then you have to add on another couple of components called AWS Route 53, AWS Certificate management and AWS Cloudfront. There are several or maybe more steps to get everything working correctly and configured so that we can host your website on S3. So I don’t recommend that, instead since on this channel I focus on simplicity and a bit efficiency, today I will show you a quick and easy way to setup a static website using AWS but instead of S3 and other components, we’ll use AWS Amplify. So without further ado, let’s get started.
In this video I will do a walk-through on how to setup a Static Website with an AWS service called Amplify. The service makes it very easy to setup static website hosting. Under the hood it uses AWS services lik S3, CloudFront, Route 53 and Certificate Manager, but you won’t have to deal with configuring all of those individually.
Some links I refer to in the video:
Benefits of a Static Website: https://coder.today/tech/2018-10-27_10-examples-of-how-to-use-static-html-websites/
AWS Documentation on S3 Hosting:
- https://docs.aws.amazon.com/AmazonS3/latest/dev/website-hosting-custom-domain-walkthrough.html
- https://aws.amazon.com/getting-started/hands-on/host-static-website/
- Medium article on Hosting website with S3: https://medium.com/@channaly/how-to-host-static-website-with-https-using-amazon-s3-251434490c59
- HTML5Up Template: https://html5up.net/
As always if you found this useful, like the video, Subscribe and most importantly share this with Others and ask them to subscribe!!
All videos tutorials on the website as well as the YouTube channel aim to provide a simplified process for a specific scenario; there could be many different factors and unique use cases you may have. The tutorials may not cover every situation; so treat is as a starting point or learning concept to apply to your unique situations, and consider this inspiration but not prescription or explicit direction.
