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

What really happens when you deploy a site on Netlify

Keiko Oda
December 13, 2018

What really happens when you deploy a site on Netlify

Netlify Meetup Tokyo #3 (JAMstack meetup)

Keiko Oda

December 13, 2018
Tweet

More Decks by Keiko Oda

Other Decks in Technology

Transcript

  1. What really happens when
    you deploy a site on Netlify Keiko Oda / @keiko713

    Software Engineer at Netlify

    View full-size slide

  2. Hello
    • Keiko Oda (@keiko713)

    • Netlify API team since May
    2018 (ex-Herokai)

    • Live in San Francisco since
    2011

    • ೔ຊͷ͝͸Μͱ͓͚͞ͱ͓
    ;Ζ♨Λຬ٤த

    View full-size slide

  3. Netlify & JAMstack (JavaScript, APIs, Markup)
    From JAMstack conf 2018 keynote

    View full-size slide

  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

    View full-size slide

  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

    View full-size slide

  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)

    View full-size slide

  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

    View full-size slide

  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

    View full-size slide

  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])

    View full-size slide

  10. Deploy Summary and GitHub Checks

    View full-size slide

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

    View full-size slide

  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

    View full-size slide

  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

    View full-size slide

  14. Access sites on Netlify

    View full-size slide

  15. Publish the deploy (cache invalidation)

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide

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

    View full-size slide