Goodbye, Manual Deployment! 👋 | Continuous Integration and Deployment using GitHub Actions & Hostinger I am delighted to announce the successful setup of an automated CI/CD pipeline for my most recent React application! 🚀 Prior to doing this, my deployment process involved steps such as: 1. Building locally. 2. Accessing FTP or the File Manager interface. 3. Uploading the contents of the dist folder manually. 4. Hoping to God I did not forget any files! 😂 Now, however, with the use of GitHub Actions, my workflow involves the following: ✅ Automation of the Build Process: Each commit to the code base generates a build within the virtual environment. ✅ Intelligent Sync Process: All production-relevant files are automatically synchronized to my Hostinger server using FTP. ✅ Lightning-Fast Deployment: My changes are live on the web in less than 2 minutes without human intervention. Aside from saving me time, the process helped me gain further insight into DevOps automation and how it can transform a developer’s workflow. 💻✨ More automation coming up next! 🛠️ #WebDevelopment #ReactJS #GitHubActions #CICD #DevOps #Automation #Hostinger #SoftwareEngineering #ContinuousDeployment
CI/CD with GitHub Actions & Hostinger Automates Deployment
More Relevant Posts
-
Stop scrolling — your local dev loop is wasting hours, not minutes. You ship features, not manual chores. Yet every day you: - hunt files with slow find, - wrestle with git diffs, - debug Actions by pushing commits, - and run a dozen inefficient CLI steps. Here’s a compact toolkit to cut that friction now. Tools & repos (plug-and-play): - https://github.com/cli/cli — GitHub CLI: open PRs, run checks, and merge from your terminal without the browser detour. - https://lnkd.in/gsjjxvF — act: run GitHub Actions locally to iterate CI fast instead of guessing after pushes. - https://lnkd.in/eAYmxkx — ripgrep (rg): search codebases at native speed; replace slow grep workflows and save minutes per search. - https://lnkd.in/deCEZuAh — fd: human-friendly, blazing-fast alternative to find for quick file discovery in projects. - https://lnkd.in/d9tbxZqw — delta: syntax-highlighted, side-by-side git diffs that make code review and debugging 10x clearer. How I wire them together in 10 minutes: - Use fd + rg to find the failing test and file. - Open the repo with gh issue/pr commands. - Run the exact workflow step locally with act. - Inspect changes with delta before committing. You’ll trade noisy friction for deliberate, fast iterations. What’s the slowest step in your dev loop right now — and which of these would you try first? #DeveloperTools #Automation #GitHub #CLI #DevProductivity #DevOps #OpenSource #Workflow #Tooling #BuildFaster
To view or add a comment, sign in
-
Developer: “Code works on my machine.” Production: “Cool… now watch this 💥” Somewhere between writing code and merging into GitHub, bugs sneak in, security issues hide, and code quality quietly takes a vacation. Manual reviews try their best… but let’s be honest — nobody spots everything (especially before coffee ☕). 🚀 Why Integrating SonarQube with GitHub Matters In today’s fast-paced development world, writing code is just the beginning — maintaining clean, secure, and reliable code is what truly makes a difference. 🔍 So, why integrate SonarQube with GitHub? When SonarQube is connected to your GitHub repositories, it automatically analyzes your code with every pull request or commit. This means issues are caught before they reach production. 💡 Problems it solves: ✅ Code Quality Issues Detects bugs, code smells, and duplication early in the development cycle. 🔐 Security Vulnerabilities Identifies potential security risks and helps developers fix them proactively. 📉 Technical Debt Highlights maintainability issues so teams can avoid long-term complications. 🔁 Manual Code Review Overload Reduces dependency on manual reviews by providing automated insights. 🚦 Quality Gates Ensures only code that meets defined standards gets merged. ⚡ Why it’s important: Promotes a shift-left approach (fix issues early) Improves developer productivity Builds confidence in deployments Encourages a culture of clean coding 👉 In short, integrating SonarQube with GitHub turns code review into a continuous, automated, and intelligent process. #CodeQuality #SonarQube #GitHub #DevOps #CleanCode #SoftwareDevelopment
To view or add a comment, sign in
-
-
Most developers know how to write a Dockerfile. Fewer know how to wire it into a pipeline that actually ships software. In my latest blog post, I document the exact GitLab CI/CD setup I used to automate the full deployment of a Vite React app on Docker — from running tests in an isolated Node.js container, to building and pushing a Docker image, to deploying to a live Ubuntu server via SSH. A few things worth highlighting: → Docker-in-Docker (DinD) isn't magic — it's just the Docker daemon running as a service container inside your job → Never put credentials in your YAML. GitLab's CI/CD variable system exists for a reason. → Stage ordering is architecture. Test → Build → Deploy isn't arbitrary — it's a failure-isolation strategy. If your team is still deploying manually, this post is a starting point worth bookmarking. 🔗 https://lnkd.in/exJVzMN2 #DevOps #GitLab #Docker #CI_CD #EnterpriseArchitecture #SoftwareEngineering
To view or add a comment, sign in
-
🚀 Just Leveled Up My Development Workflow with CI/CD! Instead of manually testing and deploying code, I set up a system where everything happens automatically: 𝘾𝙤𝙣𝙩𝙞𝙣𝙪𝙤𝙪𝙨 𝙄𝙣𝙩𝙚𝙜𝙧𝙖𝙩𝙞𝙤𝙣 (𝘾𝙄) • Automated linting & build checks using GitHub Actions • Every push & pull request now runs through a pipeline • Catches errors before they reach production 𝘾𝙤𝙣𝙩𝙞𝙣𝙪𝙤𝙪𝙨 𝘿𝙚𝙥𝙡𝙤𝙮𝙢𝙚𝙣𝙩 (𝘾𝘿) • Integrated my project with Vercel • Automatic deployments on merging to main • Preview deployments for pull requests 𝗖𝗜/𝗖𝗗 = 𝗺𝗮𝗸𝗶𝗻𝗴 𝘀𝘂𝗿𝗲 𝘆𝗼𝘂𝗿 𝗰𝗼𝗱𝗲 𝗶𝘀 𝘁𝗲𝘀𝘁𝗲𝗱 𝗮𝗻𝗱 𝘀𝗮𝗳𝗲𝗹𝘆 𝗱𝗲𝗹𝗶𝘃𝗲𝗿𝗲𝗱 𝘁𝗼 𝘂𝘀𝗲𝗿𝘀 𝘄𝗶𝘁𝗵𝗼𝘂𝘁 𝗺𝗮𝗻𝘂𝗮𝗹 𝗲𝗳𝗳𝗼𝗿𝘁 Why it matters: • Catches bugs early • Prevents broken deployments • Speeds up development • Builds confidence while shipping code I used GitHub Actions for CI and Vercel for deployment, with branch protection to ensure only tested code reaches production. Here’s what I learned and built: This was a small setup, but it really changed how I think about building and shipping software. Ibad Ullah Shaikh Ali Jawwad Hamzah Syed Hafiz Ali Ahmed Ameen Alam #WebDevelopment #NextJS #CICD #DevOps #GitHubActions #Vercel #SoftwareEngineering #NeverGiveUp
To view or add a comment, sign in
-
-
As someone learning Elixir, AI automation, and DevOps, I find tools like Precheck Developer really exciting The idea of defining reusable validation rules that automatically run in CI/CD pipelines feels like a big step toward smarter engineering workflows. Instead of repeating setup for every project, you just define rules once — and enforce them everywhere consistently. This is the direction I want to grow in: •Elixir backend systems •DevOps automation •AI-assisted development workflows
🚀 New Update: Precheck now supports CI/CD workflows for Elixir projects I’m excited to share an update on a project I’ve been working on — Precheck Developer. You can now integrate Precheck directly into your Elixir projects as part of your CI/CD pipeline, helping automate essential checks without the usual setup stress. 🔧 What this means: Seamless integration into your CI/CD workflow (e.g., GitHub Actions) Automated checks on every push or pull request Reduced need to manually define what to validate Consistent quality enforcement across your team Instead of worrying about what to check before deployment, Precheck handles it for you — making your pipeline smarter and more reliable. 💡 Even better, you can define these checks as rules across your team projects, ensuring everyone follows the same standards effortlessly. This aligns with how modern platforms like GitHub enable automated workflows to improve code quality and deployment confidence. (Check Charm - the best things and places) 🔗 Check it out here: https://lnkd.in/df2yqk2P I’d really appreciate your feedback, suggestions, or contributions 🙌 BEAM Devs Andrew Okoye Samuel Iheadindu Erlang Ecosystem Foundation #Elixir #DevOps #CICD #OpenSource #SoftwareEngineering #GitHub #BackendDevelopment 😊
To view or add a comment, sign in
-
DevOps teams, platform engineers building CI/CD pipelines, teams moving API testing into automation Git-Friendly API Tools? Great. But Can You Actually Run Them in CI/CD Without Installing Desktop Apps? CLI-native execution vs GUI tools with Git integration Your team switched to Bruno. Collections in Git ✓. Feature branches work ✓. Everything local ✓. Perfect... until you need to run tests in GitHub Actions. You check Bruno docs for CLI. There's bru CLI but it's experimental, limited features. You check Postman. Newman exists but needs your collection exported first. You check Apidog. No headless CLI at all. Your pipeline needs: 1. Clone repo 2. Install Node.js 3. Install Newman globally 4. Export Postman collection to JSON 5. Hope environment variables match 6. Run newman run collection.json -e env.json 7. Parse Newman's output format And if you're using Bruno? Good luck. The GUI is great for devs, but your CI/CD pipeline can't run a desktop app. 💡 SIH is CLI-first. Workflows ARE the runtime format. No export, no conversion, no desktop app. #SIH #SphereIntegrationHub #Automation #CLI #CICD #Git #PostMan #Bruno #ApiDog #GitHubAction #ApiCentric
To view or add a comment, sign in
-
-
Git Workflow (At a Glance) 🚀 Most developers use Git daily, but many still struggle with the difference between the Staging Index and Local Repo, or when to Merge vs. Rebase. If you’re guessing your way through your terminal, you’re eventually going to break a production branch. Stop memorizing commands and start understanding the architecture. 🛠 The Three Areas You Must Know: Working Directory: Where you actually write the code (Untracked/Modified). Staging Index: The "loading dock" where you prep your changes for a commit. Local Repo (.git/): Your personal history of snapshots. Remote Repo: Where the team collaborates (GitHub/GitLab). 💡 Key Technical Takeaways: Merge vs. Rebase: Merging preserves the full history with a "merge commit." Rebase rewrites history for a clean, linear timeline. Choose wisely based on your team's workflow. File Lifecycle: A file isn't just "saved"—it moves from Untracked → Staged → Committed → Modified. The "Safety Net" Commands: Learn git stash for temporary work and git revert to fix mistakes without destroying the commit history. The Reality Check: You aren’t a Senior Engineer until you can manage a complex branching model without losing data. Save this infographic for your next "merge conflict" headache. #DevOps #Git #VersionControl #CloudEngineering #SoftwareDevelopment #CodingTips #TechCommunity
To view or add a comment, sign in
-
-
𝗠𝗼𝘀𝘁 𝗨𝘀𝗲𝗱 𝗚𝗶𝘁 𝗰𝗼𝗺𝗺𝗮𝗻𝗱𝘀 1. 𝐠𝐢𝐭 𝐝𝐢𝐟𝐟: Show file differences not yet staged. 2. 𝐠𝐢𝐭 𝐜𝐨𝐦𝐦𝐢𝐭 -𝐚 -𝐦 "𝐜𝐨𝐦𝐦𝐢𝐭 𝐦𝐞𝐬𝐬𝐚𝐠𝐞": Commit all tracked changes with a message. 3. 𝐠𝐢𝐭 𝐜𝐨𝐦𝐦𝐢𝐭 --𝐚𝐦𝐞𝐧𝐝: Modify the last commit. 4. 𝐠𝐢𝐭 𝐬𝐭𝐚𝐭𝐮𝐬: Show the state of your working directory. 5. 𝐠𝐢𝐭 𝐚𝐝𝐝 𝐟𝐢𝐥𝐞_𝐩𝐚𝐭𝐡: Add file(s) to the staging area. 6. 𝐠𝐢𝐭 𝐜𝐡𝐞𝐜𝐤𝐨𝐮𝐭 -𝐛 𝐛𝐫𝐚𝐧𝐜𝐡_𝐧𝐚𝐦𝐞: Create and switch to a new branch. 7. 𝐠𝐢𝐭 𝐜𝐡𝐞𝐜𝐤𝐨𝐮𝐭 𝐛𝐫𝐚𝐧𝐜𝐡_𝐧𝐚𝐦𝐞: Switch to an existing branch. 8. 𝐠𝐢𝐭 𝐜𝐡𝐞𝐜𝐤𝐨𝐮𝐭 <𝐜𝐨𝐦𝐦𝐢𝐭>: Switches the working directory to a specific commit. 9. 𝐠𝐢𝐭 𝐩𝐮𝐬𝐡 𝐨𝐫𝐢𝐠𝐢𝐧 𝐛𝐫𝐚𝐧𝐜𝐡_𝐧𝐚𝐦𝐞: Push a branch to a remote. 10. 𝐠𝐢𝐭 𝐩𝐮𝐥𝐥: Fetch and merge remote changes. 11. 𝐠𝐢𝐭 𝐟𝐞𝐭𝐜𝐡: Fetch changes from the remote repository without merging. 12. 𝐠𝐢𝐭 𝐫𝐞𝐛𝐚𝐬𝐞 -𝐢: Rebase interactively, rewrite commit history. 13. 𝐠𝐢𝐭 𝐫𝐞𝐛𝐚𝐬𝐞 𝐛𝐫𝐚𝐧𝐜𝐡_𝐧𝐚𝐦𝐞: Rebase the current branch onto another branch. 14. 𝐠𝐢𝐭 𝐜𝐥𝐨𝐧𝐞: Create a local copy of a remote repo. 15. 𝐠𝐢𝐭 𝐦𝐞𝐫𝐠𝐞: Merge branches together. 16. 𝐠𝐢𝐭 𝐥𝐨𝐠 --𝐬𝐭𝐚𝐭: Show commit logs with stats. 17. 𝐠𝐢𝐭 𝐬𝐭𝐚𝐬𝐡: Stash changes for later. 18. 𝐠𝐢𝐭 𝐬𝐭𝐚𝐬𝐡 𝐩𝐨𝐩: Apply and remove stashed changes. 19. 𝐠𝐢𝐭 𝐬𝐡𝐨𝐰 𝐜𝐨𝐦𝐦𝐢𝐭_𝐢𝐝: Show details about a commit. 20. 𝐠𝐢𝐭 𝐫𝐞𝐬𝐞𝐭 𝐇𝐄𝐀𝐃~1: Undo the last commit, preserving changes locally. 21. 𝐠𝐢𝐭 𝐛𝐫𝐚𝐧𝐜𝐡 -𝐃 𝐛𝐫𝐚𝐧𝐜𝐡_𝐧𝐚𝐦𝐞: Delete a branch forcefully. 22. 𝐠𝐢𝐭 𝐫𝐞𝐬𝐞𝐭: Undo commits by moving branch reference. 23. 𝐠𝐢𝐭 𝐫𝐞𝐯𝐞𝐫𝐭 𝐜𝐨𝐦𝐦𝐢𝐭_𝐢𝐝: Create a new commit that undoes the changes of a specific commit. 24. 𝐠𝐢𝐭 𝐜𝐡𝐞𝐫𝐫𝐲-𝐩𝐢𝐜𝐤 𝐜𝐨𝐦𝐦𝐢𝐭_𝐢𝐝: Apply changes from a specific commit. 24. 𝐠𝐢𝐭 𝐛𝐫𝐚𝐧𝐜𝐡: Lists branches. 26. 𝐠𝐢𝐭 𝐫𝐞𝐬𝐞𝐭 --𝐬𝐨𝐟𝐭 𝐇𝐄𝐀𝐃^: Undo the last commit, but keep the changes. 27. 𝐠𝐢𝐭 𝐫𝐞𝐬𝐞𝐭 --𝐡𝐚𝐫𝐝: Resets everything to a previous commit, erasing all uncommitted changes. 28: 𝐠𝐢𝐭 𝐛𝐫𝐚𝐧𝐜𝐡 --𝐬𝐞𝐭-𝐮𝐩𝐬𝐭𝐫𝐞𝐚𝐦-𝐭𝐨 𝐫𝐞𝐦𝐨𝐭𝐞_𝐛𝐫𝐚𝐧𝐜𝐡: Sets the upstream branch to the specified #DevOps #SoftwareEngineering #TechCommunity #git #versioncontrol #github #javascript #developers
To view or add a comment, sign in
-
𝗠𝗼𝘀𝘁 𝗨𝘀𝗲𝗱 𝗚𝗶𝘁 𝗰𝗼𝗺𝗺𝗮𝗻𝗱𝘀 1. 𝐠𝐢𝐭 𝐝𝐢𝐟𝐟: Show file differences not yet staged. 2. 𝐠𝐢𝐭 𝐜𝐨𝐦𝐦𝐢𝐭 -𝐚 -𝐦 "𝐜𝐨𝐦𝐦𝐢𝐭 𝐦𝐞𝐬𝐬𝐚𝐠𝐞": Commit all tracked changes with a message. 3. 𝐠𝐢𝐭 𝐜𝐨𝐦𝐦𝐢𝐭 --𝐚𝐦𝐞𝐧𝐝: Modify the last commit. 4. 𝐠𝐢𝐭 𝐬𝐭𝐚𝐭𝐮𝐬: Show the state of your working directory. 5. 𝐠𝐢𝐭 𝐚𝐝𝐝 𝐟𝐢𝐥𝐞_𝐩𝐚𝐭𝐡: Add file(s) to the staging area. 6. 𝐠𝐢𝐭 𝐜𝐡𝐞𝐜𝐤𝐨𝐮𝐭 -𝐛 𝐛𝐫𝐚𝐧𝐜𝐡_𝐧𝐚𝐦𝐞: Create and switch to a new branch. 7. 𝐠𝐢𝐭 𝐜𝐡𝐞𝐜𝐤𝐨𝐮𝐭 𝐛𝐫𝐚𝐧𝐜𝐡_𝐧𝐚𝐦𝐞: Switch to an existing branch. 8. 𝐠𝐢𝐭 𝐜𝐡𝐞𝐜𝐤𝐨𝐮𝐭 <𝐜𝐨𝐦𝐦𝐢𝐭>: Switches the working directory to a specific commit. 9. 𝐠𝐢𝐭 𝐩𝐮𝐬𝐡 𝐨𝐫𝐢𝐠𝐢𝐧 𝐛𝐫𝐚𝐧𝐜𝐡_𝐧𝐚𝐦𝐞: Push a branch to a remote. 10. 𝐠𝐢𝐭 𝐩𝐮𝐥𝐥: Fetch and merge remote changes. 11. 𝐠𝐢𝐭 𝐟𝐞𝐭𝐜𝐡: Fetch changes from the remote repository without merging. 12. 𝐠𝐢𝐭 𝐫𝐞𝐛𝐚𝐬𝐞 -𝐢: Rebase interactively, rewrite commit history. 13. 𝐠𝐢𝐭 𝐫𝐞𝐛𝐚𝐬𝐞 𝐛𝐫𝐚𝐧𝐜𝐡_𝐧𝐚𝐦𝐞: Rebase the current branch onto another branch. 14. 𝐠𝐢𝐭 𝐜𝐥𝐨𝐧𝐞: Create a local copy of a remote repo. 15. 𝐠𝐢𝐭 𝐦𝐞𝐫𝐠𝐞: Merge branches together. 16. 𝐠𝐢𝐭 𝐥𝐨𝐠 --𝐬𝐭𝐚𝐭: Show commit logs with stats. 17. 𝐠𝐢𝐭 𝐬𝐭𝐚𝐬𝐡: Stash changes for later. 18. 𝐠𝐢𝐭 𝐬𝐭𝐚𝐬𝐡 𝐩𝐨𝐩: Apply and remove stashed changes. 19. 𝐠𝐢𝐭 𝐬𝐡𝐨𝐰 𝐜𝐨𝐦𝐦𝐢𝐭_𝐢𝐝: Show details about a commit. 20. 𝐠𝐢𝐭 𝐫𝐞𝐬𝐞𝐭 𝐇𝐄𝐀𝐃~1: Undo the last commit, preserving changes locally. 21. 𝐠𝐢𝐭 𝐛𝐫𝐚𝐧𝐜𝐡 -𝐃 𝐛𝐫𝐚𝐧𝐜𝐡_𝐧𝐚𝐦𝐞: Delete a branch forcefully. 22. 𝐠𝐢𝐭 𝐫𝐞𝐬𝐞𝐭: Undo commits by moving branch reference. 23. 𝐠𝐢𝐭 𝐫𝐞𝐯𝐞𝐫𝐭 𝐜𝐨𝐦𝐦𝐢𝐭_𝐢𝐝: Create a new commit that undoes the changes of a specific commit. 24. 𝐠𝐢𝐭 𝐜𝐡𝐞𝐫𝐫𝐲-𝐩𝐢𝐜𝐤 𝐜𝐨𝐦𝐦𝐢𝐭_𝐢𝐝: Apply changes from a specific commit. 24. 𝐠𝐢𝐭 𝐛𝐫𝐚𝐧𝐜𝐡: Lists branches. 26. 𝐠𝐢𝐭 𝐫𝐞𝐬𝐞𝐭 --𝐬𝐨𝐟𝐭 𝐇𝐄𝐀𝐃^: Undo the last commit, but keep the changes. 27. 𝐠𝐢𝐭 𝐫𝐞𝐬𝐞𝐭 --𝐡𝐚𝐫𝐝: Resets everything to a previous commit, erasing all uncommitted changes. 28: 𝐠𝐢𝐭 𝐛𝐫𝐚𝐧𝐜𝐡 --𝐬𝐞𝐭-𝐮𝐩𝐬𝐭𝐫𝐞𝐚𝐦-𝐭𝐨 𝐫𝐞𝐦𝐨𝐭𝐞_𝐛𝐫𝐚𝐧𝐜𝐡: Sets the upstream branch to the specified #DevOps #SoftwareEngineering #TechCommunity #git #versioncontrol #github #javascript #developers
To view or add a comment, sign in
-
-
DevOps Journey Continued. Step 2: CI/CD with GitHub Actions Link:- • GitHub https://lnkd.in/gwfXsp_3 • App https://lnkd.in/d5JnhrGz • Automated CI/CD pipeline with GitHub Actions • Backend: Docker build validation + deploy to Render via deploy hook • Frontend: Build + deploy using Vercel CLI • Centralized deployments — disabled platform auto-deploy • Secure secret management via GitHub Actions Secrets • Separate workflows for frontend and backend repos • Monitoring: UptimeRobot for uptime checks • Logging: Native logs from Render and Vercel Next Step: Testing in the CI/CD pipeline #cicd #githubactions #devops #fullstack #automation
To view or add a comment, sign in
-
Explore related topics
- Continuous Integration and Deployment (CI/CD)
- Automated Deployment Pipelines
- Continuous Deployment Techniques
- CI/CD Pipeline Optimization
- Deployment Workflow Automation
- How to Implement CI/CD for AWS Cloud Projects
- Streamlined CI/CD Setup for AWS
- How to Optimize DEVOPS Processes
- How to Automate Code Deployment for 2025
Explore content categories
- Career
- Productivity
- Finance
- Soft Skills & Emotional Intelligence
- Project Management
- Education
- Technology
- Leadership
- Ecommerce
- User Experience
- Recruitment & HR
- Customer Experience
- Real Estate
- Marketing
- Sales
- Retail & Merchandising
- Science
- Supply Chain Management
- Future Of Work
- Consulting
- Writing
- Economics
- Artificial Intelligence
- Employee Experience
- Workplace Trends
- Fundraising
- Networking
- Corporate Social Responsibility
- Negotiation
- Communication
- Engineering
- Hospitality & Tourism
- Business Strategy
- Change Management
- Organizational Culture
- Design
- Innovation
- Event Planning
- Training & Development