Frontend

Stack

The user interface is built using Hugo, a static site generator that allows me to focus on writing blog content in Markdown. I customize the UI with Bootstrap, as well as my own HTML and CSS. I’ve utilized JavaScript to bring additional functionality to the demo pages. The frontend is hosted locally using Docker Compose and nginx, providing a consistent development environment.

Architecture

Static site is stored on AWS S3 and hosted using AWS CloudFront for fast, cached, and reliable content delivery. This setup is fully serverless, ensuring scalability and cost-effectiveness.

frontend_architecture.png class=arch-img

Deployment

I built a Python script to streamline the deployment process. This script triggers a Hugo build to generate the static site and then uses Boto3 to upload the generated static site to an AWS S3 bucket. This automated approach ensures efficient and consistent deployment of the frontend.