Gitlab CI/CD pipeline for Vue
@namdau
Continuous Integration (CI)
integrating code into a shared repository and building/testing each change automatically, as early as possible - usually several times a day.
CD?
Continuous Delivery
Continuous Deployment
Human intervention is the difference
Workflow
Source: Gitlab
But why Gitlab then?
#01
ONE TOOL TO RULE THEM ALL
That's it?
#02
Self-hosting & open-source
Still not convinced?
#03
Gitlab uses Vue for the entire frontend
After a git push
1. Code review:
- Code linting
- Style linting
- Markdown linting
2. Test:
- Unit test
- e2e test
2. Build:
- Install npm dependencies
- Build for staging
- Build for production
4. Deploy:
- Deploy dist/ to AWS S3
- Deploy dist/ to Netlify
- Deploy dist/ to Nginx webroot
.gitlab-ci.yml
