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

JAMstack

 JAMstack

JAMstack in Ruby

Ladislav Prskavec

March 05, 2018
Tweet

More Decks by Ladislav Prskavec

Other Decks in Technology

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