CINXE.COM

<!DOCTYPE html> <html lang="en-US"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,initial-scale=1"> <title>Environment variables overview | Netlify Docs</title> <meta name="generator" content="VuePress 1.9.9"> <link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Roboto:400,500,700,400italic|Roboto+Mono:400"> <link rel="icon" href="/netlify-icon.svg" type="image/svg+xml"> <link rel="apple-touch-icon" href="/apple-touch-icon.png"> <link rel="icon" href="/favicon-32x32.png" type="image/png" sizes="32x32"> <link rel="icon" href="/favicon-16x16.png" type="image/png" sizes="16x16"> <script>(function (w) { if (!w) return; const darkQuery = w.matchMedia('(prefers-color-scheme: dark)'); const root = document.documentElement; function setTheme(newTheme) { if (newTheme === 'dark' || (newTheme === 'system' && darkQuery.matches)) { root.classList.add('dark-mode'); } else { root.classList.remove('dark-mode'); } w.__theme = newTheme; } w.__setPreferredTheme = function (newTheme) { setTheme(newTheme); try { localStorage.setItem('nf-docs-theme', w.__theme); } catch (err) {} }; // If using system theme, change colors in real time // in response to user settings darkQuery.addEventListener('change', function (event) { if (w.__theme === 'system') { if (event.matches) { root.classList.add('dark-mode'); } else { root.classList.remove('dark-mode'); } } }); let preferredTheme; // Try to get saved theme try { preferredTheme = localStorage.getItem('nf-docs-theme') || 'system'; } catch (err) {} // Initialize preferredTheme setTheme(preferredTheme); })(window);</script> <script src="/rum.js" data-application-id="ededf59a-7705-4933-b2a0-5efa8b35b293" data-client-token="pub1b84fc7c7429f37e025e8160c02da8bb" data-service="docs" data-env="production" defer="true"></script> <meta name="description" content="Learn about the different options for declaring and using environment variables, their limits, and overrides."> <meta property="og:title" content="Environment variables overview"> <meta property="og:url" content="https://docs.netlify.com/environment-variables/overview/"> <meta property="og:description" content="Learn about the different options for declaring and using environment variables, their limits, and overrides."> <meta property="og:image" content="https://docs.netlify.com/og-image.png"> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta prefix="og: http://ogp.me/ns#" property="og:type" content="article"> <meta prefix="og: http://ogp.me/ns#" property="og:article:author" content="Netlify"> <meta name="google-site-verification" content="G4JqDTXMHpDyWoqIRwgw8PBqg-AncXqtdkHehcOR7kc"> <meta name="slack-app-id" content="A05P27DR8C8"> <link href="https://docs.netlify.com/environment-variables/overview/" rel="canonical" /> <link rel="preload" href="/assets/css/0.styles.d221ae53.css" as="style"><link rel="preload" href="/assets/js/app.1a68918d.js" as="script"><link rel="preload" href="/assets/js/10.a8fb7bb3.js" as="script"><link rel="preload" href="/assets/js/2.f24e0879.js" as="script"><link rel="preload" href="/assets/js/99.d50b6440.js" as="script"><link rel="preload" href="/assets/js/14.036a1b72.js" as="script"><link rel="preload" href="/assets/js/3.be674a14.js" as="script"> <link rel="stylesheet" href="/assets/css/0.styles.d221ae53.css"> </head> <body> <noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-NMKKF2M" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript> <div id="app" data-server-rendered="true"><div class="theme-container"><header class="navbar-header"><div class="navbar"><div class="navbar__logo-link"><a href="/" class="router-link-active"><span class="visuallyhidden">Netlify Docs</span> <svg width="146" height="40" viewBox="0 0 146 40" fill="none" xmlns="http://www.w3.org/2000/svg" class="netlify-lockup" data-v-4ee6c329><path d="M22.794 39.79V29.687l.21-.21h2.526l.21.21V39.79l-.21.209h-2.527l-.209-.21ZM22.794 10.314V.21l.21-.209h2.526l.21.21v10.104l-.21.21h-2.527l-.209-.21ZM14.1 32.687h-.347l-1.738-1.738v-.347l3.256-3.26 1.84.004.245.242v1.84L14.1 32.686ZM12.015 9.49v-.35l1.738-1.735h.347l3.256 3.256v1.836l-.246.248h-1.839L12.015 9.49ZM.582 18.524h14.316l.21.21v2.53l-.21.209H.582l-.21-.21v-2.53l.21-.209Z" fill="var(--lockup-lines-fill)" data-v-4ee6c329></path> <path d="M29.005 25.265h-2.526l-.21-.21v-5.912c0-1.054-.412-1.869-1.682-1.895-.654-.016-1.4 0-2.199.033l-.12.12v7.651l-.21.21h-2.526l-.21-.21V14.948l.21-.21h5.684a3.998 3.998 0 0 1 3.998 3.999v6.315l-.21.21v.003ZM41.24 20.841l-.21.21H34.5l-.21.209c0 .422.423 1.685 2.108 1.685.631 0 1.263-.21 1.476-.631l.21-.21h2.525l.21.21c-.21 1.263-1.263 3.16-4.424 3.16-3.58 0-5.265-2.526-5.265-5.477 0-2.952 1.685-5.478 5.055-5.478 3.37 0 5.056 2.526 5.056 5.478v.844Zm-3.161-2.107c0-.21-.21-1.686-1.895-1.686s-1.895 1.476-1.895 1.686l.21.21h3.37l.21-.21ZM47.136 22.104c0 .422.21.632.632.632h1.895l.209.209v2.107l-.21.21h-1.894c-1.895 0-3.58-.845-3.58-3.161v-4.634l-.21-.21h-1.475l-.21-.209v-2.107l.21-.21h1.476l.21-.209v-1.894l.209-.21h2.526l.21.21v1.894l.209.21h2.316l.21.21v2.106l-.21.21h-2.316l-.21.21V22.1l.003.003ZM54.93 25.265h-2.525l-.21-.21V10.73l.21-.21h2.526l.21.21v14.322l-.21.21v.003ZM60.618 13.046h-2.526l-.21-.209V10.73l.21-.21h2.526l.21.21v2.107l-.21.21Zm0 12.22h-2.526l-.21-.21V14.944l.21-.21h2.526l.21.21v10.112l-.21.21ZM70.52 10.73v2.107l-.21.21h-1.894c-.422 0-.632.209-.632.631v.844l.21.21H70.1l.21.21v2.106l-.21.21h-2.107l-.21.21v7.581l-.21.21H65.05l-.21-.21v-7.582l-.21-.21h-1.475l-.21-.209v-2.107l.21-.21h1.476l.21-.209v-.844c0-2.317 1.684-3.161 3.58-3.161h1.894l.21.21-.004.003ZM78.311 25.474c-.844 2.108-1.685 3.37-4.633 3.37h-1.054l-.21-.209v-2.107l.21-.21h1.054c1.053 0 1.263-.209 1.475-.84v-.21l-3.37-8.216v-2.108l.21-.21h1.894l.21.21 2.526 7.163h.21l2.525-7.163.21-.21h1.894l.21.21v2.108l-3.37 8.426.01-.004Z" fill="var(--lockup-wordmark-fill)" data-v-4ee6c329></path> <path d="M94.699 25.205V10.707l-.213-.214H92.78l-.213.214v5.117h-.213c-.661-.853-1.706-1.28-2.772-1.28-2.985 0-4.69 2.346-4.69 5.544 0 3.198 1.705 5.543 4.69 5.543 1.13 0 2.132-.469 2.772-1.28h.213l.213.854.213.213h1.493l.213-.213Zm-2.132-5.117c0 2.558-1.066 3.624-2.772 3.624-1.705 0-2.771-1.258-2.771-3.624 0-2.367 1.066-3.625 2.771-3.625 1.706 0 2.772 1.066 2.772 3.625ZM96.614 20.088c0 3.411 1.918 5.543 5.117 5.543 3.198 0 5.117-2.132 5.117-5.543 0-3.412-1.919-5.544-5.117-5.544s-5.117 2.133-5.117 5.544Zm2.132 0c0-2.346 1.066-3.625 2.985-3.625 1.918 0 2.985 1.28 2.985 3.625 0 2.345-1.067 3.624-2.985 3.624-1.92 0-2.985-1.279-2.985-3.624ZM110.26 20.088c0-2.346 1.066-3.625 2.985-3.625 1.705 0 2.345.853 2.558 1.706l.213.213h1.706l.213-.213c-.213-1.919-1.706-3.625-4.69-3.625-3.199 0-5.117 2.133-5.117 5.544 0 3.411 1.918 5.543 5.117 5.543 2.984 0 4.477-1.706 4.69-3.624l-.213-.213h-1.706l-.213.213c-.213.852-.853 1.705-2.558 1.705-1.919 0-2.985-1.279-2.985-3.624ZM127.733 22.433c0-1.919-1.066-2.772-3.199-3.198-2.132-.426-2.984-.64-2.984-1.706 0-.852.852-1.066 1.918-1.066 1.493 0 1.919.64 1.919 1.28l.214.213h1.705l.213-.213c0-2.132-1.705-3.198-4.051-3.198-2.984 0-4.05 1.492-4.05 2.984 0 1.92 1.279 2.772 3.411 3.198 2.132.427 2.772.64 2.772 1.706 0 .853-.64 1.28-2.133 1.28-1.492 0-2.132-.64-2.132-1.706l-.213-.213h-1.705l-.214.213c0 2.345 1.493 3.624 4.264 3.624 2.985 0 4.265-1.492 4.265-3.198Z" fill="var(--lockup-secondary-text-fill)" data-v-4ee6c329></path> <path d="M131.138 18.524h14.316l.209.21v2.53l-.209.209h-14.316l-.21-.21v-2.53l.21-.209Z" fill="var(--lockup-lines-fill)" data-v-4ee6c329></path></svg></a></div> <div class="navbar__actions-wrapper"><form id="search-form" role="search" class="algolia-search-wrapper search-form"><label class="search-form__label"><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="18" height="18" viewBox="0 0 32 32" class="search-form__label-icon-search"><path d="M20.571 15.143c0-4.411-3.589-8-8-8s-8 3.589-8 8 3.589 8 8 8 8-3.589 8-8zM29.714 30c0 1.25-1.036 2.286-2.286 2.286-0.607 0-1.196-0.25-1.607-0.679l-6.125-6.107c-2.089 1.446-4.589 2.214-7.125 2.214-6.946 0-12.571-5.625-12.571-12.571s5.625-12.571 12.571-12.571 12.571 5.625 12.571 12.571c0 2.536-0.768 5.036-2.214 7.125l6.125 6.125c0.411 0.411 0.661 1 0.661 1.607z" fill="rgba(175, 180, 182, 0.87)"></path></svg> <input id="algolia-search-input" placeholder="Search our docs by topic..." class="search-form__input"></label> <button tabindex="-1" type="reset" class="search-form__label-icon-close"><span class="visuallyhidden">Close search</span> <svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 18 18"><g fill="#A3A9AC" transform="scale(-1 1) rotate(45 .571 -12.959)"><rect width="2.333" height="18.667" x="8.164" y=".003"></rect> <polygon points="8.164 .003 10.497 .003 10.497 18.67 8.164 18.67" transform="rotate(-90 9.33 9.336)"></polygon></g></svg></button> <div class="search-form__content-overlay"></div></form> <div class="navbar__right-actions"><a href="/ask-netlify/" aria-label="ask netlify" class="navbar__ask-netlify-link"><span class="navbar__ask-netlify-icon"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 44 44" class="wrapper__icon-ask-netlify"><path fill="currentColor" d="M18.77 23.56a1.8 1.8 0 1 1-3.6 0 1.8 1.8 0 0 1 3.6 0Zm8.26 1.8a1.8 1.8 0 1 0 0-3.6 1.8 1.8 0 0 0 0 3.6Zm-3.86-1.54.03.07v.38l-.03.07-.87 1.77-.12.09h-.32l-.13-.1-.9-1.76-.03-.07v-.38l.03-.07 1-.66h.31l1.03.66Z"></path> <path fill="currentColor" fill-rule="evenodd" d="M22.32 13C28.77 13 34 17.22 34 23.67a6.97 6.97 0 0 1-6.97 6.97H10v-6.97C10 17.22 15.23 13 21.68 13h.64ZM11.55 23.16a5.24 5.24 0 0 1 10.07-2.05h.76l.01-.03a5.24 5.24 0 0 1 10.06 2.08c0 2.65-2.13 5.17-4.53 5.23H16.5a5.24 5.24 0 0 1-4.95-5.23Z" clip-rule="evenodd"></path> <path fill="currentColor" d="m24.47 8.12.07-.16 1.16-.4.15.08.63 1.95-.4.82-.16.06-.82-.4-.63-1.95Zm9.88 3.27.16.06.48 1.13-.07.16-1.9.76-.85-.34-.07-.16.35-.85 1.9-.76ZM30.04 8l.16-.06 1.1.54.05.16-1.14 2.43-.87.3-.15-.08-.3-.86L30.04 8Z" class="ask-netlify-flair"></path></svg></span> <span class="navbar__ask-netlify-label">Ask Netlify</span></a> <div class="user-menu"> <button href="#menu" aria-label="menu" class="menu-trigger is-not-visible-mamabear"><svg viewBox="0 0 31 25" xmlns="http://www.w3.org/2000/svg" class="wrapper__icon-menu"><rect x="0.581177" y="0.71875" width="30" height="4" fill="currentcolor"></rect> <rect x="0.581177" y="10.7188" width="30" height="4" fill="currentcolor"></rect> <rect x="0.581177" y="20.7188" width="30" height="4" fill="currentcolor"></rect></svg></button> <nav aria-label="Netlify navigation" class="navbar__nav is-visible-mamabear navbar__authlinks" data-v-1733a580><div class="navbar__nav-list" data-v-1733a580><a href="https://app.netlify.com/login" rel="noopener noreferrer" class="navbar__nav-link" data-v-1733a580> Log in </a> <a href="https://app.netlify.com/signup" target="self" rel="noopener noreferrer" class="navbar__nav-link signup-button" data-v-1733a580> Sign up </a></div></nav></div></div></div></div></header> <main class="wrapper wrapper--main"><div class="wrapper__sidebar wrapper__navigation"><a class="button button--icon button--close is-not-visible-mamabear"><svg aria-hidden="true" width="24" height="24" viewBox="0 0 16 16" class="icon"><path d="M8,15 C4.13400675,15 1,11.8659932 1,8 C1,4.13400675 4.13400675,1 8,1 C11.8659932,1 15,4.13400675 15,8 C15,11.8659932 11.8659932,15 8,15 Z M10.44352,10.7233105 L10.4528296,10.7326201 L10.7326201,10.4528296 C11.0310632,10.1543865 11.0314986,9.66985171 10.7335912,9.37194437 L9.36507937,8.0034325 L10.7360526,6.63245928 C11.0344957,6.33401613 11.0349311,5.84948135 10.7370237,5.55157401 L10.448426,5.26297627 C10.1505186,4.96506892 9.66598387,4.96550426 9.36754072,5.26394741 L8.00589385,6.62559428 L6.63738198,5.25708241 C6.33947464,4.95917507 5.85493986,4.95961041 5.55649671,5.25805356 L5.26737991,5.54717036 C4.96893676,5.84561351 4.96850142,6.33014829 5.26640876,6.62805563 L6.62561103,7.9872579 L5.25463781,9.35823112 C4.95619466,9.65667427 4.95575932,10.141209 5.25366666,10.4391164 L5.5422644,10.7277141 C5.84017175,11.0256215 6.32470652,11.0251861 6.62314967,10.726743 L7.99412289,9.35576976 L9.36263476,10.7242816 C9.66054211,11.022189 10.1450769,11.0217536 10.44352,10.7233105 Z"></path></svg></a> <div aria-label="Docs" class="sidebar wrapper__sidebar-interior"><nav aria-label="Docs"><div><div class="sidebar__section"><span class="sidebar__section-label">Welcome</span> <ul class="sidebar__links"><li class="sidebar__link-item"><div><a href="/" aria-current="page" class="sidebar__link">Home</a></div></li><li class="sidebar__link-item"><div><a href="/get-started/" class="sidebar__link">Get started</a></div></li><li class="sidebar__link-item"><div><a href="/welcome/add-new-site/" class="sidebar__link">Add new site</a></div></li><li class="sidebar__link-item"><section tabIndex="-1" class="sidebar__group collapsable is-sub-group"><button tabIndex="-1" class="sidebar__group-heading"> Get help </button>  </section></li></ul></div><div class="sidebar__section"><span class="sidebar__section-label">Platform</span> <ul class="sidebar__links"><li class="sidebar__link-item"><div><a href="/platform/what-is-netlify/" class="sidebar__link">What is Netlify?</a></div></li><li class="sidebar__link-item"><div><a href="/platform/who-is-netlify-for/" class="sidebar__link">Who is Netlify for?</a></div></li><li class="sidebar__link-item"><section tabIndex="-1" class="sidebar__group collapsable is-sub-group"><button tabIndex="-1" class="sidebar__group-heading"> Checklists </button>  </section></li><li class="sidebar__link-item"><section tabIndex="-1" class="sidebar__group collapsable is-sub-group"><button tabIndex="-1" class="sidebar__group-heading"> How we release </button>  </section></li></ul></div><div class="sidebar__section"><span class="sidebar__section-label">Platform primitives</span> <ul class="sidebar__links"><li class="sidebar__link-item"><div><a href="/platform/primitives/" class="sidebar__link">Overview</a></div></li><li class="sidebar__link-item"><section tabIndex="-1" class="sidebar__group collapsable is-sub-group"><button tabIndex="-1" class="sidebar__group-heading"> Functions </button>  </section></li><li class="sidebar__link-item"><section tabIndex="-1" class="sidebar__group collapsable is-sub-group"><button tabIndex="-1" class="sidebar__group-heading"> Edge Functions </button>  </section></li><li class="sidebar__link-item"><section tabIndex="-1" class="sidebar__group collapsable is-sub-group"><button tabIndex="-1" class="sidebar__group-heading"> Image CDN </button>  </section></li><li class="sidebar__link-item"><div><a href="/blobs/overview/" class="sidebar__link">Blobs</a></div></li><li class="sidebar__link-item"><div><a href="/platform/caching/" class="sidebar__link">Caching</a></div></li><li class="sidebar__link-item"><div><a href="/platform/dev-server/" class="sidebar__link">Dev Server</a></div></li><li class="sidebar__link-item"><section tabIndex="-1" class="sidebar__group collapsable is-sub-group"><button tabIndex="-1" class="sidebar__group-heading"> Platform extensions </button>  </section></li></ul></div><div class="sidebar__section"><span class="sidebar__section-label">Frameworks</span> <ul class="sidebar__links"><li class="sidebar__link-item"><div><a href="/frameworks/" class="sidebar__link">Overview</a></div></li><li class="sidebar__link-item"><section tabIndex="-1" class="sidebar__group collapsable is-sub-group"><button tabIndex="-1" class="sidebar__group-heading"> Framework support </button>  </section></li><li class="sidebar__link-item"><div><a href="/frameworks/environment-variables/" class="sidebar__link">Use environment variables with frameworks</a></div></li><li class="sidebar__link-item"><div><a href="/frameworks-api/" class="sidebar__link">Frameworks API</a></div></li></ul></div><div class="sidebar__section"><span class="sidebar__section-label">Developer tools</span> <ul class="sidebar__links"><li class="sidebar__link-item"><section tabIndex="-1" class="sidebar__group collapsable is-sub-group"><button tabIndex="-1" class="sidebar__group-heading"> CLI </button>  </section></li><li class="sidebar__link-item"><section tabIndex="-1" class="sidebar__group collapsable is-sub-group"><button tabIndex="-1" class="sidebar__group-heading"> API </button>  </section></li><li class="sidebar__link-item"><div><a href="/terraform-provider/" class="sidebar__link">Terraform Provider</a></div></li><li class="sidebar__link-item"><div><a href="https://developers.netlify.app/sdk/get-started/introduction/" target="_blank" rel="noopener noreferrer" class="sidebar__link">Netlify SDK</a></div></li><li class="sidebar__link-item"><div><a href="/welcome/command-palette/" class="sidebar__link">Command Palette</a></div></li></ul></div><div class="sidebar__section"><span class="sidebar__section-label">Integrate & extend</span> <ul class="sidebar__links"><li class="sidebar__link-item"><div><a href="/integrations/overview/" class="sidebar__link">Overview</a></div></li><li class="sidebar__link-item"><section tabIndex="-1" class="sidebar__group collapsable is-sub-group"><button tabIndex="-1" class="sidebar__group-heading"> Integrations </button>  </section></li><li class="sidebar__link-item"><section tabIndex="-1" class="sidebar__group collapsable is-sub-group"><button tabIndex="-1" class="sidebar__group-heading"> Build Plugins </button>  </section></li><li class="sidebar__link-item"><div><a href="/slack-app/" class="sidebar__link">Netlify App for Slack</a></div></li><li class="sidebar__link-item"><div><a href="/integrations/extend-netlify/" class="sidebar__link">Extend Netlify</a></div></li></ul></div><div class="sidebar__section"><span class="sidebar__section-label">Configure & deploy site</span> <ul class="sidebar__links"><li class="sidebar__link-item"><section tabIndex="-1" class="sidebar__group collapsable is-sub-group"><button tabIndex="-1" class="sidebar__group-heading"> Git </button>  </section></li><li class="sidebar__link-item"><section tabIndex="-1" class="sidebar__group collapsable is-sub-group"><button aria-expanded="true" tabIndex="-1" class="sidebar__group-heading open"> Environment variables </button> <ul class="sidebar__links sidebar__group-items"><li class="sidebar__link-item"><div><a href="/environment-variables/overview/" aria-current="page" class="active sidebar__link">Overview</a></div></li><li class="sidebar__link-item"><div><a href="/environment-variables/get-started/" class="sidebar__link">Get started</a></div></li><li class="sidebar__link-item"><div><a href="/environment-variables/secrets-controller/" class="sidebar__link">Secrets Controller</a></div></li></ul> </section></li><li class="sidebar__link-item"><section tabIndex="-1" class="sidebar__group collapsable is-sub-group"><button tabIndex="-1" class="sidebar__group-heading"> Configure builds </button>  </section></li><li class="sidebar__link-item"><section tabIndex="-1" class="sidebar__group collapsable is-sub-group"><button tabIndex="-1" class="sidebar__group-heading"> Site deploys </button>  </section></li><li class="sidebar__link-item"><section tabIndex="-1" class="sidebar__group collapsable is-sub-group"><button tabIndex="-1" class="sidebar__group-heading"> Domains & HTTPS </button>  </section></li><li class="sidebar__link-item"><section tabIndex="-1" class="sidebar__group collapsable is-sub-group"><button tabIndex="-1" class="sidebar__group-heading"> Static routing </button>  </section></li><li class="sidebar__link-item"><section tabIndex="-1" class="sidebar__group collapsable is-sub-group"><button tabIndex="-1" class="sidebar__group-heading"> Forms </button>  </section></li></ul></div><div class="sidebar__section"><span class="sidebar__section-label">Visual editing</span> <ul class="sidebar__links"><li class="sidebar__link-item"><section tabIndex="-1" class="sidebar__group collapsable is-sub-group"><button tabIndex="-1" class="sidebar__group-heading"> Visual Editor </button>  </section></li><li class="sidebar__link-item"><div><a href="/ai-assisted-publishing/" class="sidebar__link">AI-Assisted Publishing</a></div></li><li class="sidebar__link-item"><div><a href="https://visual-editor-reference.netlify.com/" target="_blank" rel="noopener noreferrer" class="sidebar__link">Visual editor reference</a></div></li></ul></div><div class="sidebar__section"><span class="sidebar__section-label">Manage data</span> <ul class="sidebar__links"><li class="sidebar__link-item"><section tabIndex="-1" class="sidebar__group collapsable is-sub-group"><button tabIndex="-1" class="sidebar__group-heading"> Connect </button>  </section></li></ul></div><div class="sidebar__section"><span class="sidebar__section-label">Site & team management</span> <ul class="sidebar__links"><li class="sidebar__link-item"><section tabIndex="-1" class="sidebar__group collapsable is-sub-group"><button tabIndex="-1" class="sidebar__group-heading"> Accounts & billing </button>  </section></li><li class="sidebar__link-item"><section tabIndex="-1" class="sidebar__group collapsable is-sub-group"><button tabIndex="-1" class="sidebar__group-heading"> Security </button>  </section></li><li class="sidebar__link-item"><section tabIndex="-1" class="sidebar__group collapsable is-sub-group"><button tabIndex="-1" class="sidebar__group-heading"> Monitor sites </button>  </section></li></ul></div></div></nav> <div aria-labelledby="#external-link__header" class="external-links" data-v-bad94b42><p id="external-link__header" class="external-links__header" data-v-bad94b42> Contact </p> <ul class="external-links__list" data-v-bad94b42><li class="external-links__item" data-v-bad94b42><a href="https://answers.netlify.com" target="_blank" rel="noopener noreferrer" class="external-links__link" data-v-bad94b42> Forums </a></li> <li class="external-links__item" data-v-bad94b42><a href="https://www.netlify.com/support/" target="_blank" rel="noopener noreferrer" class="external-links__link" data-v-bad94b42> Contact support </a></li></ul></div> <nav aria-label="Netlify navigation" class="navbar__nav is-visible-mamabear navbar__authlinks is-not-visible-mamabear" data-v-1733a580><div class="navbar__nav-list" data-v-1733a580><a href="https://app.netlify.com/login" rel="noopener noreferrer" class="navbar__nav-link" data-v-1733a580> Log in </a> <a href="https://app.netlify.com/signup" target="self" rel="noopener noreferrer" class="navbar__nav-link signup-button" data-v-1733a580> Sign up </a></div></nav></div></div> <div class="wrapper__sidebar wrapper__toc"><nav aria-label="On this page" data-toc="" class="contents wrapper__sidebar-interior"> <details><summary class="contents__header">On this page</summary> <ol><li><a href="/environment-variables/overview/#environment-variables-at-netlify" data-slug="environment-variables-at-netlify">Environment variables at Netlify</a> </li><li><a href="/environment-variables/overview/#configuration-options-and-limitations" data-slug="configuration-options-and-limitations">Configuration options and limitations</a> <ul><li><a href="/environment-variables/overview/#value-per-deploy-context" data-slug="value-per-deploy-context">Value per deploy context</a> </li><li><a href="/environment-variables/overview/#scopes" data-slug="scopes">Scopes</a> </li><li><a href="/environment-variables/overview/#overrides" data-slug="overrides">Overrides</a> </li><li><a href="/environment-variables/overview/#limitations" data-slug="limitations">Limitations</a> </li></ul></li><li><a href="/environment-variables/overview/#get-started" data-slug="get-started">Get started</a> </li><li><a href="/environment-variables/overview/#more-environment-variables-resources" data-slug="more-environment-variables-resources">More environment variables resources</a> </li></ol></details></nav></div> <section class="wrapper__content"><header class="content__default"><div class="wrapper__breadcrumbs"><span class="breadcrumb__item"><span>Configure & deploy site</span> <span class="breadcrumb__break">/</span></span><span class="breadcrumb__item"><span>Environment variables</span> <span class="breadcrumb__break">/</span></span></div> <h1>Environment variables overview</h1></header> <div class="content__default"><p>Netlify environment variables allow you to configure your site’s build and functionality based on different parameters and deploy contexts.</p> <p>This page describes the different environment variable options at Netlify, their override rules, limitations, and how to get started.</p> <div id="overview" class="legacy-anchor"></div> <h2 id="environment-variables-at-netlify"><a href="#environment-variables-at-netlify" class="header-anchor">#</a> Environment variables at Netlify</h2> <p>Netlify offers a few different options for how you can <a href="/environment-variables/get-started/#create-environment-variables">configure</a> and <a href="/environment-variables/get-started/#use-environment-variables">use</a> environment variables:</p> <ul><li>There are two types of environment variables: shared environment variables that are available to all sites in your team and site environment variables set for specific sites. Site environment variables can override shared environment variables.</li> <li>Environment variables have a key name, <a href="#scopes">scope</a>, and one or more <a href="#value-per-deploy-context">contextual values</a>. At Netlify, an environment variable’s contextual value is the value set for a specific <a href="/site-deploys/overview/#deploy-contexts">deploy context</a>. By default, environment variables are available to all scopes and have the same value for all deploy contexts.</li> <li>You can mark environment variables as <code>Contains secret values</code> for additional access restrictions and security features with our <a href="/environment-variables/secrets-controller">Secrets Controller</a> feature.</li> <li>Netlify provides a set of <a href="/configure-builds/environment-variables/#netlify-configuration-variables">configuration variables</a> and <a href="/configure-builds/environment-variables/#read-only-variables">read-only variables</a> for use during the build process.</li> <li>There is a <a href="/environment-variables/get-started/#sensitive-variable-policy">sensitive variable policy</a> that you can configure to control access to sensitive variables for sites connected to public repositories.</li> <li>You can use the Netlify <a href="/cli/get-started/#manage-environment-variables">CLI</a> and the Netlify <a href="/api/get-started/#environment-variables">API</a> to access and modify environment variables stored on Netlify. Any updates made using the CLI or API will be reflected in the Netlify UI.</li> <li>The Netlify UI offers the ability to review environment variables at a glance and to filter variables by key name, scope, and deploy context. Once you add a deploy context filter, you can use the Netlify UI to <a href="/environment-variables/get-started/#export-variables-with-the-netlify-ui">copy the filtered data in <code>.env</code> format</a>.</li> <li>All environment variable changes made in the Netlify UI, CLI, and API are captured in the <a href="/accounts-and-billing/team-management/team-audit-log/">team audit log</a> so you can keep track of any variables that you and other team members create, modify, or delete.</li></ul> <p>For example, you can use the Netlify UI, CLI, or API to configure an environment variable that only functions can use and that has one value for use with production and another value for Deploy Previews:</p> <ul><li>Key: <code>API_KEY</code></li> <li>Scope: <code>Functions</code></li> <li>Values: <ul><li>Production: <code>a production secret</code></li> <li>Deploy Previews: <code>a non-production secret</code></li></ul></li></ul> <p><img src="/images/environment-variables-overview-environment-variables-list.png" alt="Example list of environment variables with scopes and contextual values in the Netlify UI"></p> <div id="environment-variable-options" class="legacy-anchor"></div> <h2 id="configuration-options-and-limitations"><a href="#configuration-options-and-limitations" class="header-anchor">#</a> Configuration options and limitations</h2> <p>Netlify supports two ways of setting and storing environment variables — with the Netlify UI, CLI, or API, or with a Netlify configuration file. Depending on which method you use, there are different environment variable options available.</p> <p>We recommend using the Netlify UI, CLI, or API, where possible, to avoid storing sensitive values in your repository.</p> <table><thead><tr><th></th> <th style="text-align:center;"><a href="/environment-variables/get-started/#create-variables-with-the-netlify-ui-cli-or-api">Netlify UI, CLI, or API</a></th> <th style="text-align:center;"><a href="/environment-variables/get-started/#create-variables-with-a-netlify-configuration-file">Netlify configuration file</a></th></tr></thead> <tbody><tr><td>Stored on Netlify</td> <td style="text-align:center;">✓</td> <td style="text-align:center;"></td></tr> <tr><td>Stored in your repository</td> <td style="text-align:center;"></td> <td style="text-align:center;">✓</td></tr> <tr><td>Set site environment variables</td> <td style="text-align:center;">✓</td> <td style="text-align:center;">✓</td></tr> <tr><td>Set shared environment variables</td> <td style="text-align:center;">✓</td> <td style="text-align:center;"></td></tr> <tr><td>Set a single value that is available to all deploy contexts</td> <td style="text-align:center;">✓</td> <td style="text-align:center;">✓</td></tr> <tr><td>Set a different value for each deploy context</td> <td style="text-align:center;">✓</td> <td style="text-align:center;">✓</td></tr> <tr><td>Set specific scopes for variables</td> <td style="text-align:center;">✓</td> <td style="text-align:center;"></td></tr> <tr><td>Available to <a href="/configure-builds/environment-variables/">builds</a></td> <td style="text-align:center;">✓</td> <td style="text-align:center;">✓</td></tr> <tr><td>Available to <a href="/functions/overview/">Functions</a>, <a href="/edge-functions/overview/">Edge Functions</a>, and <a href="/configure-builds/on-demand-builders/">On-demand Builders</a></td> <td style="text-align:center;">✓</td> <td style="text-align:center;"></td></tr> <tr><td>Available to <a href="/site-deploys/post-processing/snippet-injection/">snippet injection</a></td> <td style="text-align:center;">✓</td> <td style="text-align:center;">✓</td></tr> <tr><td>Available to <a href="/forms/spam-filters/#custom-recaptcha-2">forms</a></td> <td style="text-align:center;">✓</td> <td style="text-align:center;"></td></tr> <tr><td>Available to <a href="/routing/redirects/rewrites-proxies/#signed-proxy-redirects">signed proxy redirects</a></td> <td style="text-align:center;">✓</td> <td style="text-align:center;"></td></tr> <tr><td>Changes captured in <a href="/accounts-and-billing/team-management/team-audit-log/">team audit log</a></td> <td style="text-align:center;">✓</td> <td style="text-align:center;"></td></tr></tbody></table> <h3 id="value-per-deploy-context"><a href="#value-per-deploy-context" class="header-anchor">#</a> Value per deploy context</h3> <p>By default, environment variables have one value that is available to all <a href="/site-deploys/overview/#deploy-contexts">deploy contexts</a>. Alternatively, you can choose to set a different value for each of the following deploy contexts:</p> <ul><li><code>Production</code>: for the main site’s deployment.</li> <li><code>Deploy Previews</code>: for previews we build for your pull/merge requests.</li> <li><code>Branch deploys</code>: for all branch deploys. You can override this value on individual branches using a <code>Branch</code> value, outlined below.</li> <li><code>Dev server</code>: for any <a href="/platform/dev-server">dev servers</a> running for that site. By default, this context inherits all values defined for <code>Local development</code>.</li> <li><code>Local development</code>: for local development using the Netlify CLI.</li></ul> <p>You also have the option to set a <code>Branch</code> value for use on a specific branch, such as <code>staging</code> or <code>docs</code>. The <code>Branch</code> value will be used for deploy permalinks, Deploy Previews, and branch deploys for the specified branch.</p> <p>At Netlify, the value set for a specific deploy context is sometimes referred to as the environment variable’s contextual value.</p> <p>The ability to set contextual values opens up more possibilities for how you can leverage environment variables on Netlify. For example:</p> <ul><li>Analytics or experiments you wish to run only on the live site in production</li> <li>Modifying which CMS environment to use for production versus Deploy Previews</li> <li>Adding new functionality that requires a specific token and testing the change in a Deploy Preview before it goes live</li></ul> <h3 id="scopes"><a href="#scopes" class="header-anchor">#</a> Scopes</h3> <div class="pricing"><p class="pricing-message">This feature is available on <a href='https://www.netlify.com/pricing/?category=developer' target='_blank' class='pricing-link'>Core Pro</a> and <a href='https://www.netlify.com/pricing/?category=enterprise' target='_blank' class='pricing-link'>Enterprise</a> plans.</p></div> <p>By default, environment variables apply to all scopes. Alternatively, you can limit variables to one or more of the following scopes:</p> <ul><li><strong>Builds</strong>: includes <a href="/configure-builds/overview/">site builds</a>. You can use environment variables with this scope during the build step to configure your site, framework, and function builds. Learn more about <a href="/configure-builds/environment-variables/">build environment variables</a>.</li> <li><strong>Functions</strong>: includes <a href="/functions/overview/">Functions</a>, <a href="/edge-functions/overview/">Edge Functions</a>, and <a href="/configure-builds/on-demand-builders/">On-demand Builders</a>. You can use environment variables with this scope to securely provide sensitive values for your functions to use while they run – values such as API keys and tokens. Learn more about <a href="/functions/environment-variables/">environment variables and functions</a>.</li> <li><strong>Runtime</strong>: includes <a href="/forms/spam-filters/#netlify-provided-recaptcha-2">forms</a> and <a href="/routing/redirects/rewrites-proxies/#signed-proxy-redirects">signed proxy redirects</a>. You can use environment variables with this scope to provide security tokens for your forms and redirects to use while your site runs in the browser.</li> <li><strong>Post processing</strong>: includes <a href="/site-deploys/post-processing/snippet-injection/">snippet injection</a>. You can use environment variables with this scope as Netlify serves your site in the browser – for example, you may add <a href="/site-deploys/split-testing/#use-snippet-injection-for-more-flexibility">data for the analytics script</a> that you inject for split testing.</li></ul> <p>By making variables available only to the scopes that need them, such as builds only or functions only, you can more tightly control where Netlify uses your sensitive data and avoid hitting any value <a href="#limitations">limits</a> for certain scopes.</p> <h3 id="overrides"><a href="#overrides" class="header-anchor">#</a> Overrides</h3> <p>There are a few overrides to be aware of:</p> <ul><li>Environment variables set in <code>netlify.toml</code> override environment variables set with the same key name using the Netlify UI, CLI, and API.</li> <li>If a site environment variable and a shared environment variable exist with the same key name, the site environment variable takes precedence for each of its scopes and for each deploy context it has a value for.</li> <li>If you set environment variable values for different deploy contexts, the <a href="/configure-builds/file-based-configuration/#deploy-contexts">deploy context precedence rules</a> apply.</li></ul> <p>For example, if you use the Netlify UI to declare the following environment variables:</p> <table><thead><tr><th>Variable type</th> <th>Key</th> <th>Scope</th> <th>Contextual values</th></tr></thead> <tbody><tr><td>Shared</td> <td>GREETING</td> <td>all</td> <td><ul><li>Production: <code>hello</code></li><li>Deploy Previews: <code>konnichiwa</code></li><li>Branch:staging: <code>bonjour</code></li></ul></td></tr> <tr><td>Site</td> <td>GREETING</td> <td>builds</td> <td><ul><li>Production: <code>aloha</code></li><li>Branch deploys: <code>guten tag</code></li></ul></td></tr></tbody></table> <p>The following values will be used for <code>GREETING</code>:</p> <div class="brief-table-style"><table><thead><tr><th>Scope</th> <th>Deploy context</th> <th>Contextual value</th></tr></thead> <tbody><tr><td>Builds</td> <td>Production</td> <td><code>aloha</code></td></tr> <tr><td>Functions</td> <td>Production</td> <td><code>hello</code></td></tr> <tr><td>Builds</td> <td>Deploy Previews</td> <td><code>konnichiwa</code></td></tr> <tr><td>Builds</td> <td>Branch deploy for branch <code>staging</code></td> <td><code>bonjour</code></td></tr> <tr><td>Builds</td> <td>Branch deploys for all other branches except for <code>staging</code></td> <td><code>guten tag</code></td></tr> <tr><td>Functions</td> <td>Local development (Netlify CLI)</td> <td><code>undefined</code></td></tr></tbody></table></div> <h3 id="limitations"><a href="#limitations" class="header-anchor">#</a> Limitations</h3> <p>The following limitations apply for environment variables:</p> <ul><li><strong>Reserved variable names</strong>. Netlify offers some read-only environment variables for <a href="/configure-builds/environment-variables/#read-only-variables">builds</a> and <a href="/functions/environment-variables/#netlify-read-only-variables">functions</a>. The keys used by these read-only variables are reserved by Netlify. You can’t override these variables or their values.</li> <li><strong>Accepted characters</strong>. Keys can only include alphanumeric characters and underscores, and the first character must be a letter. For example, <code>KEY1</code> is valid but <code>1KEY</code> and <code>_KEY1</code> are not valid.</li> <li><strong>Character and value limits</strong>. Keys can contain up to 255 characters, and values can contain up to 5,000 characters. Values used by functions should fall within AWS’s <a href="https://docs.aws.amazon.com/lambda/latest/dg/configuration-envvars.html" target="_blank" rel="noopener noreferrer">environment property limits</a>.</li> <li><strong>Shared variable access limitations</strong>. Only Team Owners can read and edit shared environment variable values.</li></ul> <h2 id="get-started"><a href="#get-started" class="header-anchor">#</a> Get started</h2> <p>We recommend you start using environment variables at Netlify by taking the following steps:</p> <ol><li>Add and set <a href="/environment-variables/get-started/#site-environment-variables">site environment variables</a> or <a href="/environment-variables/get-started/#shared-environment-variables">shared environment variables</a> with the Netlify UI.</li> <li>Once you add a few variables, try to access or update your variables with the <a href="/cli/get-started/#manage-environment-variables">Netlify CLI</a> or the <a href="/api/get-started/#environment-variables">API endpoints</a>.</li> <li>Update your site code or configuration to <a href="/environment-variables/get-started/#use-environment-variables">use environment variables</a> during the build process, in functions, and more.</li> <li>If your site is connected to a public repository, review your <a href="/environment-variables/get-started/#sensitive-variable-policy">sensitive variable policy settings</a> to control whether untrusted deploys can access sensitive environment variables.</li> <li>Check the <a href="/accounts-and-billing/team-management/team-audit-log/">team audit log</a> to review changes as you work with environment variables.</li></ol> <h2 id="more-environment-variables-resources"><a href="#more-environment-variables-resources" class="header-anchor">#</a> More environment variables resources</h2> <ul><li><a href="/configure-builds/environment-variables/">Build environment variables</a></li> <li><a href="/functions/environment-variables/">Environment variables and functions</a></li> <li>Verified Support Guide on <a href="https://answers.netlify.com/t/support-guide-using-environment-variables-on-netlify-correctly/267" target="_blank" rel="noopener noreferrer">how to use build environment variables</a></li> <li><a href="/get-started/#use-environment-variables">Get started guide - use environment variables with functions</a></li> <li><a href="/configure-builds/file-based-configuration/#inject-environment-variable-values">Injecting environment variable values in your <code>netlify.toml</code> file</a></li> <li><a href="/site-deploys/overview/#deploy-contexts">Environment variables for different deploy contexts</a></li> <li><a href="/site-deploys/manage-deploys/#configure-your-deploy-environment">Configure your deploy environment</a></li> <li><a href="/site-deploys/create-deploys/#require-or-set-environment-variables">Deploy to Netlify button - require or set environment variables</a></li> <li><a href="/routing/redirects/rewrites-proxies/#signed-proxy-redirects">Environment variables for signed proxy redirects</a></li> <li><a href="/frameworks/gatsby/?gatsby-version=adapters#environment-variables">Gatsby environment variables</a></li> <li><a href="/frameworks/hugo/#hugo-version">Hugo version environment variable</a></li> <li><a href="/functions/optional-configuration/?fn-language=js#node-js-version-for-runtime-2">Node.js functions runtime settings</a></li></ul></div> <div><p id="create-environment-variables" class="legacy-redirect"><a href="/environment-variables/get-started/#create-environment-variables">Create environment variables</a></p><p id="create-variables-with-the-netlify-ui-or-cli" class="legacy-redirect"><a href="/environment-variables/get-started/#create-variables-with-the-netlify-ui-cli-or-api">Create environment variables with the Netlify UI, CLI, or API</a></p><p id="site-environment-variables" class="legacy-redirect"><a href="/environment-variables/get-started/#site-environment-variables">Site environment variables</a></p><p id="shared-environment-variables" class="legacy-redirect"><a href="/environment-variables/get-started/#shared-environment-variables">Shared environment variables</a></p><p id="create-variables-with-a-netlify-configuration-file" class="legacy-redirect"><a href="/environment-variables/get-started/#create-variables-with-a-netlify-configuration-file">Create environment variables with a Netlify configuration file</a></p><p id="sensitive-variable-policy" class="legacy-redirect"><a href="/environment-variables/get-started/#sensitive-variable-policy">Sensitive variable policy</a></p><p id="use-environment-variables" class="legacy-redirect"><a href="/environment-variables/get-started/#use-environment-variables">Use environment variables</a></p></div> <div class="content__default wrapper__last_updated has_page_nav"><time datetime="2024-11-12"> Last updated: November 12, 2024 </time></div> <div class="footer-page-nav"><p class="inner"> <span class="next"><a href="/environment-variables/get-started/"> Get started </a> → </span></p></div> <div class="feedback"><div class="media"><div class="media__body"><h4 class="media__title"> Did you find this doc useful? </h4>  <p class="media__copy"> Your feedback helps us improve our docs. </p>  </div> <div class="media__figure"><button aria-label="upvote" class="feedback__vote feedback__vote--upvote"><svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true"><g fill="none" fill-rule="evenodd"><circle cx="32" cy="32" r="32" fill="none" fill-rule="nonzero"></circle> <g stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="M40 29h-7.645l1.473-3.889c.377-.996.042-2.135-.803-2.73-.963-.679-2.263-.427-2.936.569L26 29v9a4 4 0 0 0 4 4h6.517c1.51 0 2.893-.852 3.573-2.203L42 36v-5a2 2 0 0 0-2-2zM22 29v12"></path></g></g></svg></button><button aria-label="downvote" class="feedback__vote feedback__vote--downvote"><svg xmlns="http://www.w3.org/2000/svg" width="64" height="64" aria-hidden="true"><g fill="none" fill-rule="evenodd"><circle cx="32" cy="32" r="32" fill="none" fill-rule="nonzero"></circle> <g stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2"><path d="M23 35h7.645l-1.473 3.889c-.377.996-.042 2.135.803 2.73.963.679 2.263.427 2.936-.569l4.09-6.05v-9a4 4 0 0 0-4-4h-6.518c-1.51 0-2.893.852-3.573 2.202L21 28v5a2 2 0 0 0 2 2zM41 35V23"></path></g></g></svg></button></div></div> <div><form class='form form--floating-labels feedback__form--appear' method='post' name='feedback'><input type="hidden" name="form-name" value="feedback"> <input type="hidden" name="path" value="/environment-variables/overview/"> <input type="hidden" name="vote" value=""> <label class="visuallyhidden"> Do not fill in this field <input name="verification" value=""></label> <div class="form__field"><label><div class="form__label"> What else would you like to tell us about this doc? </div> <textarea name="feedback" class="form__textarea"></textarea></label></div> <div class="btn-group"><button disabled="disabled" class="btn"> Send </button></div></form></div></div> <footer class="footer"><div class="footer-wrapper"><nav aria-label="Footer navigation" class="footer-nav"><ul class="footer__nav"><li class="footer__nav-item"><a href="https://netlify.com/" class="footer__nav-link"> Netlify </a></li> <li class="footer__nav-item"><a href="https://netlify.com/careers/" class="footer__nav-link"> Careers </a></li> <li class="footer__nav-item"><a href="https://netlify.com/blog/" class="footer__nav-link"> Blog </a></li> <li class="footer__nav-item"><a href="https://www.netlify.com/legal/terms-of-use/" class="footer__nav-link"> Terms </a></li> <li class="footer__nav-item"><a href="https://www.netlify.com/privacy/" class="footer__nav-link"> Privacy </a></li></ul></nav> <div class="dark-mode-widget footer__theme-toggle" data-v-0d17f8d5><label for="theme-select" class="visuallyhidden" data-v-0d17f8d5>Select a theme</label> <div class="forms-select-c" data-v-0d17f8d5><div class="theme-toggle-icon" data-v-0d17f8d5><svg width="14" height="14" viewBox="0 0 14 14" fill="none" xmlns="http://www.w3.org/2000/svg" data-v-0d17f8d5><path fill-rule="evenodd" clip-rule="evenodd" d="M14 7C14 10.866 10.866 14 7 14C3.13401 14 0 10.866 0 7C0 3.13401 3.13401 0 7 0C10.866 0 14 3.13401 14 7ZM7 12.2C6.99999 12.2 7.00001 12.2 7 12.2C4.12812 12.2 1.8 9.87188 1.8 7C1.8 4.12812 4.12812 1.8 7 1.8C7.00001 1.8 6.99999 1.8 7 1.8V12.2Z" fill="currentColor"></path></svg>  </div> <select value="system" name="theme-select" id="theme-select" class="forms-input"> <option value="system" data-v-0d17f8d5>System</option><option value="light" data-v-0d17f8d5>Light</option><option value="dark" data-v-0d17f8d5>Dark</option></select> <svg width="21" height="13" viewBox="0 0 21 13" fill="none" xmlns="http://www.w3.org/2000/svg" class="icon-arrow-down forms-select-c-arrow"><path d="M20.7656 1.82812C21.0156 2.10938 21.0156 2.375 20.7656 2.625L10.9219 12.4688C10.6719 12.7188 10.4219 12.7188 10.1719 12.4688L0.328125 2.625C0.078125 2.375 0.078125 2.10938 0.328125 1.82812L1.26562 0.9375C1.51562 0.65625 1.78125 0.65625 2.0625 0.9375L10.5469 9.375L19.0312 0.9375C19.3125 0.65625 19.5781 0.65625 19.8281 0.9375L20.7656 1.82812Z"></path></svg></div></div></div> <p class="footer__copyright">© 2024 Netlify</p></footer></section></main></div><div class="global-ui"></div></div> <script src="/assets/js/app.1a68918d.js" defer></script><script src="/assets/js/10.a8fb7bb3.js" defer></script><script src="/assets/js/2.f24e0879.js" defer></script><script src="/assets/js/99.d50b6440.js" defer></script><script src="/assets/js/14.036a1b72.js" defer></script><script src="/assets/js/3.be674a14.js" defer></script> <script src="/netlify-cnm/cnm.js" async defer></script> <script async id="netlify-rum-container" src="/.netlify/scripts/rum" data-netlify-rum-site-id="90a54386-9477-4113-bd6a-b9227b573d00" data-netlify-deploy-branch="main" data-netlify-deploy-context="production" data-netlify-cwv-token="eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJzaXRlX2lkIjoiOTBhNTQzODYtOTQ3Ny00MTEzLWJkNmEtYjkyMjdiNTczZDAwIiwiYWNjb3VudF9pZCI6IjU4ZGE4ODkzZDY4NjVkMzVjOTJhNzJiOCIsImRlcGxveV9pZCI6IjY3NDBmMzNkOTdmMTdiMDAwODkyNzMyMCIsImlzc3VlciI6Im5mc2VydmVyIn0.w3RbnVlZywFu8_P7X1si0AcznAHq7JlUzsxOj5i3olQ"></script><script type="text/javascript"> if (window.location.host === "docs.netlify.com") { !function(){var analytics=window.analytics=window.analytics||[];if(!analytics.initialize)if(analytics.invoked)window.console&&console.error&&console.error("Segment snippet included twice.");else{analytics.invoked=!0;analytics.methods=["trackSubmit","trackClick","trackLink","trackForm","pageview","identify","reset","group","track","ready","alias","debug","page","once","off","on","addSourceMiddleware","addIntegrationMiddleware","setAnonymousId","addDestinationMiddleware"];analytics.factory=function(e){return function(){var t=Array.prototype.slice.call(arguments);t.unshift(e);analytics.push(t);return analytics}};for(var e=0;e<analytics.methods.length;e++){var key=analytics.methods[e];analytics[key]=analytics.factory(key)}analytics.load=function(key,e){var t=document.createElement("script");t.type="text/javascript";t.async=!0;t.src="https://cdn.segment.com/analytics.js/v1/" + key + "/analytics.min.js";var n=document.getElementsByTagName("script")[0];n.parentNode.insertBefore(t,n);analytics._loadOptions=e};analytics.SNIPPET_VERSION="4.13.1"; analytics.load("kjz0qkJslzzHMcNGI3GkDb9HDZ6vspYZ"); }}(); } </script></body> </html>