Personalize your static site based on a previous site referral

• mk2-p4nth3rblog

  5 38 9.1 JavaScript

  My personal blog site #BuiltWithEleventy.

And lastly, you may want to check for multiple referer header values — in which case a single string may not suffice, and you may want to do something like I do on my website.

• personalize-with-http-referer

  1 1 10.0 HTML

  Use Netlify Edge Functions to intercept a request to a static page, check the value of the HTTP referer header, and enhance the response of the HTML before it's returned to the browser. No client-side JavaScript required.

To see this code in action, visit the live demo site — which checks to see if you’ve been referred from Netlify, and includes the same functionality we set up in this guide. And finally, check out the demo repository on GitHub to explore the code, fork it, and make it your own.

• SurveyJS

  surveyjs.io sponsored

  Open-Source JSON Form Builder to Create Dynamic Forms Right in Your App. With SurveyJS form UI libraries, you can build and style forms in a fully-integrated drag & drop form builder, render them in your JS app, and store form submission data in any backend, inc. PHP, ASP.NET Core, and Node.js.

  

• eleventy 🕚⚡️

  244 16,213 9.3 JavaScript

  A simpler site generator. Transforms a directory of templates (of varying types) into HTML.

  

My blog site is a static site — currently built using Eleventy

• edge-functions-examples

  4 69 6.4 JavaScript

  Explore a library of reference examples for learning about Edge Functions on Netlify.

  

You’ve learned how you can modify static HTML pages based on the HTTP referer header, but did you know you can also perform actions based on other things like location, time, cookies and more? Check out the official Netlify Edge Functions docs, or browse our Edge Functions examples site for some inspiration. Happy coding! 👩🏻‍💻

Suggest a related project