Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
JAMstack
Eine neuartige Webanwendungs-Architektur
22.05.19 - Dev Day Dresden@TheAlexLichter
1
Über mich*
Alexander Lichter
Nuxt.js Core Team Member
@TheAlexLichter
https://lichter.io
*erstmal über euch
2
3
JAMstack
4 . 1
J A Mavascript PIs arkup
4 . 2
Statisch, wird nicht mehr vom Server geändert
Wird vor jedem (Re-)deploy neu generiert
Typischerweise mithilfe eines Stati...
Verantwortlich für die dynamischen Komponenten
Nur client-seitig
Framework-/Libraryunabhängig
Javascript
4 . 4
Interaktionen mit der Seite werden über APIs gehandhabt
Werden via JavaScript und HTTPs aufgerufen
Oftmals Microservices, ...
4 . 6
TL;DR
4 . 7
Erstelle deine Website
via SSG
Uploade deinen Code
via Git
Lass den SSG deine
Seite bauen
Deploy der statischen
Files via ...
Aber warum JAMstack?
5 . 1
Performance
Simplicity
Security
Cost
5 . 2
Simplicity
Nur statische HTML-Dateien, kein .php / .py / ...
Man braucht keinen Server*
Keine komplizierten Deploy-Pipelin...
5 . 4
Security
Keine dynamisch generierten Inhalte
Isolierte, kleine APIs
Idealerweise: "Content API" nur zur build time verfügb...
5 . 6
Performance
Bessere Time to first Byte durch CDN
Einfache Cache Invalidation
Schnellere Antwortzeit da statisches HTML
Opti...
Cost
Keine Servergebühren
Kostenloses Hosting (via Netlify oder GH Pages)
Serverless APIs werden nutzungbasiert abgerechne...
5 . 9
Drei Beispiele aus eigener
Erfahrung
Portfolio-Seite (für sich selbst, KMUs, etc)
Blog
Online-Kursplattform
6
Wann sollte man nicht
JAMStack nutzen?
7 . 1
Schnellebige
dynamische Daten
Dann lieber SSR (z.B. mit Nuxt)
7 . 2
Leseempfehlungen
- blog.lichter.ioGoing JAMstack with Netlify and Nuxt
- Slides von meinem Nuxt IntroNuxt.js - An Introduc...
9
Upcoming SlideShare
Loading in …5
×

of

Dev Day 2019: Alexander Lichter - JAMstack - Eine neuartige Webanwendungs-Architektur Slide 1 Dev Day 2019: Alexander Lichter - JAMstack - Eine neuartige Webanwendungs-Architektur Slide 2 Dev Day 2019: Alexander Lichter - JAMstack - Eine neuartige Webanwendungs-Architektur Slide 3 Dev Day 2019: Alexander Lichter - JAMstack - Eine neuartige Webanwendungs-Architektur Slide 4 Dev Day 2019: Alexander Lichter - JAMstack - Eine neuartige Webanwendungs-Architektur Slide 5 Dev Day 2019: Alexander Lichter - JAMstack - Eine neuartige Webanwendungs-Architektur Slide 6 Dev Day 2019: Alexander Lichter - JAMstack - Eine neuartige Webanwendungs-Architektur Slide 7 Dev Day 2019: Alexander Lichter - JAMstack - Eine neuartige Webanwendungs-Architektur Slide 8 Dev Day 2019: Alexander Lichter - JAMstack - Eine neuartige Webanwendungs-Architektur Slide 9 Dev Day 2019: Alexander Lichter - JAMstack - Eine neuartige Webanwendungs-Architektur Slide 10 Dev Day 2019: Alexander Lichter - JAMstack - Eine neuartige Webanwendungs-Architektur Slide 11 Dev Day 2019: Alexander Lichter - JAMstack - Eine neuartige Webanwendungs-Architektur Slide 12 Dev Day 2019: Alexander Lichter - JAMstack - Eine neuartige Webanwendungs-Architektur Slide 13 Dev Day 2019: Alexander Lichter - JAMstack - Eine neuartige Webanwendungs-Architektur Slide 14 Dev Day 2019: Alexander Lichter - JAMstack - Eine neuartige Webanwendungs-Architektur Slide 15 Dev Day 2019: Alexander Lichter - JAMstack - Eine neuartige Webanwendungs-Architektur Slide 16 Dev Day 2019: Alexander Lichter - JAMstack - Eine neuartige Webanwendungs-Architektur Slide 17 Dev Day 2019: Alexander Lichter - JAMstack - Eine neuartige Webanwendungs-Architektur Slide 18 Dev Day 2019: Alexander Lichter - JAMstack - Eine neuartige Webanwendungs-Architektur Slide 19 Dev Day 2019: Alexander Lichter - JAMstack - Eine neuartige Webanwendungs-Architektur Slide 20 Dev Day 2019: Alexander Lichter - JAMstack - Eine neuartige Webanwendungs-Architektur Slide 21 Dev Day 2019: Alexander Lichter - JAMstack - Eine neuartige Webanwendungs-Architektur Slide 22 Dev Day 2019: Alexander Lichter - JAMstack - Eine neuartige Webanwendungs-Architektur Slide 23 Dev Day 2019: Alexander Lichter - JAMstack - Eine neuartige Webanwendungs-Architektur Slide 24 Dev Day 2019: Alexander Lichter - JAMstack - Eine neuartige Webanwendungs-Architektur Slide 25
Upcoming SlideShare
What to Upload to SlideShare
Next
Download to read offline and view in fullscreen.

0 Likes

Share

Download to read offline

Dev Day 2019: Alexander Lichter - JAMstack - Eine neuartige Webanwendungs-Architektur

Download to read offline

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?

Related Books

Free with a 30 day trial from Scribd

See all

Related Audiobooks

Free with a 30 day trial from Scribd

See all
  • Be the first to like this

Dev Day 2019: Alexander Lichter - JAMstack - Eine neuartige Webanwendungs-Architektur

  1. 1. JAMstack Eine neuartige Webanwendungs-Architektur 22.05.19 - Dev Day Dresden@TheAlexLichter 1
  2. 2. Über mich* Alexander Lichter Nuxt.js Core Team Member @TheAlexLichter https://lichter.io *erstmal über euch 2
  3. 3. 3
  4. 4. JAMstack 4 . 1
  5. 5. J A Mavascript PIs arkup 4 . 2
  6. 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. 7. Verantwortlich für die dynamischen Komponenten Nur client-seitig Framework-/Libraryunabhängig Javascript 4 . 4
  8. 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. 9. 4 . 6
  10. 10. TL;DR 4 . 7
  11. 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. 12. Aber warum JAMstack? 5 . 1
  13. 13. Performance Simplicity Security Cost 5 . 2
  14. 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. 15. 5 . 4
  16. 16. Security Keine dynamisch generierten Inhalte Isolierte, kleine APIs Idealerweise: "Content API" nur zur build time verfügbar 5 . 5
  17. 17. 5 . 6
  18. 18. Performance Bessere Time to first Byte durch CDN Einfache Cache Invalidation Schnellere Antwortzeit da statisches HTML Optimal für SEO 5 . 7
  19. 19. Cost Keine Servergebühren Kostenloses Hosting (via Netlify oder GH Pages) Serverless APIs werden nutzungbasiert abgerechnet 5 . 8
  20. 20. 5 . 9
  21. 21. Drei Beispiele aus eigener Erfahrung Portfolio-Seite (für sich selbst, KMUs, etc) Blog Online-Kursplattform 6
  22. 22. Wann sollte man nicht JAMStack nutzen? 7 . 1
  23. 23. Schnellebige dynamische Daten Dann lieber SSR (z.B. mit Nuxt) 7 . 2
  24. 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. 25. 9

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?

Views

Total views

158

On Slideshare

0

From embeds

0

Number of embeds

64

Actions

Downloads

1

Shares

0

Comments

0

Likes

0

×