The Power of Edge Functions

In this talk we dive into benefits of edge functions and examples of how you can modify network requests to localize content, serve relevant ads, A/B test, authenticate visitors and provide super fast response times.

Transcript

1. EDGE FUNCTIONS
   @irinablumenfeld
   @netmagik
   

   View Slide

2. IRINA BLUMENFELD

   @irinablumenfeld
   Product Specialist
   

   View Slide

3. JAMSTACK
   

   @irinablumenfeld
   

   View Slide

4. • Executed on demand
   
   • Scale by running more functions
   
   • Pay for what you need
   Serverless Functions
   

   @irinablumenfeld
   

   View Slide

5. DATA CENTERS

   

   (ex: US-East-1)
   CDN = EDGE NETWORK
   

   @irinablumenfeld
   

   View Slide

6. • Run on the edge
   
   • Built on Deno
   
   • Supported by many JS Frameworks
   
   • TypeScript or JavaScript
   
   • Now in GA
   Edge Functions
   

   @irinablumenfeld
   

   View Slide

7. NO CLIENT SIDE JAVASCRIPT
   

   @irinablumenfeld
   

   View Slide

8. • Personalization
   
   • Set/Read/Delete Cookies
   
   • Set Request/Response HTTP Headers
   
   • HTML Rewrites
   
   • A/B Testing
   Edge Functions Examples
   

   @irinablumenfeld
   

   View Slide

9. 

   @irinablumenfeld
   

   View Slide

10. 

    @irinablumenfeld
    

    View Slide

11. 

    @irinablumenfeld
    

    View Slide

12. 

    @irinablumenfeld
    Request Object
    example.com/?event=hello
    astro-template-irina.netlify.app
    

    View Slide

13. • cookies
    
    • geo
    
    • IP
    
    • JSON
    
    • log
    
    • next
    
    • rewrite
    
    • site
    Context Object
    

    @irinablumenfeld
    

    View Slide

14. 

    @irinablumenfeld
    context.geo
    contentful-nextjs-irina.netlify.app
    

    View Slide

15. 

    @irinablumenfeld
    context.geo
    

    View Slide

16. Frameworks
    

    @irinablumenfeld
    Astro
    
    Eleventy
    
    Hydrogen
    
    Next.js
    
    Nuxt
    
    Remix
    
    SolidJS
    
    SvelteKit
    
    Qwik
    

    View Slide

17. edge-functions-examples.netlify.app
    

    @irinablumenfeld
    

    View Slide

18. docs.netlify.com
    

    @irinablumenfeld
    ASK NETLIFY
    

    View Slide

19. DEVELOP - TEST LOCALLY
    

    @irinablumenfeld
    cli.netlify.com
    

    View Slide

20. THANK YOU
    @irinablumenfeld
    @netmagik
    

    View Slide