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

A sample project

http://gitlab.com/namdq/vuejs-meetup-gitlab-ci-sample/
https://github.com/namdau/vue-meetup-vn-gitlab-ci-sample

Thank you,

and just ask away!