Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Netlify Show and Tell

465724d73fe3a92c0879fdfb43a3a6f3?s=47 Phil Hawksworth
April 18, 2018
Technology
0
150

Netlify Show and Tell

The slides from a lunchtime workshop at Smashing Conference San Francisco. Mostly useful for those who attended.

Many of the jumping off points explored one project, which you can clone and play with here:

https://jamstack-comments.netlify.com/about/

465724d73fe3a92c0879fdfb43a3a6f3?s=128

Phil Hawksworth

April 18, 2018
Tweet

More Decks by Phil Hawksworth

See All by Phil Hawksworth
465724d73fe3a92c0879fdfb43a3a6f3?s=48 philhawksworth
1
110
465724d73fe3a92c0879fdfb43a3a6f3?s=48 philhawksworth
0
560
465724d73fe3a92c0879fdfb43a3a6f3?s=48 philhawksworth
2
200
465724d73fe3a92c0879fdfb43a3a6f3?s=48 philhawksworth
4
750
465724d73fe3a92c0879fdfb43a3a6f3?s=48 philhawksworth
2
330
465724d73fe3a92c0879fdfb43a3a6f3?s=48 philhawksworth
0
170
465724d73fe3a92c0879fdfb43a3a6f3?s=48 philhawksworth
5
900
465724d73fe3a92c0879fdfb43a3a6f3?s=48 philhawksworth
17
2.9k
465724d73fe3a92c0879fdfb43a3a6f3?s=48 philhawksworth
11
1k

Other Decks in Technology

See All in Technology
081b246e268b78a6e229bc64db07ee61?s=48 morimai
2
440
49f49940f0831a426745c028684bcdad?s=48 hatena
1
3k
D8d463da5ab4a99265ffc1d12e76cbc9?s=48 sagara
1
400
195f71c8183f8d27da66aa0618f293b6?s=48 task4233
0
340
C0ed34c2bad05c45fbf4ed4d3e73d70b?s=48 hi120ki
0
360
4f43f9f4dc4cc2897841877e8f7b032f?s=48 cielan
1
290
9955f1755a5ae81bc294db7291e56af2?s=48 cmnakahara
0
370
4bcb32bcb73d1ead993a6ad55b189e9e?s=48 rluisr
0
140
1bfc6e2ed04a895bb36f36b86828b689?s=48 110y
1
200
091dd27febe18fcb155ffbdb0dd63e02?s=48 hatumeika
0
4.1k
8fa31051503b09846584c49cd53d2f80?s=48 asei
1
810
4e523d3c4d6047382d22f61ebe53c554?s=48 ore88ore
0
1.5k

Featured

See All Featured
9952dfcd5d338f8a8e7175c8a8f65fb5?s=48 wjessup
342
16k
C4de88ea47538e4594750e3861a341c8?s=48 brettharned
96
3.3k
9fa239b3154a0169d99ab7bf1422dd12?s=48 marcelosomers
224
15k
64827b31aef81498662e8af4bd6d5157?s=48 jonrohan
1021
400k
E43f8dfd01057f8304f5f8fb9a294d7d?s=48 jeffersonlam
335
16k
44b54d2ffcb7857004071cc6795dde11?s=48 cassininazir
350
20k
3d4519fd34b76fb265fc0237f3792bd4?s=48 danielanewman
6
760
Dafc4723e9a1c067796c0fec6f509774?s=48 lemiorhan
633
49k
719435d98d452de7ac367c828266cf01?s=48 erikaheidi
29
5.1k
E837d2996f52008ace055a08fbfff992?s=48 frogandcode
129
20k
D83926c323d4f9289f947b4b4e76b939?s=48 jensimmons
210
11k
1177e050db6bafe62885362edf6e3537?s=48 lauravandoore
18
2.1k

Transcript

  1. A NETLIFY SHOW & TELL PHIL HAWKSWORTH

  2. None

  3. Netlify show and tell Smashing Conf SF @philhawksworth netlify A

    LOOSE AGENDA 1. NETLIFY IN A NUTSHELL 2. THE EASIEST DEPLOY (DRAG AND DROP) 3. THE MOST POWERFUL DEPLOY (LINKING A GIT REPO) 4. A QUICK TOUR - OVERVIEW & SETTINGS 5. USING FORMS 6. SERVERLESS WITH NETLIFY FUNCTIONS 7. PUTTING THINGS TOGETHER 8. A/B TESTING

  4. Netlify show and tell Smashing Conf SF @philhawksworth netlify 1.

    NETLIFY IN A NUTSHELL

  5. Netlify show and tell Smashing Conf SF @philhawksworth netlify GET

    TO THE CDN

  6. Netlify show and tell Smashing Conf SF @philhawksworth netlify jamstack

    JAVASCRIPT / API / MARKUP

  7. Netlify show and tell Smashing Conf SF @philhawksworth netlify APIs

    SITE (JAVASCRIPT) JAVASCRIPT MARKUP

  8. Netlify show and tell Smashing Conf SF @philhawksworth netlify NETLIFY

    BUILD CDN LOCAL BUILD STATIC SERVER GIT

  9. Netlify show and tell Smashing Conf SF @philhawksworth netlify 2.

    THE EASIEST DEPLOY

  10. Netlify show and tell Smashing Conf SF @philhawksworth netlify

  11. Netlify show and tell Smashing Conf SF @philhawksworth netlify 3.

    THE MOST POWERFUL DEPLOY
 (LINKING A GIT REPO) ELEVENTYONE

  12. Netlify show and tell Smashing Conf SF @philhawksworth netlify 4.

    A QUICK TOUR GIT CONNECTION BUILD COMMAND BRANCHES ENVIRONMENT VARIABLES BUILD HOOKS NOTIFICATIONS HTTPS DEPLOY LOGS PUBLISHING VERSIONS

  13. Netlify show and tell Smashing Conf SF @philhawksworth netlify BRANCH

    BUILDS JAMSTACK COMMENTS - TINT cheeky bonus

  14. Netlify show and tell Smashing Conf SF @philhawksworth netlify PREVIEW

    BUILDS JAMSTACK COMMENTS - SMASHING COMMENTS cheeky bonus

  15. Netlify show and tell Smashing Conf SF @philhawksworth netlify 5.

    USING FORMS JAMSTACK COMMENT FORM HTML / ADMIN UI / API / GULP

  16. Netlify show and tell Smashing Conf SF @philhawksworth netlify 6.

    SERVERLESS WITH NETLIFY FUNCTIONS TWAVATAR

  17. Netlify show and tell Smashing Conf SF @philhawksworth netlify 7.

    PUTTING THINGS TOGETHER COMMENTS WALKTHROUGH

  18. Netlify show and tell Smashing Conf SF @philhawksworth netlify 8.

    A/B TESTING TEST THE COMMENTS TINT

  19. Netlify show and tell Smashing Conf SF @philhawksworth netlify DEPLOY

    BUTTONS cheeky bonus

  20. Netlify show and tell Smashing Conf SF @philhawksworth netlify THANKS

    QUESTIONS? @PHILHAWKSWORTH