Host a Vue.js static site on Amazon S3

Vue.js is awesome. AWS is beyond awesome. Let’s use them together.

S3

Amazon Simple Storage Solution is for hosting files. It is object based storage so you cannot run a database or operating system on it. It is great for hosting assets on it. In this tutorial we’re going to host a static site on it. By static site I mean a collection of HTML, CSS and Javascript files.

Before we dive too deep there are other solutions out there like Github Pages and Forge. Those sites are cool because you can straight up git push to deployment. They’re all free or basically free. S3 is a legit solution though because it is has unlimited scalability and it gets us started with Amazon Web Services. You can enable versioning on the S3 buckets that will show a history of your deployments.

They use S3 static sites for major motion picture movie sites that get battered by bajillions of pageviews. Amazon S3 is Internet Scale™️ so it won’t crap out when your first website is featured by the New York Times.

Vue.js

Vue.js has a command line tool for generating static sites. This is officially maintained by…