JAMstack

jOpenSpace 2017

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