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

JAMstack

 JAMstack

jOpenSpace 2017

Ladislav Prskavec

October 13, 2017
Tweet

More Decks by Ladislav Prskavec

Other Decks in Technology

Transcript

  1. jamstack.org
    Ladislav Prskavec
    jOpenSpace 2017
    Ladislav Prskavec - jOpenSpace 2017 1

    View Slide

  2. About me
    » SRE in Apiary / Oracle
    » https://blog.prskavec.net
    » @abtris
    Ladislav Prskavec - jOpenSpace 2017 2

    View Slide

  3. J
    A
    M
    Ladislav Prskavec - jOpenSpace 2017 3

    View Slide

  4. Javascript
    A
    M
    Ladislav Prskavec - jOpenSpace 2017 4

    View Slide

  5. Javascript
    API
    M
    Ladislav Prskavec - jOpenSpace 2017 5

    View Slide

  6. Javascript
    API
    Markup
    Ladislav Prskavec - jOpenSpace 2017 6

    View Slide

  7. Static Site Generators
    » Jekyll
    » Hugo
    » Hexo
    » https://www.staticgen.com/
    Ladislav Prskavec - jOpenSpace 2017 7

    View Slide

  8. Headless CMS
    » Contentful
    » Hexo Admin
    » Hyde
    » https://headlesscms.org/
    Ladislav Prskavec - jOpenSpace 2017 8

    View Slide

  9. NetlifyCMS
    » Content management in a single-page app
    » Built in React.js with extensible components
    » Integrate with any build tool
    » Plug in to any static site generator
    » www.netlifycms.org
    » Test it!
    » Demo
    Ladislav Prskavec - jOpenSpace 2017 9

    View Slide

  10. When is your site not
    built with the
    JAMstack?
    Ladislav Prskavec - jOpenSpace 2017 10

    View Slide

  11. Why the JAMstack?
    Ladislav Prskavec - jOpenSpace 2017 11

    View Slide

  12. Why the JAMstack?
    » Better Performance
    Ladislav Prskavec - jOpenSpace 2017 12

    View Slide

  13. Why the JAMstack?
    » Better Performance
    » Cheaper, Easier Scaling
    Ladislav Prskavec - jOpenSpace 2017 13

    View Slide

  14. Why the JAMstack?
    » Better Performance
    » Cheaper, Easier Scaling
    » Higher Security
    Ladislav Prskavec - jOpenSpace 2017 14

    View Slide

  15. Why the JAMstack?
    » Better Performance
    » Cheaper, Easier Scaling
    » Higher Security
    » Better Developer Experience (DX)
    Ladislav Prskavec - jOpenSpace 2017 15

    View Slide

  16. Examples
    » my blog, my website - Github + Hugo + Netlify
    » Serverless - Webpack, Disqus, Auth0, Github, Netlify
    » Loadash - Jekyll, React, Github, Netlify
    » Smashingmagazine - post about that - GoTell, GoCommerce,
    GoJoin, GoTrue, Netlify CMS
    Ladislav Prskavec - jOpenSpace 2017 16

    View Slide

  17. Jamstack Radio
    » https://www.heavybit.com/library/podcasts/jamstack-radio/
    My blog
    » Jamstack
    » Migrace na statický generátor Hugo z Ghost a Octopress
    Ladislav Prskavec - jOpenSpace 2017 17

    View Slide

  18. Thanks
    Questions?
    Ladislav Prskavec - jOpenSpace 2017 18

    View Slide