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

Introduction to Netlify

Keiko Oda
December 20, 2018

Introduction to Netlify


Keiko Oda

December 20, 2018

More Decks by Keiko Oda

Other Decks in Technology


  1. Introduction to Netlify
    Keiko Oda (@keiko713)

    Software Engineer, Netlify

    View full-size slide

  2. Hello Netlify (ωοτϦϑΝΠ)
    Have you used Netlify before?
    Secretary for
    frontend engineers

    View full-size slide

  3. Basic Features
    • Continuous Integration, Continuous Deployment, and Content Delivery
    • Atomic deploys, deploy previews 1σϓϩΠ͕1ͭͷεφοϓγϣοτʢόʔδϣϯʣʹରԠ
    • Cache invalidation ΩϟογϡແޮԽ
    • Unlimited snapshots and rollbacks աڈͷόʔδϣϯΛอ࣋͠ϩʔϧόοΫՄೳ
    • Headers & redirects
    • Custom headers ΧελϜϔομʔʢX-Frame-OptionsͳͲʣ
    • Proxy and redirect rules ϓϩΩγͱϦμΠϨΫτઃఆ
    • Domains
    • Custom domains & HTTPS ΧελϜυϝΠϯͱSSL/TLSূ໌ॻ
    • DNS management, purchase domains DNSͷ؅ཧ΍υϝΠϯͷߪೖ

    View full-size slide

  4. Addon Features

    View full-size slide

  5. Use Case
    • Used by many open source projects
    • Perfect for
    • marketing sites, landing pages, docs pages (SSG, headless CMS)
    • deploying the frontend code (React, Vue, etc.)
    • Used by Netlify itself too
    • www.netlify.com : marketing site, Netlify CMS deployed on Netlify
    • app.netlify.com : dashboard/UI site, react app deployed on Netlify

    View full-size slide

  6. Demo: Netlify deploy flow & Functions

    View full-size slide

  7. Learn more…
    • Netlify websites
    • Netlify blog: https://www.netlify.com/blog/
    • All the cool things happening around the Front End world
    • Some “how Netlify works” type of tech posts
    • NEW! Ask Netlify: https://ask.netlify.com/
    • JAMstack radio
    • https://www.heavybit.com/library/podcasts/jamstack-radio/
    • Also there are zines (ٕज़ॻ) of Netlify and JAMstack!!

    View full-size slide