New year, new website… again. But this one may be here to stay.
Solving a series of problems starting from an idea to a fully working system is why I love my work. It makes me happy.
“To be happy we need something to solve. Happiness is therefore a form of action;” ― Mark Manson, The Subtle Art of Not Giving a F*ck: A Counterintuitive Approach to Living a Good Life
If you haven’t read the book I highly recommend you do.
This time the setup is a whole new beast. Everything is fully automated in a Continuous Deployment pipeline and every component can be found on my github profile.
I had a few issues with the last platform I used and I wanted them addressed.
I also wanted to learn something new. The solution was to somehow set up a CI/CD pipeline for my website, host it on AWS and make it in such a way so that is doesn’t backstab my wallet.
Since Ghost doesn’t support static file hosting I needed a new platform.
After some research and testing, I ended up on hexo because:
- it’s fast
- uses markdown
- extendable via plugins
- has lots of themes to choose from
- supports static file hosting
Took me a while to configure hexo to the way I wanted and once I did it wasn’t hard to figure out to put it as a static website on S3. AWS’s official guide was sufficient in giving me all the needed information.
So sum up the general workflow of adding a new post
git pushlocally edited files to a remote github repo
- travis ci is set up to watch the repo and on a commit execute the build details in
.tavis.yamlin the root of the project
- travis generates the static files and pushes them to the designated AWS S3 Bucket
Like I said, everything is open and can be found on my github, along with the basic understanding of how everything works which is explained in this post you should have no problem 1:1 copying and modifying to fit your needs.
The AWS part might be the only one which requires more info.
S3 does the job, but only if we want to use the AWS’s S3 endpoint. If we want to use a custom name we have to point our Domain Name to the AWS’s S3 endpoint, but this method doesn’t allow us to use https directly on AWS.
In order to use TLS, we have to use CloudFront and attach a certificate to our CF id, for which a guide can be found here.
Update: I ditched LE in favor of AWS Certificate Manager just so I don’t have to think about constantly renewing. They offer free public certificates.
So, in the end, it looks something like this:
S3 files -> S3 endpoint -> CloudFront ID
(With LE Cert) -> Route 53 Alias
Note: Due to the way CloudFront works in caching our content your changes won’t be visible immediately upon the files updating in S3 (it can take up to 24h). If you want to circumvent this you need to trigger an invalidation on CloudFront, more info here.
This is nice and all, but how much will this cost me? – Well it will cost you almost nothing compared to other hosting providers. AWS does an estimation here which says:
The total cost of hosting your static website on AWS will vary depending on your usage. Typically, it will cost $1-3/month if you are outside the AWS Free Tier limits. If you qualify for AWS Free Tier and are within the limits, hosting your static website will cost around $0.50/month.
In my case, so far it is costing just as they said, $0.50/month since I am still in the free tier.
All in all, it was a nice learning experience for me, I got to research in depth multiple AWS services as well as get some hands-on experience and in doing so I got to update my website.
I still have some ideas for possible improvements, like:
- cache invalidation via lamba
let’s encrypt certificate renew via lamba
Time to start playing with lambda :)