Upgrade to Pro — share decks privately, control downloads, hide ads and more …

What really happens when you deploy a site on Netlify

C43af8c5615e17a1d534b7fbfec46656?s=47 Keiko Oda
December 13, 2018

What really happens when you deploy a site on Netlify

Netlify Meetup Tokyo #3 (JAMstack meetup)

C43af8c5615e17a1d534b7fbfec46656?s=128

Keiko Oda

December 13, 2018
Tweet

Transcript

  1. What really happens when you deploy a site on Netlify

    Keiko Oda / @keiko713 Software Engineer at Netlify
  2. Hello • Keiko Oda (@keiko713) • Netlify API team since

    May 2018 (ex-Herokai) • Live in San Francisco since 2011 • ೔ຊͷ͝͸Μͱ͓͚͞ͱ͓ ;Ζ♨Λຬ٤த
  3. Netlify & JAMstack (JavaScript, APIs, Markup) From JAMstack conf 2018

    keynote
  4. 1. Connect your git repository to Netlify 2. Make changes/Git

    push 3. Run build based on the build settings 4. Publish the deploy
  5. 1. Connect your git repository to Netlify 2. Make changes/Git

    push 3. Run build based on the build settings 4. Publish the deploy
  6. Connect your git repo to Netlify • Netlify supports GitHub,

    GitLab, Bitbucket • Git services → Netlify • Webhooks for push, PR, new branch, etc. • Code access • Git services ← Netlify • Comments to PRs (e.g. link to deploy preview) • Update GitHub Checks (Checks API with GitHub Apps)
  7. 1. Connect your git repository to Netlify 2. Make changes/Git

    push 3. Run build based on the build settings 4. Publish the deploy
  8. 1. Connect your git repository to Netlify 2. Make changes/Git

    push 3. Run build based on the build settings 4. Publish the deploy
  9. Run build based on the build settings • Netlify UI

    or netlify.toml file • Build settings: • Base dir (new!), build command, publish dir • Deploy contexts: • When to actually run the build (you can also [skip ci])
  10. Deploy Summary and GitHub Checks

  11. Build and deploy (buildbot + api) Blog post: How Netlify’s

    deploying and routing infrastructure works
  12. Build and deploy (buildbot + api) Blog post: Migrating Netlify’s

    Continuous Deployment infra to Kubernetes (and everything we learned along the way) Blog post: How Netlify migrated to a fully multi-cloud infrastructure
  13. 1. Connect your git repository to Netlify 2. Make changes/Git

    push 3. Run build based on the build settings 4. Publish the deploy
  14. Access sites on Netlify

  15. Publish the deploy (cache invalidation)

  16. How to actually serve contents (cached in edge nodes)

  17. How to actually serve contents (fetch from origin nodes)

  18. How to actually serve contents (fetch from origin nodes)

  19. We’re hiring! https://www.netlify.com/careers/