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
100
465724d73fe3a92c0879fdfb43a3a6f3?s=48 philhawksworth
0
520
465724d73fe3a92c0879fdfb43a3a6f3?s=48 philhawksworth
2
200
465724d73fe3a92c0879fdfb43a3a6f3?s=48 philhawksworth
4
670
465724d73fe3a92c0879fdfb43a3a6f3?s=48 philhawksworth
2
320
465724d73fe3a92c0879fdfb43a3a6f3?s=48 philhawksworth
0
170
465724d73fe3a92c0879fdfb43a3a6f3?s=48 philhawksworth
5
870
465724d73fe3a92c0879fdfb43a3a6f3?s=48 philhawksworth
17
2.7k
465724d73fe3a92c0879fdfb43a3a6f3?s=48 philhawksworth
11
980

Other Decks in Technology

See All in Technology
5c3556b7c8c0ab6bc90a62161a8315f8?s=48 gracia
0
890
85da685d91fda190e2e3162d0de248a4?s=48 recruitengineers
0
230
Cc49268bebed3e30cb943a9de7b6eb3a?s=48 lain21
12
5.1k
700669515ee872152d8b9403c2a0cf8c?s=48 kazeburo
1
120
3373c144fef1d3518b9b3f24a6b46ad0?s=48 lmi
5
3.4k
842515eaf8fbb2dfcc75197e7797dc15?s=48 sat
1
260
03d565e037c55da5d503eb5a21dba86b?s=48 honai
9
5.7k
2c76cf0e15f1410310b08e2ffa94db93?s=48 hanasuke
0
220
9b2600a82821673d9d0f03cc6f7bc56e?s=48 kloudleinc
0
680
23f4d5d797a91b6d17d627b90b5a42d9?s=48 kentaro
2
340
3f0d60d6727ea76dfc9f7863f8e035c4?s=48 aizurage
0
110
525442fc70ca92f82ae503f826956137?s=48 finengine
0
220

Featured

See All Featured
4262b9cfacfb6b2c77f23e1d0310cd3e?s=48 myddelton
109
11k
6804f1775cb4babfcc3851298566fbce?s=48 tanoku
86
8.6k
A0517b08532aec8ab2aae3f65d40ad86?s=48 hannesfritz
28
970
A9a491b0fcbe0fbce3d64063a37add99?s=48 rmw
12
860
5f50f94346fbcb23706f0707169317a4?s=48 aarron
258
36k
C0b42577cfc2b321be3474618107e933?s=48 samanthasiow
57
6.4k
766b9746b59e6f09e280cd33cf4ed419?s=48 skipperchong
8
780
651dcfe41723207fbb0aa044a4f7c07f?s=48 dotmariusz
94
5.5k
Be9caeb9d4ef9944d151af909063ed6e?s=48 samlambert
237
10k
Eb8975af8e49e19e3dd6b6b84a542e26?s=48 qrush
285
19k
761be20b5ebd271008bcee1244fc5b52?s=48 matthewcrist
73
7.5k
56c4053438af8e8b90d6f53cbb7573be?s=48 jakevdp
776
200k

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