Cloud Computing

Dima Al-Buheisi

CI/CD with GitHub Actions + GitHub Pages

Pipeline Active Site Deployed
01

What is CI/CD?

CI/CD stands for Continuous Integration and Continuous Deployment. It is a modern software development practice that automates the process of building, testing, and deploying code. Every time a developer pushes new code, the CI/CD pipeline automatically runs checks to ensure nothing is broken. If all checks pass, the code is automatically deployed to the live environment without any manual steps. This approach reduces human error, speeds up delivery, and ensures the application is always in a working state. CI/CD is a core pillar of DevOps and cloud-native development.

02

My Pipeline

Push
Push to main
I commit and push my code to GitHub
>>
Check
CI: Build & Check
GitHub Actions verifies all required files exist
>>
Deploy
CD: Deploy
Site is automatically published to GitHub Pages

After every push to the main branch, GitHub Actions runs the deploy.yml workflow. It first checks that index.html, style.css, and script.js all exist. Then it uploads the files and deploys the site live — no manual action needed.

03

Interactive Demo

Click the button to see CI/CD in action — just like pushing to GitHub triggers the pipeline!