--- title: "A Low/No-code Way to Personalize Your Jamstack Site" description: "Give non-technical site editors the personalization power of Netlify Edge Functions, without having to write a line of code, by setting up Uniform Context." source: "https://www.netlify.com/blog/no-code-site-personalization-uniform/" last_updated: "2026-07-09T06:10:03.000Z" --- Netlify recently launched the Beta release of [Edge Functions](https://www.netlify.com/blog/announcing-serverless-compute-with-edge-functions/), an innovative, Deno-powered, edge logic-layer. With Edge Functions, developers can modify network requests to localize content, serve relevant ads, and raise Core Web Vitals scores with only a few lines of JavaScript or TypeScript code. Additionally, by leveraging [Netlify Edge Functions along with Uniform tools and no-code solutions](https://uniform.dev/blogs/uniform-optimizes-site-performance-with-netlify-edge-functions), marketers, content writers, and other nontechnical professionals can A/B test content or personalize pages—without writing code at all. ## Background: What do Edge Functions bring to Jamstack sites? As a rule, businesses turn to [Jamstack](https://www.netlify.com/blog/the-jamstack-definition-evolved) for fast performance, elastic scale, enhanced security, and infrastructure efficiency of their web properties. However, even though static websites promise all that, you cannot edit them to customize the web experience of individual visitors. That’s a nontrivial issue, for personalization and A/B testing capabilities are significant pluses for marketing teams, which are tasked with continuously optimizing user experience and raising conversions. To be sure, client-side tools abound that work on the DOM level, but they predate today’s virtual DOM-based, front-end libraries and frameworks like React and Vue, causing constant conflict for DOM (HTML) and resulting in flickers, content swaps, poor UX, and a lower score in Core Web Vitals. Consequently, many digital architects have reverted to server-side rendering, which, depending on the parameters of the solution, might raise infrastructure overhead and even impact performance. Fortunately, edge-side processing of static sites is here to the rescue. Powered by the edge-compute capability of a content delivery network (CDN), edge-side processing not only continuously generates static pages at build time (through Jamstack), but also offers you the ability to modify page content before delivery. You then have the best of both worlds: stellar performance, scale, and security characteristics, which Jamstack is renowned for, as well as personalization and A/B testing features. ## Uniform and Netlify Edge Functions As part of the edge-side SDK, Uniform Context, which personalizes webpages across channels without sacrificing page performance or scalability, plugs natively into Netlify Edge Functions so that nontechnical professionals can manage both personalization and A/B testing without developer involvement. Moreover, personalization and A/B testing run in front of statically generated pages, i.e., outside the browser, eliminating issues like flickers, content swaps, and cumulative layout shifts—a capability called edge-side personalization. **Note**: For the differences between edge-side and traditional server-side personalization, check out [this guide on activating personalization in Uniform](https://docs.uniform.app/context/reference/edge-side-personalization-and-ssr). This is a real webpagetest.org test that loads a page blazing fast in half a second with no UX snags or flickers: ![Gif of page loading without snags or flickers](https://cdn.sanity.io/images/o0o2tn5x/production/13b1f2b75acbecaebd7324cd468fc4ef815718f4-648x680.gif?w=450) ## Quick demo of Uniform personalization on Netlify Edge Functions This [predeployed demo site](https://uniformedgep13ndemo.netlify.app/) shows Uniform personalization running on Netlify Edge Functions: ![Gif of site personalized with Netlify Edge Functions](https://cdn.sanity.io/images/o0o2tn5x/production/a2f1f3add50d5fc7c626d4ac4e6295a666a17d18-1218x840.gif?w=450) ### Procedure 1. Open the **For Developers** page and go to the homepage. The hero image changes to display a different message. 2. Reload the page. Notice that the page is stable—no flickers. 3. Disable JavaScript through your browser’s developer settings and then refresh the page. Notice that the personalization stays unchanged: That’s edge-side execution in action. 4. Reenable JavaScript to continue with the demo. 5. Click **Forget me** to reset the Uniform signal scores. 6. Visit the **For marketers** page and return to the homepage, which now displays a different variant that reflects the personalization based on the behavior collected at the edge. 7. Go to **Registration** and sign up for an account for this test. Go back to the homepage, which now displays a different hero image as a result of a cookie-based signal in action. 8. Click **Forget me** to reset the Uniform signal scores. 9. Visit the **Campaign** page. Notice that the string `?utm_campaign=unfrmconf` has been added to the URL and that a different hero image is shown as a result of a query-string-based signal in action. ### Examples of Personalization with Uniform + Edge Functions Uniform Context and Netlify Edge Functions make possible the following use cases for non-technical contributors: - Geography-based personalization contingent on Netlify’s geo data. The Uniform-Netlify integration extends your project with Netlify-specific APIs, enabling you to create signals according to Netlify’s geo attributes. For details, see the [related documentation on Edge Functions](https://docs.netlify.com/netlify-labs/experimental-features/edge-functions/api/#netlify-specific-context-object). - Personalization based on any data on the HTTP request: - `utm_campaign` or any query-string-based personalization - Cookie-based personalization - Uniform A/B testing - Personalization based on session context (user preferences, profile, shopping history, etc.). - Personalization based on a customer data platform (CDP) or any API-based data-context provider. Implementation requires fetching the data from the Edge Functions and incorporating their values into Uniform Context quirks. For more ideas of what’s possible with Netlify Edge Functions, check out Netlify’s [Edge Functions example library](https://edge-functions-examples.netlify.app/). ## Summary By adding Netlify Edge Functions through the straightforward procedure described above, you offer visitors the much-desired ability to examine the nuances of your product. In addition, you can you save your team countless hours of manual work of personalization: that’s also a significant win-win for everyone. Have a try at setting up the Beta version of [Edge Functions with Uniform](https://docs.uniform.app/context/reference/netlify). We welcome your feedback. ### Share - [X (fka Twitter)](https://twitter.com/intent/tweet?text=Uniform and Edge Functions: A No-Code Method for Site Personalization&url=https://www.netlify.com/blog/no-code-site-personalization-uniform/) - [LinkedIn](https://www.linkedin.com/shareArticle?mini=true&url=https%3A%2F%2Fwww.netlify.com%2Fblog%2Fno-code-site-personalization-uniform%2F) - [Facebook](https://www.facebook.com/sharer.php?u=https://www.netlify.com/blog/no-code-site-personalization-uniform/) - [Bluesky](https://bsky.app/intent/compose?text=Uniform and Edge Functions: A No-Code Method for Site Personalization+https://www.netlify.com/blog/no-code-site-personalization-uniform/) * * * ### Tags - [Netlify Edge Functions](/blog/tags/netlify-edge-functions/) - [Personalization](/blog/tags/personalization-p13n/) - [Low-code/No-code](/blog/tags/low-code-no-code/) - [Uniform](/blog/tags/uniform/) ## Keep reading ![](/images/blog-fallback-thumbnail.svg) Guides & Tutorials May 19, 2022 [ ### Understanding Edge Functions: The Edge and Beyond ](/blog/edge-functions-explained/) - ![Profile picture of Dion Keeton](/_astro/d791d679a6c274cc1bcbc25cc0442444e585dc23-200x200_ZDPM8a.webp) Dion Keeton ![](/_astro/4bda8b0f6ffe4ebfb99ef2e24f09c5f7f64649e6-1200x630_pOzUc.webp) Case Studies March 23, 2022 [ ### Hilding Anders: the Jamstack ecosystem delivers for e-commerce at scale ](/blog/uniform-hildinganders) - ![Profile picture of Charlotte Dillon](/_astro/ba092e80ad4e8fc41b238c66c3f472b477d1c53b-80x80_ZnCI2I.webp) Charlotte Dillon ## Recent posts News & Announcements June 25, 2026 [ ### Netlify Functions, designed for Agent Experience ](/blog/netlify-functions-designed-for-agent-experience) - ![Profile picture of Eduardo Bouças](/_astro/52958f21e8450baf6d8e60302341a984e220c0cd-512x512_13VDlu.webp) Eduardo Bouças News & Announcements June 24, 2026 [ ### How we measure Netlify’s Agent Experience ](/blog/how-we-measure-netlify-agent-experience) - ![Profile picture of Sean Roberts](/_astro/bbf2243f8171dbddd80ab2103622106cef84d125-512x512_Z1d2LKE.webp) Sean Roberts Guides & Tutorials May 15, 2026 [ ### How to build a real-time AI chatbot in minutes with Netlify Agent Runners (no backend) ](/blog/how-to-build-a-real-time-ai-chatbot-in-minutes-with-netlify-agent-runners-no-backend) - ![Profile picture of Nahrin Jalal](/_astro/f0e7c8f227a03fe58340c99ef5439d5a896c0733-272x272_Z23kDpD.webp) Nahrin Jalal ![](/_astro/3f255b372fa958df35802666ee33b4609b2d71bd-1200x1586_1VtE2D.webp) ### How do the best dev and marketing teams work together? [Access the report](https://www.netlify.com/reports/2024-leadership-trend-report/access/)