Automating the Deployment

Building a modern website isn’t just about writing HTML; it’s about the pipeline. I have configured a fully automated workflow where I can focus on creating content in VS Code, and let the machines handle the heavy lifting of compilation, optimization, and delivery.

The Workflow

1. Local Development

It all starts in VS Code. I write MDX content, tweak React components, and style with Tailwind. Once I’m happy with the changes locally, I commit them to the repository.

2. Push to GitHub

A simple git push is the trigger. My source code travels to a private GitHub repository, which automatically wakes up the GitHub Actions runner.

3. Node.js & Asset Optimization

This is where the magic happens. A virtual Linux environment spins up and initializes a Node.js environment.

Compiles MDX/React to static HTML
Repacks & Compresses Images
Minifies CSS & JavaScript bundles
Validates Types (TypeScript)

4. Live Deployment

Once the build is green, the dist folder—containing the polished, production-ready site—is securely transferred to my web server. The live site updates instantly without me ever touching an FTP client.

“By offloading the image processing to the cloud, I ensure that every visitor gets the smallest possible file size without slowing down my local computer during development.”