JAMstack

JAMstack in Ruby

Transcript

1. JAMstack
   Ladislav Prskavec
   Ruby Meetup
   Ladislav Prskavec - Ruby meetup, Feb 2018 1
   

   View Slide

2. About me
   » Site Reliability Engineer (SRE)
   » https://keybase.io/abtris
   » https://blog.prskavec.net
   » @abtris
   Ladislav Prskavec - Ruby meetup, Feb 2018 2
   

   View Slide

3. J
   A
   M
   Ladislav Prskavec - Ruby meetup, Feb 2018 3
   

   View Slide

4. Javascript
   A
   M
   Ladislav Prskavec - Ruby meetup, Feb 2018 4
   

   View Slide

5. Javascript
   API
   M
   Ladislav Prskavec - Ruby meetup, Feb 2018 5
   

   View Slide

6. Javascript
   API
   Markup
   Ladislav Prskavec - Ruby meetup, Feb 2018 6
   

   View Slide

7. Static Site Generators
   » Jekyll (Ruby)
   » Middleman (Ruby)
   » Hugo (Golang)
   » Hexo (JS)
   » Gatsby.js (React.JS)
   » https://www.staticgen.com/
   Ladislav Prskavec - Ruby meetup, Feb 2018 7
   

   View Slide

8. Jekyll
   » http://jekyllrb.com
   » Github pages
   » Liquid templating language to process templates
   Ladislav Prskavec - Ruby meetup, Feb 2018 8
   

   View Slide

9. Middleman
   » http://middlemanapp.com
   » Sass for DRY stylesheets
   » CoffeeScript for safer and less verbose javascript
   » Multiple asset management solutions, including Sprockets
   » ERb & Haml for dynamic pages and simplified HTML syntax
   Ladislav Prskavec - Ruby meetup, Feb 2018 9
   

   View Slide

10. Headless CMS
    » Contentful
    » Hexo Admin
    » Hyde
    » https://headlesscms.org/
    Ladislav Prskavec - Ruby meetup, Feb 2018 10
    

    View Slide

11. 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!
    Ladislav Prskavec - Ruby meetup, Feb 2018 11
    

    View Slide

12. When is your site not
    built with the
    JAMstack?
    Ladislav Prskavec - Ruby meetup, Feb 2018 12
    

    View Slide

13. Why the JAMstack?
    Ladislav Prskavec - Ruby meetup, Feb 2018 13
    

    View Slide

14. Why the JAMstack?
    » Better Performance
    Ladislav Prskavec - Ruby meetup, Feb 2018 14
    

    View Slide

15. Why the JAMstack?
    » Better Performance
    » Cheaper, Easier Scaling
    Ladislav Prskavec - Ruby meetup, Feb 2018 15
    

    View Slide

16. Why the JAMstack?
    » Better Performance
    » Cheaper, Easier Scaling
    » Higher Security
    Ladislav Prskavec - Ruby meetup, Feb 2018 16
    

    View Slide

17. Why the JAMstack?
    » Better Performance
    » Cheaper, Easier Scaling
    » Higher Security
    » Better Developer Experience (DX)
    Ladislav Prskavec - Ruby meetup, Feb 2018 17
    

    View Slide

18. 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 - Ruby meetup, Feb 2018 18
    

    View Slide

19. 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 - Ruby meetup, Feb 2018 19
    

    View Slide

20. DEMO
    https://jamstack.166.cz/
    Ladislav Prskavec - Ruby meetup, Feb 2018 20
    

    View Slide

21. Thanks
    Questions?
    Ladislav Prskavec - Ruby meetup, Feb 2018 21
    

    View Slide

22. Credits
    » https://pixabay.com/en/jam-preparations-jars-fruit-428094/
    Ladislav Prskavec - Ruby meetup, Feb 2018 22
    

    View Slide