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
91
465724d73fe3a92c0879fdfb43a3a6f3?s=48 philhawksworth
0
500
465724d73fe3a92c0879fdfb43a3a6f3?s=48 philhawksworth
2
190
465724d73fe3a92c0879fdfb43a3a6f3?s=48 philhawksworth
4
620
465724d73fe3a92c0879fdfb43a3a6f3?s=48 philhawksworth
2
310
465724d73fe3a92c0879fdfb43a3a6f3?s=48 philhawksworth
0
160
465724d73fe3a92c0879fdfb43a3a6f3?s=48 philhawksworth
5
840
465724d73fe3a92c0879fdfb43a3a6f3?s=48 philhawksworth
17
2.6k
465724d73fe3a92c0879fdfb43a3a6f3?s=48 philhawksworth
11
950

Other Decks in Technology

See All in Technology
C0999631eb2c54a20ee559c44f8c7080?s=48 andresriancho
0
200
0634fb56ef638ebc7814afc716fbc0a1?s=48 iampuky
0
270
B1cb2027702d893b0f3aa096258d4814?s=48 mr04vv
1
160
Db8efd836c9a09b71e3d8e1c60d6ea84?s=48 colinfay
0
180
Ee6254efe6c4bc4c08967c11d4939245?s=48 kotetuco
2
160
9e7a653ed313b3da4b263a772bfc5026?s=48 clustervr
0
220
3623c11f38517055d9040073ed81913b?s=48 endoumari
3
780
88f4e84b94fe07cddbd9e6479d689192?s=48 soudai
1
370
Cb7edd153cf503f44c727b73647558bf?s=48 tetsuroito
1
1.2k
C825832c4fc71ffdfd44905729281fb0?s=48 puhitaku
8
22k
Dc8cb7f6b08b47c50576d7e73ea136ba?s=48 kyome22
3
140
42356380866f616c0cea68779b430eaf?s=48 hiro_koba_jp
0
520

Featured

See All Featured
78b475797a14c84799063c7cd073962f?s=48 holman
448
130k
Eb8975af8e49e19e3dd6b6b84a542e26?s=48 qrush
282
18k
B3d6434763caa0ef5dc4b792662c49f7?s=48 smashingmag
228
17k
6804f1775cb4babfcc3851298566fbce?s=48 tanoku
257
24k
F383c6a4dc55e331bbe2987b622cee6b?s=48 stephaniewalter
256
10k
7fa6101cd43067653cf4ac6c7ca54305?s=48 akmur
252
19k
D67fff74178013024d833b3eec6cf27f?s=48 lynnandtonic
266
16k
3d4519fd34b76fb265fc0237f3792bd4?s=48 danielanewman
1
320
1177e050db6bafe62885362edf6e3537?s=48 lauravandoore
436
28k
A60068bce2e73de3a37ca9d2dbe36092?s=48 bryan
100
11k
F57e2136eb9895eb95ff5dc8a1c02677?s=48 zakiwarfel
87
3.2k
C620790ae5bf5b50c245b2e0ef95f338?s=48 deanohume
294
27k

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