Deploy a Static Site with GitHub Actions and DigitalOcean | Project Part 11

In this stream I worked on the deployment process for Practice Layouts and set up a GitHub Actions workflow to deploy the site to DigitalOcean. The goal was to move from a manual FTP/rsync style process into a more modern frontend workflow where an integrations branch deploys to GitHub Pages, and merging into main deploys to production. I used ChatGPT as planning and implementation partner while working through SSH keys, GitHub repository secrets, a dedicated deploy user, least-privilege permissions, rsync exclusions, branch setup, GitHub Pages, pull requests, and production deployment. We also tested the workflow by creating inner pages, pushing to the integrations branch, checking the dev site, and then merging a pull request into main to deploy production. #html #css #javascript Topics covered: Using ChatGPT for deployment planning Why DevOps matters for front-end developers Creating a dedicated deploy user on DigitalOcean Using least privilege for deployment access Creating SSH keys for GitHub Actions Adding GitHub repository secrets Writing a GitHub Actions workflow for production deploys Using rsync exclusions so only site files deploy Creating an integrations branch for GitHub Pages Testing a pull request based production deployment Planning follow-up QA, meta tags, 404 pages, and source-folder cleanup This video is for front-end developers who want to understand practical deployment workflows for HTML, CSS, and JavaScript projects. Subscribe for more live coding with frontend development, accessibility, JavaScript, deployment, AI workflows, and real-world project process. 🎵 Song: Ocean Drive Music by: CreatorMix.com 🟣 REPO: https://github.com/angelajholden/prac... 🔵 CODE REVIEWS: https://angelajholden.com/consulting 🔵 EMAIL: [email protected] 🟢 SPONSOR: https://github.com/sponsors/angelajho... 🟢 DONATE: https://www.paypal.me/angelajholden 📚 Chapters 00:00:00 Starting Soon 00:02:48 Intro and Deployment Goal 00:12:42 Next Project + AI Transcript Workflow 00:29:46 Deployment Plan 00:34:33 Least-Privilege Deploy User 00:46:33 SSH Key Setup 00:55:20 GitHub Repository Secrets 01:03:17 Writing the GitHub Action 01:09:25 Rsync Exclusions 01:14:30 First Production Deploy 01:31:22 Creating Test Pages 01:41:26 Pull Request to Production 01:48:09 Wrap-Up and Next Steps