JAMstack - Speaker Deck

Slide 1

Slide 1 text

jamstack.org Ladislav Prskavec jOpenSpace 2017 Ladislav Prskavec - jOpenSpace 2017 1

Slide 2

Slide 2 text

About me » SRE in Apiary / Oracle » https://blog.prskavec.net » @abtris Ladislav Prskavec - jOpenSpace 2017 2

Slide 3

Slide 3 text

J A M Ladislav Prskavec - jOpenSpace 2017 3

Slide 4

Slide 4 text

Javascript A M Ladislav Prskavec - jOpenSpace 2017 4

Slide 5

Slide 5 text

Javascript API M Ladislav Prskavec - jOpenSpace 2017 5

Slide 6

Slide 6 text

Javascript API Markup Ladislav Prskavec - jOpenSpace 2017 6

Slide 7

Slide 7 text

Static Site Generators » Jekyll » Hugo » Hexo » https://www.staticgen.com/ Ladislav Prskavec - jOpenSpace 2017 7

Slide 8

Slide 8 text

Headless CMS » Contentful » Hexo Admin » Hyde » https://headlesscms.org/ Ladislav Prskavec - jOpenSpace 2017 8

Slide 9

Slide 9 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! » Demo Ladislav Prskavec - jOpenSpace 2017 9

Slide 10

Slide 10 text

When is your site not built with the JAMstack? Ladislav Prskavec - jOpenSpace 2017 10

Slide 11

Slide 11 text

Why the JAMstack? Ladislav Prskavec - jOpenSpace 2017 11

Slide 12

Slide 12 text

Why the JAMstack? » Better Performance Ladislav Prskavec - jOpenSpace 2017 12

Slide 13

Slide 13 text

Why the JAMstack? » Better Performance » Cheaper, Easier Scaling Ladislav Prskavec - jOpenSpace 2017 13

Slide 14

Slide 14 text

Why the JAMstack? » Better Performance » Cheaper, Easier Scaling » Higher Security Ladislav Prskavec - jOpenSpace 2017 14

Slide 15

Slide 15 text

Why the JAMstack? » Better Performance » Cheaper, Easier Scaling » Higher Security » Better Developer Experience (DX) Ladislav Prskavec - jOpenSpace 2017 15

Slide 16

Slide 16 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 - jOpenSpace 2017 16

Slide 17

Slide 17 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 - jOpenSpace 2017 17

Slide 18

Slide 18 text

Thanks Questions? Ladislav Prskavec - jOpenSpace 2017 18