Jamstack in 2021 - Speaker Deck

Slide 1

Slide 1 text

J Ms ac i 2021 L di la P sk ve L v P c - @a - j .G , 3 . 3. 2 1

Slide 2

Slide 2 text

A ou m 4 S R l E r (S ) 4 h ://k .i /a 4 h ://b .p c.n 4 @a L v P c - @a - j .G , 3 . 3. 2 2

Slide 3

Slide 3 text

J va cr pt A I M rk p L v P c - @a - j .G , 3 . 3. 2 3

Slide 4

Slide 4 text

L v P c - @a - j .G , 3 . 3. 2 4

Slide 5

Slide 5 text

S at c it G ne at rs 4 N .j (J , t e : R ) 4 G .j (J , t e : R ) L v P c - @a - j .G , 3 . 3. 2 5

Slide 6

Slide 6 text

S at c it G ne at rs I 4 S (J , t e : A ) 4 N (J , t e : V ) 4 H (G , t e : G ) 4 S (J , t e : S ) 4 G e (J , t e : V ) 4 H (J , t e : E , P , H , H a , T , ...) 4 J - d G p (R , t e : L ) 4 h ://w .s e .c / L v P c - @a - j .G , 3 . 3. 2 6

Slide 7

Slide 7 text

D cs it G ne at rs 4 M (P , t e : j ) 4 S (R , t e : M n) 4 G (J , t e : j ) 4 D r (J , t e : R , M n) 4 D (J , t e : M n, V ) 4 S (P , t e : j ) L v P c - @a - j .G , 3 . 3. 2 7

Slide 8

Slide 8 text

S ac Bi 4 h ://w .s t.c / 4 B M J k W s M 4 C n T , t G o n M w c a i t L v P c - @a - j .G , 3 . 3. 2 8

Slide 9

Slide 9 text

T em s or ta ic en ra or 4 t i d t o 4 2 + t h ://t .g .i / 4 c i h ://t r .n /.../j 4 S b t G .j L v P c - @a - j .G , 3 . 3. 2 9

Slide 10

Slide 10 text

S ow as L v P c - @a - j .G , 3 . 3. 2 1

Slide 11

Slide 11 text

4 h ://s .1 r .c / L v P c - @a - j .G , 3 . 3. 2 1

Slide 12

Slide 12 text

4 h ://l r .o /, s : h ://g .c /l r /w L v P c - @a - j .G , 3 . 3. 2 1

Slide 13

Slide 13 text

4 h ://w .s g n .c /, s : s g-m e-j -g -1 -f L v P c - @a - j .G , 3 . 3. 2 1

Slide 14

Slide 14 text

4 h ://r .o / L v P c - @a - j .G , 3 . 3. 2 1

Slide 15

Slide 15 text

4 h ://m d e .g .i /p u / L v P c - @a - j .G , 3 . 3. 2 1

Slide 16

Slide 16 text

A Is 4 S g n - s a t 4 C s - G , D , I D , i 4 S - A 4 P s - G , S 4 A - G , A 4 E-c e - G r , S t 4 I - C a 4 L , G , W .i - o y s e b s 4 C a w , L g - o e L v P c - @a - j .G , 3 . 3. 2 1

Slide 17

Slide 17 text

H ad es C S 4 C f - P b , h 4 N C - i b , h 4 s - P b , s -h 4 F y 4 T - d p o F y.i 4 h ://h s .o / L v P c - @a - j .G , 3 . 3. 2 1

Slide 18

Slide 18 text

T na MS 4 h ://t .o / 4 C m e a s -p a 4 B R .j t G 4 G + N .j 4 D y s l G L v P c - @a - j .G , 3 . 3. 2 1

Slide 19

Slide 19 text

W y he AM ta k? L v P c - @a - j .G , 3 . 3. 2 1

Slide 20

Slide 20 text

W y he AM ta k? 4 B P a L v P c - @a - j .G , 3 . 3. 2 2

Slide 21

Slide 21 text

W y he AM ta k? 4 B P a 4 C , E S L v P c - @a - j .G , 3 . 3. 2 2

Slide 22

Slide 22 text

W y he AM ta k? 4 B P a 4 C , E S 4 H S y L v P c - @a - j .G , 3 . 3. 2 2

Slide 23

Slide 23 text

W y he AM ta k? 4 B P a 4 C , E S 4 H S y 4 B D e E n (D ) L v P c - @a - j .G , 3 . 3. 2 2

Slide 24

Slide 24 text

J Ms ac 4 h ://j k.o / P dc st - J ms ac R di 4 h ://w .h t.c /l /p s/ j k-r / J MS ac c nf re ce - v de s ro L v P c - @a - j .G , 3 . 3. 2 2

Slide 25

Slide 25 text

G ts y.j + T na MS L v P c - @a - j .G , 3 . 3. 2 2

Slide 26

Slide 26 text

L v P c - @a - j .G , 3 . 3. 2 2

Slide 27

Slide 27 text

I st ll (N de.j >8) $ npm install --global gatsby-cli L v P c - @a - j .G , 3 . 3. 2 2

Slide 28

Slide 28 text

S le t ta te p oj ct $ gatsby new my-tina-starter \ https://github.com/tinacms/gatsby-starter-tinacms L v P c - @a - j .G , 3 . 3. 2 2

Slide 29

Slide 29 text

D ve op $ cd my-tina-starter $ gatsby develop 4 y e l p t o r 4 y e g p u o q L v P c - @a - j .G , 3 . 3. 2 2

Slide 30

Slide 30 text

B g MS s PI L v P c - @a - j .G , 3 . 3. 2 3

Slide 31

Slide 31 text

U in W rd re s PI 4 h ://w .g s.o /p s/g -s - w s / 4 h ://d e .w s .o /r -a /r c / 4 h ://u -w s .g s.o / 4 h ://g .c /g s/g /t /m / e s/u -w s L v P c - @a - j .G , 3 . 3. 2 3

Slide 32

Slide 32 text

U in D up l PI A c n o u f e : a c r o . P D 8, J P n O . 4 h ://g .c /a /r i 4 h ://w .d .o /p /j 4 h ://w .g s.o /p s/g -s -d / 4 h ://u -d .g s.o / 4 h ://g .c /g s/g /t /m /e s/u - d L v P c - @a - j .G , 3 . 3. 2 3

Slide 33

Slide 33 text

P ug ns 4 h ://w .g s.o /p /#o c -p L v P c - @a - j .G , 3 . 3. 2 3

Slide 34

Slide 34 text

H w 'm si g AM ta k? L v P c - @a - j .G , 3 . 3. 2 3

Slide 35

Slide 35 text

L v P c - @a - j .G , 3 . 3. 2 3

Slide 36

Slide 36 text

L v P c - @a - j .G , 3 . 3. 2 3

Slide 37

Slide 37 text

L v P c - @a - j .G , 3 . 3. 2 3

Slide 38

Slide 38 text

D MO L v P c - @a - j .G , 3 . 3. 2 3

Slide 39

Slide 39 text

R fe en es 4 h ://w .g s.o / 4 h ://g .c /p t/a -g 4 h ://g .c /b /g -g o L v P c - @a - j .G , 3 . 3. 2 3