The document discusses various aspects of web development, specifically focusing on static site generators and the JAMstack architecture. It highlights benefits such as improved performance, easier scaling, enhanced security, and better developer experience. Several resources and tools, such as headless CMS and APIs, are recommended for building modern web applications.

1. How you can kill
Wordpress!
Ladislav Prskavec
Frontedisti
Ladislav Prskavec - Frontendisti, 14.3. 2018 1

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

3. J
A
M
Ladislav Prskavec - Frontendisti, 14.3. 2018 3

4. Javascript
A
M
Ladislav Prskavec - Frontendisti, 14.3. 2018 4

5. Javascript
API
M
Ladislav Prskavec - Frontendisti, 14.3. 2018 5

6. Javascript
API
Markup
Ladislav Prskavec - Frontendisti, 14.3. 2018 6

7. 7

8. Static Site Generators
» Jekyll (Ruby)
» Middleman (Ruby, Rails based)
» Hugo (Golang)
» Spike (JS, Webpack based)
» Gatsby.js (JS, React.JS based)
» https://www.staticgen.com/
Ladislav Prskavec - Frontendisti, 14.3. 2018 8

9. Themes for static generators
» templating depends on technology
» 200 themes in https://themes.gohugo.io/
» commercial in https://themeforest.net/.../jekyll
» Sites build with Gatsby.js
Ladislav Prskavec - Frontendisti, 14.3. 2018 9

10. ShowCase
Ladislav Prskavec - Frontendisti, 14.3. 2018 10

11. » https://support.1password.com/
Ladislav Prskavec - Frontendisti, 14.3. 2018 11

12. » https://letsencrypt.org/, source: https://github.com/letsencrypt/website
Ladislav Prskavec - Frontendisti, 14.3. 2018 12

13. » https://www.smashingmagazine.com/, source: https://www.netlify.com/blog/2017/03/16/
smashing-magazine-just-got-10x-faster/
Ladislav Prskavec - Frontendisti, 14.3. 2018 13

14. » https://reactjs.org/
Ladislav Prskavec - Frontendisti, 14.3. 2018 14

15. » https://mozilladevelopers.github.io/playground/
Ladislav Prskavec - Frontendisti, 14.3. 2018 15

16. APIs
» Smashingmagazine - post about that
» Comments - GoTell, Disqus, IntenseDebate, isso
» Search - Algolia
» Payments - GoJoin, Stripe
» Auth - GoTrue, Auth0
» E-commerce - GoCommerce, Snipcart
» Images - Cloudinary
» Lambda, GraphQL, Webtask.io - for yours serverless backends
Ladislav Prskavec - Frontendisti, 14.3. 2018 16

17. Headless CMS
» Contentful - API based, hosted
» NetlifyCMS - Git based, hosted
» strapi - API based, self-hosted
» Forestry
» https://headlesscms.org/
Ladislav Prskavec - Frontendisti, 14.3. 2018 17

18. 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 - Frontendisti, 14.3. 2018 18

19. When is your site not
built with the
JAMstack?
Ladislav Prskavec - Frontendisti, 14.3. 2018 19

20. Why the JAMstack?
Ladislav Prskavec - Frontendisti, 14.3. 2018 20

21. Why the JAMstack?
» Better Performance
Ladislav Prskavec - Frontendisti, 14.3. 2018 21

22. Why the JAMstack?
» Better Performance
» Cheaper, Easier Scaling
Ladislav Prskavec - Frontendisti, 14.3. 2018 22

23. Why the JAMstack?
» Better Performance
» Cheaper, Easier Scaling
» Higher Security
Ladislav Prskavec - Frontendisti, 14.3. 2018 23

24. Why the JAMstack?
» Better Performance
» Cheaper, Easier Scaling
» Higher Security
» Better Developer Experience (DX)
Ladislav Prskavec - Frontendisti, 14.3. 2018 24

25. JAMstack
» https://jamstack.org/
Podcast - Jamstack Radio
» https://www.heavybit.com/library/podcasts/jamstack-radio/
Ladislav Prskavec - Frontendisti, 14.3. 2018 25

26. DEMO
https://jamstack.166.cz/
Ladislav Prskavec - Frontendisti, 14.3. 2018 26

27. Thanks
Questions?
Ladislav Prskavec - Frontendisti, 14.3. 2018 27