$30 off During Our Annual Pro Sale. View Details »

Jamstack in 2021

Jamstack in 2021

Overview Jamstack in 2021

Ladislav Prskavec

March 31, 2021
Tweet

More Decks by Ladislav Prskavec

Other Decks in Technology

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