Continuous Deployment for Open Source projects

Open Source projects are a good way to get visibility and share knowledge with the community. However, you can't get those benefits until you publish your projects. The purpose of this talk is to show you how to publish your projects and create a continuous deployment pipeline.

The example repository of the presentation is: https://github.com/Angelmmiguel/rock-the-open-source

Transcript

1. Rock the #OpenSource Continuous Deployment
2. Confidential Angel M de Miguel UX Engineer github.com/Angelmmiguel @laux_es
3. Confidential svgi graaf.space material Icons For Rails ...
9. Benefits • Visibility • Adoption • Conversations & Contributions
13. Static apps and sites
14. Static apps and sites Applications that can be fully run in the browser
15. Static apps and sites HTML + CSS + Javascript
16. Static apps and sites • Sites for our projects • Browser apps with vue, react... • Full Stack apps that use external services. Ex. Firebase.
17. Static sites CI/CD • Github Pages (Travis) • Surge.sh (Travis) • Netlify
18. Github pages
19. Github pages
20. Github pages # Generate deploy key ssh-keygen -t rsa -b 4096 -C "email" # deploy.pub deploy
21. Github pages
22. Github pages (encrypt key) gem install travis travis login travis encrypt-file deploy
23. Travis environment variables
24. Github pages (deploy.sh) deploy.sh
25. language: node_js node_js: - "7" cache: yarn install: - yarn install - yarn global add surge now Github Pages (.travis.yml)
26. jobs: include: - stage: test script: yarn test Github Pages (.travis.yml)
27. jobs: include: # ... - stage: publish script: - yarn build - ./deploy.sh Github pages (.travis.yml)
28. Travis stages Test Publish https://docs.travis-ci.com/user/build-stages
29. Github pages CI/CD • Automatic deployments with Travis • Encrypt files with Travis
30. Surge.sh
31. Surge.sh npm install -g surge surge login surge token
32. Surge.sh # Create variables in the CI SURGE_LOGIN=email SURGE_TOKEN=token
33. jobs: include: # ... - stage: publish script: - yarn build - surge --project ./build --domain rock-the-open-source.surge.sh Surge.sh (.travis.yml)
34. Netlify
35. Netlify
36. Netlify
37. Netlify
38. Netlify
39. Netlify
40. Static sites CI/CD
41. Static sites CI/CD • https://angelmmiguel.github.io/rock-the-open- source • https://rock-the-open-source.surge.sh/ • https://rock-the-open-source.netlify.com/
42. Full Stack Applications
43. Full Stack Applications Applications that need to run a backend server
44. Applications CI/CD • Heroku • now (Travis)
45. Heroku
46. Heroku
47. Heroku
48. Heroku
49. Heroku
50. Heroku
51. Heroku
52. Now
53. Now (get token) https://zeit.co/account/tokens
54. Now (now_deploy.sh) now_deploy.sh
55. jobs: include: # ... - stage: publish script: - ./now_deploy.sh now (.travis.yml)
56. Applications CI/CD
57. Applications CI/CD
58. Applications CI/CD
59. Applications CI/CD • https://rock-the-open-source.now.sh • https://rock-the-open-source.herokuapp.com/
60. Now we have continuous deployments!
61. Confidential Questions?
62. Thank You