Netlify Show and Tell

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

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