Jamstack in 2021

Overview Jamstack in 2021

Transcript

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

   View Slide

2. 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
   

   View Slide

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

   View Slide

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

   View Slide

5. 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
   

   View Slide

6. 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
   

   View Slide

7. 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
   

   View Slide

8. 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
   

   View Slide

9. 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
   

   View Slide

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

    View Slide

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

    View Slide

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

    View Slide

13. 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
    

    View Slide

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

    View Slide

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

    View Slide

16. 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
    

    View Slide

17. 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
    

    View Slide

18. 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
    

    View Slide

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

    View Slide

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

    View Slide

21. 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
    

    View Slide

22. 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
    

    View Slide

23. 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
    

    View Slide

24. 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
    

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

28. 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
    

    View Slide

29. 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
    

    View Slide

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

    View Slide

31. 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
    

    View Slide

32. 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
    

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

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

    View Slide

39. 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
    

    View Slide