Netlify Show and Tell - Speaker Deck

Slide 1

Slide 1 text

A NETLIFY SHOW & TELL PHIL HAWKSWORTH

Slide 2

Slide 2 text

No content

Slide 3

Slide 3 text

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

Slide 4

Slide 4 text

Netlify show and tell Smashing Conf SF @philhawksworth netlify 1. NETLIFY IN A NUTSHELL

Slide 5

Slide 5 text

Netlify show and tell Smashing Conf SF @philhawksworth netlify GET TO THE CDN

Slide 6

Slide 6 text

Netlify show and tell Smashing Conf SF @philhawksworth netlify jamstack JAVASCRIPT / API / MARKUP

Slide 7

Slide 7 text

Netlify show and tell Smashing Conf SF @philhawksworth netlify APIs SITE (JAVASCRIPT) JAVASCRIPT MARKUP

Slide 8

Slide 8 text

Netlify show and tell Smashing Conf SF @philhawksworth netlify NETLIFY BUILD CDN LOCAL BUILD STATIC SERVER GIT

Slide 9

Slide 9 text

Netlify show and tell Smashing Conf SF @philhawksworth netlify 2. THE EASIEST DEPLOY

Slide 10

Slide 10 text

Netlify show and tell Smashing Conf SF @philhawksworth netlify

Slide 11

Slide 11 text

Netlify show and tell Smashing Conf SF @philhawksworth netlify 3. THE MOST POWERFUL DEPLOY  (LINKING A GIT REPO) ELEVENTYONE

Slide 12

Slide 12 text

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

Slide 13

Slide 13 text

Netlify show and tell Smashing Conf SF @philhawksworth netlify BRANCH BUILDS JAMSTACK COMMENTS - TINT cheeky bonus

Slide 14

Slide 14 text

Netlify show and tell Smashing Conf SF @philhawksworth netlify PREVIEW BUILDS JAMSTACK COMMENTS - SMASHING COMMENTS cheeky bonus

Slide 15

Slide 15 text

Netlify show and tell Smashing Conf SF @philhawksworth netlify 5. USING FORMS JAMSTACK COMMENT FORM HTML / ADMIN UI / API / GULP

Slide 16

Slide 16 text

Netlify show and tell Smashing Conf SF @philhawksworth netlify 6. SERVERLESS WITH NETLIFY FUNCTIONS TWAVATAR

Slide 17

Slide 17 text

Netlify show and tell Smashing Conf SF @philhawksworth netlify 7. PUTTING THINGS TOGETHER COMMENTS WALKTHROUGH

Slide 18

Slide 18 text

Netlify show and tell Smashing Conf SF @philhawksworth netlify 8. A/B TESTING TEST THE COMMENTS TINT

Slide 19

Slide 19 text

Netlify show and tell Smashing Conf SF @philhawksworth netlify DEPLOY BUTTONS cheeky bonus

Slide 20

Slide 20 text

Netlify show and tell Smashing Conf SF @philhawksworth netlify THANKS QUESTIONS? @PHILHAWKSWORTH