The document provides an introduction to CI/CD (Continuous Integration and Continuous Development) by Farhan Naufal Ghani, explaining its concepts, benefits, and tools, particularly focusing on GitLab CI/CD and its runner. It outlines the steps for setting up CI/CD processes using examples in Vue.js and provides links to resources for best practices in Android and iOS development with GitLab. The author invites feedback on the content and includes several helpful links to further information and resources.

1. CI/CD
Continuous Integration &
Continuous Development

2. Self Introduction
Farhan Naufal
Ghani
Padalarang, Kab.
Bandung Barat
DevOps at GITS
Indonesia
Let’s know about me

3. Introduction
CI/CD

4. What is CI ?
● Continuous Integration in Indonesia means
● “Integrate” your code into automated process continuously

5. What is CD ?
Its can be ....
Continuous Delivery
-> Give the result to User or Anyone?
Continuous Deployment
-> Run my apps and share it
I call it ...
Continuous
Development

6. What is Benefit of CI/CD ?
Fast
Development
and
Feedbacks
Detect Issue
And
Fix it early
Minimize
Human Error
from nevercode.io Monitoring

7. Tools Integration for CI/CD
ETC ...

8. Introduction
Gitlab CI/CD and Runner

9. Gitlab CI/CD
● “Continuous Integration is
built-in to GitLab”
● Fully integrated with GitLab
https://about.gitlab.com/product/continuous-integration/

10. What is Gitlab Runner?
● Agent Gitlab CI installed on PC/Laptop or Server
● Container for run your CI
● Written in GO
● Configuration CI using .gitlab-ci.yml with YAML
You can see at : https://docs.gitlab.com/ee/ci/yaml/

11. Why Gitlab Runner?
● Multi-platform: Linux, OSX, Windows, Docker and etc ..
● Parallel builds
● Realtime logging
● Container Registry

12. Architecture

13. Before you begin
1. Create Repository and Push your code to repository or you already have
one
2. Deploy your Apps (Continuous Deployment) : Web Application or API
3. Create Step Pipeline

14. Before you begin
4. Create Step Procedure based on Pipeline you build
Example Build in VueJS:
$ npm install
$ npm run build
Example Test in VueJS:
$ npm run test:unit

15. Example Gitlab CI/CD using VueJS
● Using :
○ Linux Ubuntu 18.04 (Production)
○ Windows (Local Laptop)
● Web Server :
○ NGINX (Production)
○ XAMPP Apache (Local Laptop)
● Depedency :
○ Nodejs ver 10.X.X
Production URL :
https://gits-class.farhan.id
Gitlab Runner Labs :
http://bit.ly/gits-class-runner-labs
Repository :
https://gitlab.com/gits-class-15

16. Best Practice
● Android — CI / CD Getting Started
http://bit.ly/cicd-android
● CI/CD di iOS Menggunakan GitLab Runner
http://bit.ly/cicd-ios
● Docker Laravel NGINX w Gitlab CI/CD
http://bit.ly/cicd-docker-laravel

17. Production URL :
https://gits-class.farhan.id
Gitlab Runner Labs :
http://bit.ly/gits-class-runner-labs
Repository :
https://gitlab.com/gits-class-15

18. Thank You
Don’t forget to give us feedbacks
http://bit.ly/GITSClass16