Build & Deploy React Vite Website on Github Pages (CI/CD)
- React Vite 웹사이트를 GitHub Pages에 구축 및 배포하는 방법을 GitHub Actions를 사용한 CI/CD 파이프라인을 통해 자동화하는 튜토리얼입니다. 🚀
- Zigo Cloud라는 글로벌 통신 서비스 제공업체를 소개하며, 개발자 친화적인 SDK 및 API를 통해 다양한 통신 기능을 앱에 구축할 수 있다고 설명합니다. 🗣️
- React Vite 프로젝트 설정, GitHub Actions 워크플로 작성, GitHub Pages 자동 배포 구성 및 일반적인 문제 해결 방법을 자세히 안내합니다. 💻
- 몇 줄의 코드로 향후 배포에 드는 시간을 절약하는 방법을 보여줍니다. ⏱️
- GitHub Pages 배포를 위해
gh-pages
npm 패키지를 사용하고, vite.config.js
에 base path를 설정하는 방법을 설명합니다. 🌐
- GitHub Actions를 이용하여 코드 변경 시 자동으로 CI/CD 파이프라인을 실행하고 최신 코드를 배포하는 방법을 제시합니다. ⚙️
deploy.yml
파일을 작성하여 GitHub Actions 워크플로우를 설정하고, 코드 체크아웃, Node.js 설정, 종속성 설치, 빌드, 배포 단계를 자동화합니다. 🤖
- GitHub Secrets를 사용하여 GitHub 토큰을 안전하게 관리하는 방법을 보여줍니다. 🤫
- 튜토리얼 과정에서 발생하는 오류 및 해결 방법을 제시합니다. 🐞