JAMstack, und damit ist nicht der portablen Gitarrenverstärker den man beim Googlen als erstes findet gemeint, ist eine framework-unabhängige Architektur für moderne Webanwendungen. Bestehend aus *J*avascript, *A*PIs und *M*arkup verspricht der Ansatz besser Sicherheit "by default", einfachere Skalierung und auch noch erhöhte Performance. Ob das so einfach geht?

1. JAMstack
Eine neuartige Webanwendungs-Architektur
22.05.19 - Dev Day Dresden@TheAlexLichter
1

2. Über mich*
Alexander Lichter
Nuxt.js Core Team Member
@TheAlexLichter
https://lichter.io
*erstmal über euch
2

3. 3

4. JAMstack
4 . 1

5. J A Mavascript PIs arkup
4 . 2

6. Statisch, wird nicht mehr vom Server geändert
Wird vor jedem (Re-)deploy neu generiert
Typischerweise mithilfe eines Static Site Generator (SSG)
Markup
4 . 3

7. Verantwortlich für die dynamischen Komponenten
Nur client-seitig
Framework-/Libraryunabhängig
Javascript
4 . 4

8. Interaktionen mit der Seite werden über APIs gehandhabt
Werden via JavaScript und HTTPs aufgerufen
Oftmals Microservices, Serverless Functions oder ähnliches
APIs
4 . 5

9. 4 . 6

10. TL;DR
4 . 7

11. Erstelle deine Website
via SSG
Uploade deinen Code
via Git
Lass den SSG deine
Seite bauen
Deploy der statischen
Files via CDN o.Ä.
Fertig!
4 . 8

12. Aber warum JAMstack?
5 . 1

13. Performance
Simplicity
Security
Cost
5 . 2

14. Simplicity
Nur statische HTML-Dateien, kein .php / .py / ...
Man braucht keinen Server*
Keine komplizierten Deploy-Pipelines mehr
*hosting via. GitHub pages oder Netlify
5 . 3

15. 5 . 4

16. Security
Keine dynamisch generierten Inhalte
Isolierte, kleine APIs
Idealerweise: "Content API" nur zur build time verfügbar
5 . 5

17. 5 . 6

18. Performance
Bessere Time to first Byte durch CDN
Einfache Cache Invalidation
Schnellere Antwortzeit da statisches HTML
Optimal für SEO
5 . 7

19. Cost
Keine Servergebühren
Kostenloses Hosting (via Netlify oder GH Pages)
Serverless APIs werden nutzungbasiert abgerechnet
5 . 8

20. 5 . 9

21. Drei Beispiele aus eigener
Erfahrung
Portfolio-Seite (für sich selbst, KMUs, etc)
Blog
Online-Kursplattform
6

22. Wann sollte man nicht
JAMStack nutzen?
7 . 1

23. Schnellebige
dynamische Daten
Dann lieber SSR (z.B. mit Nuxt)
7 . 2

24. Leseempfehlungen
- blog.lichter.ioGoing JAMstack with Netlify and Nuxt
- Slides von meinem Nuxt IntroNuxt.js - An Introduction
- Um mehr über JAMStack zu lernenJAMstack.org
8

25. 9