Deploying DevOps Portfolio with Git and Vite Issues Resolved

🚀 Deploying My DevOps Portfolio – Learning Through Real Issues Today I worked on deploying my React + Vite DevOps Portfolio to GitHub Pages. While setting it up, I ran into several real-world Git and deployment issues — and fixing them turned into a great learning experience. Here are some challenges I faced 👇 🔹 SSH Authentication Issue While running git fetch, I received: Permission denied (publickey) ✔️ Fixed by generating an SSH key and adding it to GitHub. 🔹 Read-Only SSH Key Issue While pushing the branch: ERROR: The key you are authenticating with has been marked as read only. 💡 Lesson learned: I had added the key as a Deploy Key (read-only) instead of a User SSH Key. After moving it to GitHub → SSH Keys, push access worked. 🔹 Branch Tracking Issue Git showed: There is no tracking information for the current branch. ✔️ Fixed by linking the branch: git push -u origin devops/portfolio 🔹 Nested Git Repository Issue Git failed while adding files because a folder inside the project had its own .git repository. ✔️ Solution: Removed the inner .git directory and committed normally. 🔹 Deploying Vite App to GitHub Pages Configured deployment using gh-pages, updated package.json, and successfully deployed the project. 💡 Key Learning DevOps is not just about using tools. It's about debugging issues, understanding Git behavior, and solving real deployment problems step by step. Every issue solved adds another layer of experience. I’m currently building my DevOps portfolio with CI/CD, Docker, and cloud deployments. If you have suggestions or best practices for deploying React/Vite projects with DevOps workflows, I’d love to hear them. #DevOps #Git #GitHub #CI_CD #React #Vite #LearningInPublic #OpenToWork

  • No alternative text description for this image

To view or add a comment, sign in

Explore content categories