$30 off During Our Annual Pro Sale. View Details »

The Power of Edge Functions

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.

Irina Blumenfeld

June 09, 2023
Tweet

More Decks by Irina Blumenfeld

Other Decks in Technology

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