Tweet
Tweet

Slide 1

Slide 1 text

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

Slide 2

Slide 2 text

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

Slide 3

Slide 3 text

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

Slide 4

Slide 4 text

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

Slide 5

Slide 5 text

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

Slide 6

Slide 6 text

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

Slide 7

Slide 7 text

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

Slide 8

Slide 8 text

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

Slide 9

Slide 9 text

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

Slide 10

Slide 10 text

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

Slide 11

Slide 11 text

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

Slide 12

Slide 12 text

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

Slide 13

Slide 13 text

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

Slide 14

Slide 14 text

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

Slide 15

Slide 15 text

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

Slide 16

Slide 16 text

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

Slide 17

Slide 17 text

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

Slide 18

Slide 18 text

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

Slide 19

Slide 19 text

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

Slide 20

Slide 20 text

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

Slide 21

Slide 21 text

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

Slide 22

Slide 22 text

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