JAMstack

JAMstack in Ruby

Transcript

1. JAMstack Ladislav Prskavec Ruby Meetup Ladislav Prskavec - Ruby meetup, Feb 2018 1
2. About me » Site Reliability Engineer (SRE) » https://keybase.io/abtris » https://blog.prskavec.net » @abtris Ladislav Prskavec - Ruby meetup, Feb 2018 2
3. J A M Ladislav Prskavec - Ruby meetup, Feb 2018 3
4. Javascript A M Ladislav Prskavec - Ruby meetup, Feb 2018 4
5. Javascript API M Ladislav Prskavec - Ruby meetup, Feb 2018 5
6. Javascript API Markup Ladislav Prskavec - Ruby meetup, Feb 2018 6
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
8. Jekyll » http://jekyllrb.com » Github pages » Liquid templating language to process templates Ladislav Prskavec - Ruby meetup, Feb 2018 8
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
10. Headless CMS » Contentful » Hexo Admin » Hyde » https://headlesscms.org/ Ladislav Prskavec - Ruby meetup, Feb 2018 10
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
12. When is your site not built with the JAMstack? Ladislav Prskavec - Ruby meetup, Feb 2018 12
13. Why the JAMstack? Ladislav Prskavec - Ruby meetup, Feb 2018 13
14. Why the JAMstack? » Better Performance Ladislav Prskavec - Ruby meetup, Feb 2018 14
15. Why the JAMstack? » Better Performance » Cheaper, Easier Scaling Ladislav Prskavec - Ruby meetup, Feb 2018 15
16. Why the JAMstack? » Better Performance » Cheaper, Easier Scaling » Higher Security Ladislav Prskavec - Ruby meetup, Feb 2018 16
17. Why the JAMstack? » Better Performance » Cheaper, Easier Scaling » Higher Security » Better Developer Experience (DX) Ladislav Prskavec - Ruby meetup, Feb 2018 17
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
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
20. DEMO https://jamstack.166.cz/ Ladislav Prskavec - Ruby meetup, Feb 2018 20
21. Thanks Questions? Ladislav Prskavec - Ruby meetup, Feb 2018 21
22. Credits » https://pixabay.com/en/jam-preparations-jars-fruit-428094/ Ladislav Prskavec - Ruby meetup, Feb 2018 22