Este é um repositório que foi criado para aprender a implementar CI/CD utilizando Github Actions.
O projeto contém um template do Vite, um botão que conta cliques desenvolvido com HTML, CSS e JavaScript, além de testes implementados com Vite para validar o funcionamento da aplicação e serem utilizados nas actions.
O repositório tem duas actions: development.yaml
e production.yaml
. Ambas executam os testes automatizados(CI) e, em caso de sucesso, fazem o deploy da aplicação (CD), seja o deploy de preview ou o deploy de produção.
- Deploy de Produção: https://github-actions-ci-cd-one.vercel.app
- Deploy de Preview: https://github-actions-ci-cd-santanajoao.vercel.app
- A branch
main
é protegida e não permite pushs diretos, apenas pull requests, rodando a action a cada pull request. - A branch
development
permite pushs e roda a action a cada push, mas só pode ser mergeada namain
com um pull request.
Para fazer o deploy autenticado, foi definido um secret do repositório que armazena o token.
- Faça um fork do projeto.
- Crie sua conta ou entre em sua conta da Vercel
- Navege para esse link: https://vercel.com/account/tokens
- Crie um token e copie
- Nas
Configurações do repositório > Secrets and Variables > Actions
e crie uma secret com o nomeVERCEL_TOKEN
e adicione seu token
- Vá para a branch de desenvolvimento:
git checkout development
. - Faça modificações e envie as alterações para o repositório
git add..., git commit..., git push...
. - Automaticamente a action de desenvolvimento será executada.
- Crie um pull request para a branch main
- Automaticamente a action será executada e em caso de sucesso você poderá fazer o merge