Action Packed JAMstack

GitHub Actions is the biggest feature coming out of GitHub since the Pull Request and it is now empowering the JAMstack in ways that have not previously been conceived. Join in my walkthrough how you can leverage this new tool in creating Action packed workflows to supercharge your repos and GitHub experience. Build your container apps to run arbitrary code, publish packages to registries, or even automate welcoming new users to your projects — with access to the full GitHub API and any other public APIs, Actions has limitless to enhance you JAM.

Transcript

1. Action packed JAMstack sandwich.netlify.com @bdougieYO @bdougieYO @bdougieYO
2. Internet history
3. + = @bdougieYO
4. @bdougieYO
5. CSS from Craigslist @bdougieYO @bdougieYO
6. .textarea {color:#aaa !important} @bdougieYO @bdougieYO
7. spacejam.netlify.com
8. + = @bdougieYO +
9. + = @bdougieYO +
10. + = @bdougieYO +
11. build tools @bdougieYO @bdougieYO
12. javascript styles Static assets index.html Web Application images build process workflow components node_modules lib public @bdougieYO Build tool workflow
13. The on-demand build tool infrastructure Browser Client Build Tool microservices @bdougieYO @bdougieYO
14. Continuos Integration (CI) @bdougieYO @bdougieYO
15. @bdougieYO @bdougieYO
16. The Website CDN Continuous Delivery Git @bdougieYO @bdougieYO Pumping up the JAM
18. The GitHub workflow provides better collaboration @bdougieYO @bdougieYO
19. Beyoncé AdvocateTools Brian Douglas Money$ign @bdougieYO @bdougie @bdougieYO
20. Queen Bey
21. What Would Bey Do? @bdougieYO
22. go to bat for the hive
23. @bdougieYO github.com/dear-github/dear-github
24. @bdougieYO We can’t wait for new letters to solve
25. @bdougieYO
26. GitHub API @bdougieYO sandwich.netlify.com @bdougieYO
27. Improve you’re experience with GitHub @bdougieYO
28. automate workflows @bdougieYO By leveraging the GitHub API
29. allow integrators the flexibility to request specific access to resources and act as a first class actor without taking up a paid seat within an organization. @bdougieYO sandwich.netlify.com @bdougieYO @bdougieYO @bdougieYO @bdougieYO @bdougieYO GitHub Apps
30. @bdougieYO identify repeated tasks “We {action} every {period of time}.”
31. Pull Reminders @bdougieYO
32. @bdougieYO identify repeated tasks “We review pull request once a day.”
33. • Web hooks • Authentication • Token based actor • Template into the GitHub API @bdougieYO sandwich.netlify.com @bdougieYO @bdougieYO @bdougieYO @bdougieYO @bdougieYO GitHub Apps benefits
34. probot.github.io @bdougieYO
35. @bdougieYO Probot + Octokit
36. listen to webhooks @bdougieYO Take action via the GitHub API
37. @bdougieYO
38. @bdougieYO
39. Integrating CI/CD with GitHub’s API @bdougieYO
40. Continuous integration exist to improve developers piece of mind @bdougieYO @bdougieYO
41. CI/CD: Pipeline Source Control Commit changes Build Run build + unit tests Staging Deploy to test environment Production Deploy to production environment @bdougieYO
42. CI/CD: Automation Source Control Commit changes Build Run build + unit tests Staging Deploy to test environment Production Deploy to production environment @bdougieYO
43. CI/CD: Source control Source Control Commit changes Build Run build + unit tests Staging Deploy to test environment Production Deploy to production environment @bdougieYO
44. CI/CD: Pipeline Source Control Commit changes Build Run build + unit tests Staging Deploy to test environment Production Deploy to production environment @bdougieYO
45. CI/CD: Build confidence Source Control Commit changes Build Run build + unit tests Staging Deploy to test environment Production Deploy to production environment @bdougieYO
46. –Beyoncé “If everything was perfect, you would never learn and you would never grow.” Source Control Build @bdougieYO @bdougieYO
47. CI/CD: Linting Source Control Build @bdougieYO
48. Great CI at work
49. GitHub is a collaboration platform. We provide enough features and get out of the way of the developer. @bdougieYO @bdougieYO @bdougieYO @bdougieYO @bdougieYO @bdougieYO
50. GitHub Actions allow you to implement custom logic without creating an app to perform the task you need. @bdougieYO sandwich.netlify.com @bdougieYO @bdougieYO @bdougieYO @bdougieYO @bdougieYO GitHub Actions @bdougieYO
51. • Combine Actions to create workflows • Run code from anywhere • Provide token secrets • 59 mins of runtime @bdougieYO sandwich.netlify.com @bdougieYO @bdougieYO @bdougieYO @bdougieYO @bdougieYO GitHub Actions @bdougieYO
52. @bdougieYO sandwich.netlify.com @bdougieYO @bdougieYO @bdougieYO @bdougieYO @bdougieYO gipht @bdougieYO
53. @bdougieYO sandwich.netlify.com @bdougieYO @bdougieYO @bdougieYO @bdougieYO @bdougieYO gipht @bdougieYO
54. @bdougieYO sandwich.netlify.com @bdougieYO @bdougieYO @bdougieYO @bdougieYO @bdougieYO .github/main.workflow @bdougieYO
55. @bdougieYO sandwich.netlify.com @bdougieYO @bdougieYO @bdougieYO @bdougieYO @bdougieYO Stored secrets in GitHub @bdougieYO
56. @bdougieYO sandwich.netlify.com @bdougieYO @bdougieYO @bdougieYO @bdougieYO @bdougieYO .github/main.workflow @bdougieYO
57. @bdougieYO sandwich.netlify.com @bdougieYO @bdougieYO @bdougieYO @bdougieYO @bdougieYO Combining Actions @bdougieYO
58. Checks API
59. Checks API: Sophisticated feedback @bdougieYO @bdougieYO @bdougieYO
60. @bdougieYO @bdougieYO GitHub App: TravisCI • Test and Deploy with Confidence. @bdougieYO
61. @bdougieYO @bdougieYO Checks share more information @bdougieYO
62. “Check on it” pull request @bdougieYO @bdougieYO @bdougieYO
63. @bdougieYO @bdougieYO github.com/apps/linter-alex @bdougieYO
64. @bdougieYO @bdougieYO New Checks tab in the UI @bdougieYO
65. @bdougieYO @bdougieYO Checks dashboard provides more sophisticated feedback for the developer @bdougieYO
66. @bdougieYO @bdougieYO Checks dashboard provides more sophisticated feedback for the developer @bdougieYO
67. @bdougieYO @bdougieYO @bdougieYO
68. Checks API @bdougieYO
69. Checks API: Check Suite initiated By default, GitHub creates a check suite automatically when code is pushed to the repository. @bdougieYO
70. Checks API: Check Run events GitHub automatically adds new check runs to the correct check suite based on the check run's repository and SHA. @bdougieYO
71. Checks API: Check Run status updates Check suites summarize the status and conclusion of the check runs that a suite includes. @bdougieYO
72. Annotations are available to provide more context to your check_runs @bdougieYO @bdougieYO
73. Pull request context @bdougieYO @bdougieYO
74. Actions in 2 steps @bdougieYO @bdougieYO
75. 1. Put Dockerfile next to your code @bdougieYO
76. 2. .github/main.workflow Alex in action @bdougieYO
77. Deployments API
78. As a developer I would like to trigger deploys when a pull request is opened and offload the management of staging environment generation to my CI automation. –bdougie @bdougieYO @bdougieYO
79. Netlify • Build, deploy, and manage modern web projects @bdougieYO
80. GitHub App: Netlify Installing the Netlify App grants you access to a number of checks associated building and deploying your site. @bdougieYO
81. GitHub App: Netlify is using the Checks API • Build, deploy, and manage modern web projects @bdougieYO
82. The GitHub Actions exist to empower developers @bdougieYO @bdougieYO
83. New Deployments Dashboard @bdougieYO
84. New Deployments Dashboard @bdougieYO
85. • Provide the target_url to directly link to the integration’s deploys logs • If the environment_url is provide a “view deployment” will be provide in the dashboard. More details on a Deployment status @bdougieYO @bdougieYO
86. • Provide the target_url to directly link to the integration’s deploys logs. • If the environment_url is provide a “view deployment” will be provide in the dashboard. More details on a Deployment status @bdougieYO @bdougieYO
87. loglify in action @bdougieYO
88. github.com/bdougie/loglify @bdougieYO
89. @bdougieYO github.com/features/actions
90. developer.github.com @bdougieYO
91. Guide: Building your first GitHub Action @bdougieYO
92. github.com/marketplace @bdougieYO
93. github.community @bdougieYO
94. @bdougieYO sandwich.netlify.com @bdougieYO JAMstack Radio @bdougieYO @bdougieYO
95. Developer AdvocateTools developer@github.com @bdougieYO @bdougie