What really happens when you deploy a site on Netlify

by Keiko Oda

Slide 1

Slide 1 text

What really happens when you deploy a site on Netlify Keiko Oda / @keiko713 Software Engineer at Netlify

Slide 2

Slide 2 text

Hello • Keiko Oda (@keiko713) • Netlify API team since May 2018 (ex-Herokai) • Live in San Francisco since 2011 • ೔ຊͷ͝͸Μͱ͓͚͞ͱ͓ ;Ζ♨Λຬ٤த

Slide 3

Slide 3 text

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

Slide 4

Slide 4 text

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

Slide 5

Slide 5 text

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

Slide 6

Slide 6 text

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)

Slide 7

Slide 7 text

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

Slide 8

Slide 8 text

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

Slide 9

Slide 9 text

Run build based on the build settings • Netlify UI or netlify.toml ﬁle • Build settings: • Base dir (new!), build command, publish dir • Deploy contexts: • When to actually run the build (you can also [skip ci])

Slide 10

Slide 10 text

Deploy Summary and GitHub Checks

Slide 11

Slide 11 text

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

Slide 12

Slide 12 text

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

Slide 13

Slide 13 text

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

Slide 14

Slide 14 text

Access sites on Netlify

Slide 15

Slide 15 text

Publish the deploy (cache invalidation)

Slide 16

Slide 16 text

How to actually serve contents (cached in edge nodes)

Slide 17

Slide 17 text

How to actually serve contents (fetch from origin nodes)

Slide 18

Slide 18 text

How to actually serve contents (fetch from origin nodes)

Slide 19

Slide 19 text

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