Ask HN: How to deploy a single web page in 2019?

It's a index.html with a Bootstrap hero image and responsive grid, then there's a index.js with some Vue.js glue logic (get a .json file and populate the Bootstrap grid) and of course some custom css in a custom.css file. Maybe 150-200 lines of code tops.

I could just FTP this to the server nginx folder, or git push to my repo and pull it on the server, and that would work fine. But I've noticed everyone else is doing it differently: should I use npm to install Bootstrap and Vue instead of having them downloaded manually in a css/ and js/ folder? Do people still use bower? Should I use webpack and how do I make webpack come together, like, place scripts and custom css in the right order? Should I just build it all around Vue.js and install bootstrap-vue and use those components instead, and then npm build and deploy the dist/ folder? Do I Dockerize all this and reverse proxy it behind the existing Nginx instance?

Sorry if this sounds like parody but I'm really confused :/

All of those other tools and techniques apply to companies wanting to efficiently organize and deploy projects at scale. If your friend's company is fine with what is essentially just a static brochure page, then that added complexity is unnecessary.

If you're only going to build a simple app for friends and family as a hobby which would receive less than 10000 hits in a day, Kubernetes cluster seems like an overkill. CI (automated builds and tests) could still offer some advantages to maintain good long term health of the hobby project.

But other than that just copying over the files or pulling it from Git sounds just fine. Perhaps even go for a cheaper option like Linode or Digital Ocean for hosting instead of AWS/GCP/Azure.