How you can kill Wordpress!
1 like1,630 views
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.
How you can kill Wordpress!
- 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