The JAMstack - More than a buzzword

Lightning Talk

Transcript

1. The JAMstack More than a buzzword ?! Niklas
4. 4 “A modern web development architecture based on client-side JavaScript, reusable APIs, and prebuilt Markup” Mathias Biilmann (CEO & Co-founder of Netlify)
5. 5 JAMstack JavaScript Dynamic functionalities are handled by JavaScript. There is no restriction on which framework or library you must use. APIs Server side operations are abstracted into reusable APIs and accessed over HTTPS with JavaScript. These can be third party services or your custom function. Markup Websites are served as static HTML files. These can be generated from source files, such as Markdown, using a Static Site Generator.
6. 6 Whait, what? Static Sites + CMS???
7. 7 Whait, what? Static Sites + CMS???
8. 8 JAMstack JavaScript Dynamic functionalities are handled by JavaScript. There is no restriction on which framework or library you must use. APIs Server side operations are abstracted into reusable APIs and accessed over HTTPS with JavaScript. These can be third party services or your custom function. Markup Websites are served as static HTML files. These can be generated from source files, such as Markdown, using a Static Site Generator.
9. 9 JAMstack JavaScript Dynamic functionalities are handled by JavaScript. There is no restriction on which framework or library you must use. APIs Server side operations are abstracted into reusable APIs and accessed over HTTPS with JavaScript. These can be third party services or your custom function. Markup Websites are served as static HTML files. These can be generated from source files, such as Markdown, using a Static Site Generator.
10. 10 https://medium.com/notonlycss/why-the-jamstack-is-becoming-so-popular-a26133b12a30
11. 11 https://on.notist.cloud/slides/deck516/large-16.png
12. 12 Benefits JAMstack is fast
13. 13 Benefits JAMstack is highly secured
14. 14 Benefits JAMstack is cheaper and easier to scale
15. 15 Downsides • Not on my machine • Trust the cloud
16. 16 Best Practices • Use CDN to distribute your files rather than servers • Installing and contributing to your project should be easy and less complex. Use tools like npm and Git to ensure standard and faster setup • Use build tools and make your project compatible for all browsers (e.g Babel, Browserify, Webpack, etc.) • Ensure your project is up to web standards and highly accessible • Ensure your build process is automated to reduce stress • Make your deployment process automatic, you can use platforms like Netlify to do this
17. 17 Frameworks and Libraries Static Site Generators Check this out
18. 18 Frameworks and Libraries CMS Check this out
19. 19 Frameworks and Libraries API / Serverless Functions Check this out
20. 20 Camunda?
21. 21 Camunda? • API / Serverless Functions (Zeebe) • BPMN / DMN Frontend Content (bpmn.io)
22. 22 <Example />
23. 23 Resources The JAMstack in 2020: Why (and How) to Get Started An introduction to the JAMstack: the architecture of the modern web WTF is JAMstack? Why JAMstack is Becoming so Popular - NotOnlyCSS https://github.com/automata/awesome-jamstack JAMstack Basics: How to Create a Gatsby Starter with Contentful and Deploy to Netlify Turning the Static Dynamic - Gatsby + Netlify Functions
24. Thank you!