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
140

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
93
465724d73fe3a92c0879fdfb43a3a6f3?s=48 philhawksworth
0
510
465724d73fe3a92c0879fdfb43a3a6f3?s=48 philhawksworth
2
190
465724d73fe3a92c0879fdfb43a3a6f3?s=48 philhawksworth
4
660
465724d73fe3a92c0879fdfb43a3a6f3?s=48 philhawksworth
2
310
465724d73fe3a92c0879fdfb43a3a6f3?s=48 philhawksworth
0
160
465724d73fe3a92c0879fdfb43a3a6f3?s=48 philhawksworth
5
860
465724d73fe3a92c0879fdfb43a3a6f3?s=48 philhawksworth
17
2.7k
465724d73fe3a92c0879fdfb43a3a6f3?s=48 philhawksworth
11
970

Other Decks in Technology

See All in Technology
0d29d155ce5c5a93ed46363626da3ea7?s=48 ocise
1
1.3k
19fc8f6113c5c3d86e6176362ff29479?s=48 kanaugust
PRO
0
160
3115a782126be714b5f94d24073c957d?s=48 oracle4engineer
1
220
03858bb7b6debdd69ea0531b0f57c612?s=48 con_mame
4
2k
5825781c988a48130bb0db577f5c0e09?s=48 soachr
1
150
9b63847a4c413a2604e1d64e5d595dab?s=48 humank
0
220
Bee82b2f6e75097641a3ba5ce70c2368?s=48 takem001
0
890
3487ed46845ad0c09d36c3c1c0533ea6?s=48 masakick
0
120
762c4094331850bef09278aae28f1a32?s=48 unifa_dev
0
360
1896b034326abb4bc429d6718dc6a42e?s=48 shomaekawa
3
1.2k
966e29b84ae7dbde170f66b0bc75b7a6?s=48 ishiayaya
PRO
0
340
9cdb1d21375062bc2cd0d1358c2fa1f0?s=48 noir_neo
0
130

Featured

See All Featured
5f2da528927a2ec9ba4fec2069cbc958?s=48 kneath
294
39k
7cbd3f5f922d798cc312eaf596de7ae6?s=48 iamctodd
17
1.8k
C9b18d9dff88a9dd2393364c2b3b21bd?s=48 colly
186
14k
61857dafbd287b3027c4dcea9008ad3c?s=48 carmenhchung
26
1.3k
24fc194843a71f10949be18d5a692682?s=48 gr2m
83
11k
32de0bd2ba869609d26fd052a4622778?s=48 cromwellryan
101
5.9k
C7393b7ba7ec9c8890dd77d209fbb3c9?s=48 maltzj
500
36k
A9704266587836f7e784235e5073b93e?s=48 jmmastey
8
530
Ded01cdab114abe4ec13511e4c25b9bb?s=48 andyhume
62
3.4k
8ec1383b240b5ba15ffb9743fceb3c0e?s=48 philnash
8
490
9952dfcd5d338f8a8e7175c8a8f65fb5?s=48 wjessup
338
16k
462dad0dd24c568a32dcdb0ae895ae1b?s=48 rasmusluckow
318
18k

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