CINXE.COM

Scale & Ship Faster with a Composable Web Architecture | Netlify Developers

<!DOCTYPE html><html lang="en"> <head><meta charset="utf-8"><meta name="viewport" content="width=device-width, initial-scale=1"><meta name="generator" content="Astro v5.2.5"><!-- SEO Meta Tags --><title>Scale &amp; Ship Faster with a Composable Web Architecture | Netlify Developers</title><meta name="description" content="Realize the speed, agility and performance of a scalable, composable web architecture with Netlify. Explore the composable web platform now."><meta property="og:title" content="Scale &#38; Ship Faster with a Composable Web Architecture | Netlify Developers"><meta property="og:description" content="Realize the speed, agility and performance of a scalable, composable web architecture with Netlify. Explore the composable web platform now."><meta property="og:image" content="https://developers.netlify.com/images/netlify-developers--preview-default.png"><meta property="og:url" content="https://developers.netlify.com/"><meta property="twitter:card" content="summary_large_image"><!-- Favicons --><link rel="icon" href="/favicon/favicon.ico" sizes="any"><link rel="icon" href="/favicon/icon.svg" type="image/svg+xml"><link rel="apple-touch-icon" href="/favicon/apple-touch-icon.png"><link rel="manifest" href="/site.webmanifest" crossorigin="use-credentials"><meta name="apple-mobile-web-app-title" content="Netlify"><meta name="application-name" content="Netlify"><meta name="theme-color" content="#ffffff"><link rel="preload" href="/fonts/pacaembu/PacaembuVar-latin.woff2" as="font" type="font/woff2" crossorigin=""><link rel="preload" href="/fonts/mulish/MulishVar-latin.woff2" as="font" type="font/woff2" crossorigin=""><!-- Google Tag Manager --><script> (function (w, d, s, l, i) { w[l] = w[l] || []; w[l].push({ "gtm.start": new Date().getTime(), event: "gtm.js" }); var f = d.getElementsByTagName(s)[0], j = d.createElement(s), dl = l != "dataLayer" ? "&l=" + l : ""; j.async = true; j.defer = true; j.src = "https://www.googletagmanager.com/gtm.js?id=" + i + dl; f.parentNode.insertBefore(j, f); })(window, document, "script", "dataLayer", "GTM-NMKKF2M"); </script><!-- End Google Tag Manager --><link rel="alternate" type="application/rss+xml" title="Netlify Developers" href="/feed.xml"><style>div[data-astro-cid-75xuqu7i]{margin-block-start:7em}.home-hero[data-astro-cid-pgpo2ev5]{position:relative;text-align:left;padding:clamp(4rem,8vw,6rem) 0 3rem}h1[data-astro-cid-pgpo2ev5]{font-size:var(--step-5)}p[data-astro-cid-pgpo2ev5]{font-size:var(--step-1);max-width:24rem;margin:1.5em 0 0;color:#fff;text-wrap:balance}@media only screen and (min-width: 1000px){.home-hero[data-astro-cid-pgpo2ev5]{padding-bottom:6rem}}nav[data-astro-cid-evqlnhhi]{display:grid;gap:1rem;margin:0 auto 8em}@media only screen and (min-width: 600px){nav[data-astro-cid-evqlnhhi]{grid-template-columns:repeat(2,minmax(0,1fr))}}@media only screen and (min-width: 800px){nav[data-astro-cid-evqlnhhi]{grid-template-columns:repeat(3,minmax(0,1fr))}}nav[data-astro-cid-evqlnhhi] a[data-astro-cid-evqlnhhi]{flex:1;background-color:transparent;border:solid 1px var(--color-brand-2);padding:2rem;border-radius:8px;text-align:center;box-shadow:0 0 10px #2e51ed66;color:#fff;text-decoration:none;font-family:var(--font-heading);font-weight:700;font-size:1.4em;transition-property:box-shadow;transition-timing-function:ease-in-out;transition-duration:.5s}nav[data-astro-cid-evqlnhhi] a[data-astro-cid-evqlnhhi] span[data-astro-cid-evqlnhhi]{display:block;font-family:var(--font-primary);font-weight:400;font-size:.9rem;color:#fffb}nav[data-astro-cid-evqlnhhi] a[data-astro-cid-evqlnhhi]:hover{transition-timing-function:ease-out;transition-duration:.8s;background-color:var(--color-brand-2);box-shadow:0 0 10px var(--color-brand-2);color:#12181f}nav[data-astro-cid-evqlnhhi] a[data-astro-cid-evqlnhhi]:hover span[data-astro-cid-evqlnhhi]{color:#12181f}.grid[data-astro-cid-j7pv25f6]{display:grid;gap:4rem;margin-top:4rem}@media only screen and (min-width: 600px){.grid[data-astro-cid-j7pv25f6]{grid-template-columns:repeat(2,1fr)}}@media only screen and (min-width: 1000px){.grid[data-astro-cid-j7pv25f6]{gap:6rem;padding:2rem 0}}h2[data-astro-cid-j7pv25f6]{font-size:var(--step-3)}a[data-astro-cid-j7pv25f6].cta{margin-top:1em;line-height:2;font-size:.8em;text-decoration:none}a[data-astro-cid-j7pv25f6]:has(svg){display:inline-flex;align-items:center;gap:.5em;margin-right:1em} section[data-astro-cid-nzusey56]{position:relative} .prose code{background-color:var(--neutral-dark-700);border-radius:var(--radius-xs);color:#5de4c7} .title[data-astro-cid-lfdasims]{font-size:var(--step-1);margin:.6em 0 .75em;line-height:1.6;text-wrap:balance}.byline[data-astro-cid-lfdasims]{font-size:var(--step--1);color:var(--color-link-inverse)}.type[data-astro-cid-lfdasims]{margin-bottom:1em}.tags[data-astro-cid-lfdasims]{display:flex;flex-wrap:wrap;gap:.5rem;margin:1.25em 0}.excerpt[data-astro-cid-lfdasims]{margin-top:2em} svg[data-astro-cid-4ejhtf3k]{width:.5rem}.wrapper[data-astro-cid-lbpydqlr]{display:inline-flex;align-items:center;gap:.5rem;padding:.25rem .75rem;border-radius:1rem;background-color:var(--neutral-dark-600);color:var(--neutral-light-000);font-size:.75rem;font-weight:500;line-height:1rem;letter-spacing:.05rem;text-transform:uppercase}a[data-astro-cid-lbpydqlr].wrapper{text-decoration:none}a[data-astro-cid-lbpydqlr].wrapper:hover{text-decoration:underline;text-underline-offset:auto}a[data-astro-cid-lbpydqlr].wrapper:hover svg{transform:scale(1.2)} </style> <link rel="stylesheet" href="/_astro/index.DTE8Q_nW.css"></head> <body> <!-- Google Tag Manager (noscript) --> <noscript> <iframe src="https://www.googletagmanager.com/ns.html?id=GTM-NMKKF2M" height="0" width="0" style="display:none;visibility:hidden"></iframe> </noscript> <!-- End Google Tag Manager (noscript) --> <header class="site-header" data-astro-cid-wu5dj4rx> <nav data-astro-cid-ymhdp2rl> <div class="wrapper l-center" data-astro-cid-ymhdp2rl> <span class="badge" data-astro-cid-ymhdp2rl> <a href="https://www.netlify.com/" class="netlify-logo" data-astro-cid-ymhdp2rl> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 512 209" width="512" height="209" fill="none"> <title>Netlify</title> <g clip-path="url(#a)" fill="#fff"> <path d="M117.436 207.036v-52.432l1.093-1.094h10.923l1.093 1.094v52.432l-1.093 1.094h-10.923l-1.093-1.094ZM117.436 53.523V1.093L118.529 0h10.923l1.093 1.093v52.43l-1.093 1.093h-10.923l-1.093-1.093ZM69.954 169.238h-1.545l-7.722-7.726v-1.545l18.033-18.029 8.178.004 1.097 1.089v8.178l-18.041 18.029ZM69.946 38.892h-1.544l-7.723 7.726v1.545l18.033 18.029 8.178-.004 1.097-1.09v-8.177l-18.04-18.03ZM1.093 97.51h74.278l1.094 1.094v10.922l-1.094 1.094H1.093L0 109.526V98.604l1.093-1.094ZM440.999 97.51h69.911l1.094 1.094v10.922l-1.094 1.094h-74.277l-1.094-1.094 4.366-10.922 1.094-1.094ZM212.056 108.727l-1.093 1.094h-33.884l-1.093 1.093c0 2.187 2.187 8.743 10.93 8.743 3.28 0 6.556-1.093 7.65-3.28l1.093-1.093h13.117l1.093 1.093c-1.093 6.557-6.556 16.397-22.953 16.397-18.58 0-27.327-13.117-27.327-28.417s8.743-28.416 26.233-28.416c17.491 0 26.234 13.117 26.234 28.416v4.374-.004Zm-16.397-10.93c0-1.093-1.093-8.743-9.837-8.743-8.743 0-9.836 7.65-9.836 8.743l1.093 1.094h17.487l1.093-1.094ZM242.66 115.284c0 2.186 1.093 3.28 3.28 3.28h9.836l1.094 1.093v10.93l-1.094 1.094h-9.836c-9.837 0-18.58-4.374-18.58-16.397V91.237l-1.094-1.094h-7.649l-1.094-1.093V78.12l1.094-1.094h7.649l1.094-1.093v-9.837l1.093-1.093h13.117l1.093 1.094v9.836l1.094 1.093h12.023l1.094 1.094v10.93l-1.094 1.093h-12.023l-1.094 1.094v24.047h-.003ZM283.1 131.681h-13.117l-1.094-1.094V56.264l1.094-1.094H283.1l1.093 1.094v74.323l-1.093 1.094ZM312.61 68.287h-13.117l-1.094-1.093v-10.93l1.094-1.094h13.117l1.093 1.094v10.93l-1.093 1.093Zm0 63.394h-13.117l-1.094-1.094V78.124l1.094-1.094h13.117l1.093 1.094v52.463l-1.093 1.094ZM363.98 56.264v10.93l-1.094 1.093h-9.836c-2.187 0-3.281 1.093-3.281 3.28v4.374l1.094 1.093h10.93l1.093 1.094v10.93l-1.093 1.093h-10.93l-1.094 1.093v39.347l-1.093 1.093h-13.117l-1.093-1.093V91.244l-1.094-1.093h-7.649l-1.094-1.093v-10.93l1.094-1.094h7.649l1.094-1.093v-4.374c0-12.023 8.743-16.397 18.58-16.397h9.836l1.094 1.094h.004ZM404.42 132.774c-4.374 10.93-8.743 17.487-24.047 17.487h-5.467l-1.093-1.094v-10.93l1.093-1.093h5.467c5.463 0 6.556-1.094 7.65-4.374v-1.093L370.536 89.05V78.12l1.094-1.094h9.836l1.094 1.094 13.117 37.164h1.093l13.117-37.164 1.093-1.094h9.837l1.093 1.094v10.93l-17.486 43.72-.004.004ZM135.454 131.681l-1.093-1.094.007-31.67c0-5.463-2.148-9.699-8.743-9.836-3.391-.088-7.271-.008-11.416.168l-.619.634.008 40.704-1.094 1.094H99.391l-1.093-1.094V77.539l1.093-1.094 29.51-.267c14.784 0 20.767 10.158 20.767 21.623v32.786l-1.093 1.094h-13.121Z"></path> </g> <defs><clipPath id="a"><path fill="#fff" d="M0 0h512v208.126H0z"></path></clipPath></defs> </svg> </a> <a href="/" class="developers-home" data-astro-cid-ymhdp2rl>Developers</a> </span> <ul class="menu-compact" data-astro-cid-ymhdp2rl> <li data-astro-cid-ymhdp2rl> <a class="btn-icon" href="/search" aria-label="Search" data-astro-cid-ymhdp2rl><svg width="18" height="18" data-astro-cid-ymhdp2rl="true" data-icon="search"> <symbol id="ai:local:search" viewBox="0 0 22 24"><path fill="currentcolor" d="M9.413.473a9.081 9.081 0 0 1 6.454 15.47l5.526 5.524-2.122 2.121-5.872-5.872A9.081 9.081 0 1 1 9.413.472m0 3a6.081 6.081 0 1 0 0 12.162 6.081 6.081 0 0 0 0-12.162"/></symbol><use href="#ai:local:search"></use> </svg></a> </li> <li data-astro-cid-ymhdp2rl> <button class="btn-icon menu-toggle" aria-label="Open Menu" aria-expanded="false" aria-controls="menu" data-astro-cid-ymhdp2rl> <span data-astro-cid-ymhdp2rl></span> </button> </li> </ul> <ul id="menu" class="menu" data-astro-cid-ymhdp2rl> <li data-astro-cid-ymhdp2rl><a class="feed" href="https://www.netlify.com/changelog/" data-astro-cid-ymhdp2rl>Changelog</a></li> <li data-astro-cid-ymhdp2rl><a class="guides" href="/guides/" data-astro-cid-ymhdp2rl>Guides</a></li> <li data-astro-cid-ymhdp2rl><a class="videos" href="/videos/" data-astro-cid-ymhdp2rl>Videos</a></li> <li data-astro-cid-ymhdp2rl><a class="sdk" href="/sdk/" data-astro-cid-ymhdp2rl>SDK</a></li> <li data-astro-cid-ymhdp2rl><a class="cli" href="/cli/" data-astro-cid-ymhdp2rl>CLI</a></li> <li data-astro-cid-ymhdp2rl><a class="docs" href="https://docs.netlify.app" data-astro-cid-ymhdp2rl>Documentation</a></li> <li class="menu-search" data-astro-cid-ymhdp2rl> <a class="btn-icon btn-search" href="/search" aria-label="Search" data-astro-cid-ymhdp2rl> <svg width="18" height="18" viewBox="0 0 22 24" data-astro-cid-ymhdp2rl="true" data-icon="search"> <use href="#ai:local:search"></use> </svg> </a> </li> <li class="menu-log-in" data-astro-cid-ymhdp2rl><a class="btn btn-outline" href="https://app.netlify.com/login" data-astro-cid-ymhdp2rl>Log in</a></li> <li data-astro-cid-ymhdp2rl><a class="btn" href="https://app.netlify.com/signup" data-astro-cid-ymhdp2rl>Sign up</a></li> </ul> </div> </nav> <script type="module">const e=document.querySelector(".menu-toggle");e.addEventListener("click",()=>{const t=e.getAttribute("aria-expanded")==="true";e.setAttribute("aria-expanded",t?"false":"true"),e.setAttribute("aria-label",t?"Open Menu":"Close Menu"),document.body.classList.toggle("site-nav-visible")});window.addEventListener("resize",()=>{e.offsetParent===null&&document.body.classList.remove("site-nav-visible")});</script> </header> <main> <div class="l-center home-hero" data-astro-cid-pgpo2ev5> <h1 class="site-title" data-astro-cid-pgpo2ev5>Netlify Developers</h1> <p data-astro-cid-pgpo2ev5>Resources for developers building with and expanding the Netlify platform</p> </div> <section class="l-center" data-astro-cid-nzusey56> <nav class="home" data-astro-cid-evqlnhhi> <a class="guides" href="/guides/" data-astro-cid-evqlnhhi> Guides <span data-astro-cid-evqlnhhi>Written guides, examples, and demos using the Netlify platform</span> </a> <a class="feed" href="/videos/" data-astro-cid-evqlnhhi> Videos <span data-astro-cid-evqlnhhi>On-screen demos, tips, and tutorials using the Netlify platform</span> </a> <a class="feed" href="https://www.netlify.com/changelog/" data-astro-cid-evqlnhhi>Changelog <span data-astro-cid-evqlnhhi>News and activity for developers</span></a> </nav> </section> <section class="l-center" data-astro-cid-j7pv25f6="true" data-astro-cid-nzusey56> <h2 data-astro-cid-j7pv25f6>Latest Guides & Videos</h2> </section> <section class="l-center" data-astro-cid-j7pv25f6="true" data-astro-cid-nzusey56> <div class="grid" data-astro-cid-j7pv25f6> <div class="tag-grid-item" data-astro-cid-lfdasims> <p class="type" data-astro-cid-lfdasims> <a href="/guides" class="wrapper" data-astro-cid-lbpydqlr><svg width="1.25em" height="1.25em" style="color:var(--color-brand-2)" data-astro-cid-lbpydqlr="true" data-icon="notes"> <symbol id="ai:local:notes" viewBox="0 0 24 24"><path fill="currentColor" d="M4 18q-.425 0-.712-.288T3 17t.288-.712T4 16h10q.425 0 .712.288T15 17t-.288.712T14 18zm0-5q-.425 0-.712-.288T3 12t.288-.712T4 11h16q.425 0 .712.288T21 12t-.288.712T20 13zm0-5q-.425 0-.712-.288T3 7t.288-.712T4 6h16q.425 0 .712.288T21 7t-.288.712T20 8z"/></symbol><use href="#ai:local:notes"></use> </svg><span data-astro-cid-lbpydqlr>Guide</span></a> </p> <h2 class="title" data-astro-cid-lfdasims="true"> <a href="/guides/motion-animation-library-with-astro" target="_self" data-astro-cid-lfdasims>How to use the Motion animation library with Astro</a> </h2> <p class="byline" data-astro-cid-lfdasims> on <time datetime="2025-02-20T00:00:00.000Z" data-astro-cid-lfdasims>February 20, 2025</time> by Tomas Bankauskas </p> <div class="excerpt" data-astro-cid-lfdasims> <div class="prose"><p>How to add, configure, and use the Motion animation library in an Astro site.</p> </div> </div> <span class="tags" data-astro-cid-lfdasims> <a href="/tag/astro" class="wrapper" data-astro-cid-lbpydqlr><svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg" data-astro-cid-4ejhtf3k> <circle cx="50" cy="50" r="50" fill="var(--neutral-light-000)" data-astro-cid-4ejhtf3k></circle> </svg> <span data-astro-cid-lbpydqlr>Astro</span></a><a href="/tag/animation" class="wrapper" data-astro-cid-lbpydqlr><svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg" data-astro-cid-4ejhtf3k> <circle cx="50" cy="50" r="50" fill="var(--neutral-light-000)" data-astro-cid-4ejhtf3k></circle> </svg> <span data-astro-cid-lbpydqlr>Animation</span></a> </span> </div> <div class="tag-grid-item" data-astro-cid-lfdasims> <p class="type" data-astro-cid-lfdasims> <a href="/guides" class="wrapper" data-astro-cid-lbpydqlr><svg width="1.25em" height="1.25em" viewBox="0 0 24 24" style="color:var(--color-brand-2)" data-astro-cid-lbpydqlr="true" data-icon="notes"> <use href="#ai:local:notes"></use> </svg><span data-astro-cid-lbpydqlr>Guide</span></a> </p> <h2 class="title" data-astro-cid-lfdasims="true"> <a href="/guides/deploy-zip-file-to-production-website" target="_self" data-astro-cid-lfdasims>Deploy a zip file to a production website using Netlify&#39;s Build API</a> </h2> <p class="byline" data-astro-cid-lfdasims> on <time datetime="2025-02-19T00:00:00.000Z" data-astro-cid-lfdasims>February 19, 2025</time> by Vanessa Ramos </p> <div class="excerpt" data-astro-cid-lfdasims> <div class="prose"><p>How developers and AI tools can use Netlify&#39;s Build API to deploy a zip file to a production website in a few short commands.</p> </div> </div> <span class="tags" data-astro-cid-lfdasims> <a href="/tag/ai" class="wrapper" data-astro-cid-lbpydqlr><svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg" data-astro-cid-4ejhtf3k> <circle cx="50" cy="50" r="50" fill="var(--neutral-light-000)" data-astro-cid-4ejhtf3k></circle> </svg> <span data-astro-cid-lbpydqlr>AI</span></a><a href="/tag/api" class="wrapper" data-astro-cid-lbpydqlr><svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg" data-astro-cid-4ejhtf3k> <circle cx="50" cy="50" r="50" fill="var(--neutral-light-000)" data-astro-cid-4ejhtf3k></circle> </svg> <span data-astro-cid-lbpydqlr>API</span></a><a href="/tag/ax" class="wrapper" data-astro-cid-lbpydqlr><svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg" data-astro-cid-4ejhtf3k> <circle cx="50" cy="50" r="50" fill="var(--neutral-light-000)" data-astro-cid-4ejhtf3k></circle> </svg> <span data-astro-cid-lbpydqlr>AX (Agent Experience)</span></a> </span> </div> <div class="tag-grid-item" data-astro-cid-lfdasims> <p class="type" data-astro-cid-lfdasims> <a href="/videos" class="wrapper" data-astro-cid-lbpydqlr><svg width="1.25em" height="1.25em" style="color:var(--red-500)" data-astro-cid-lbpydqlr="true" data-icon="play-arrow"> <symbol id="ai:local:play-arrow" viewBox="0 0 24 24"><path fill="currentColor" d="M7.028 18.432V5.568q0-.528.373-.886t.87-.357q.155 0 .326.047t.326.14l10.13 6.432q.28.186.419.466t.14.59-.14.59-.419.466l-10.13 6.432q-.155.093-.326.14t-.326.047q-.497 0-.87-.357t-.373-.886"/></symbol><use href="#ai:local:play-arrow"></use> </svg><span data-astro-cid-lbpydqlr>Video</span></a> </p> <h2 class="title" data-astro-cid-lfdasims="true"> <a href="/videos/create-new-site-using-netlify-api" target="_self" data-astro-cid-lfdasims>Create a new site using Netlify&#39;s API</a> </h2> <p class="byline" data-astro-cid-lfdasims> on <time datetime="2025-02-18T00:00:00.000Z" data-astro-cid-lfdasims>February 18, 2025</time> by Sean C Davis </p> <div class="excerpt" data-astro-cid-lfdasims> <div class="prose"><p>Want to spin up a new site on Netlify using only the API? This video walks you through the process鈥攏o UI needed!</p> </div> </div> <span class="tags" data-astro-cid-lfdasims> <a href="/tag/api" class="wrapper" data-astro-cid-lbpydqlr><svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg" data-astro-cid-4ejhtf3k> <circle cx="50" cy="50" r="50" fill="var(--neutral-light-000)" data-astro-cid-4ejhtf3k></circle> </svg> <span data-astro-cid-lbpydqlr>API</span></a><a href="/tag/admin" class="wrapper" data-astro-cid-lbpydqlr><svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg" data-astro-cid-4ejhtf3k> <circle cx="50" cy="50" r="50" fill="var(--neutral-light-000)" data-astro-cid-4ejhtf3k></circle> </svg> <span data-astro-cid-lbpydqlr>Admin</span></a> </span> </div> <div class="tag-grid-item" data-astro-cid-lfdasims> <p class="type" data-astro-cid-lfdasims> <a href="/videos" class="wrapper" data-astro-cid-lbpydqlr><svg width="1.25em" height="1.25em" viewBox="0 0 24 24" style="color:var(--red-500)" data-astro-cid-lbpydqlr="true" data-icon="play-arrow"> <use href="#ai:local:play-arrow"></use> </svg><span data-astro-cid-lbpydqlr>Video</span></a> </p> <h2 class="title" data-astro-cid-lfdasims="true"> <a href="/videos/deploy-new-build-from-zip-file-using-netlify-api" target="_self" data-astro-cid-lfdasims>Deploy a new build from a zip file using Netlify鈥檚 API</a> </h2> <p class="byline" data-astro-cid-lfdasims> on <time datetime="2025-02-18T00:00:00.000Z" data-astro-cid-lfdasims>February 18, 2025</time> by Sean C Davis </p> <div class="excerpt" data-astro-cid-lfdasims> <div class="prose"><p>In this video, we show you how to deploy a site to production using just two commands! Learn how to create a new site with the Netlify API, upload your files, and see your site live in production in no time.</p> </div> </div> <span class="tags" data-astro-cid-lfdasims> <a href="/tag/api" class="wrapper" data-astro-cid-lbpydqlr><svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg" data-astro-cid-4ejhtf3k> <circle cx="50" cy="50" r="50" fill="var(--neutral-light-000)" data-astro-cid-4ejhtf3k></circle> </svg> <span data-astro-cid-lbpydqlr>API</span></a> </span> </div> <div class="tag-grid-item" data-astro-cid-lfdasims> <p class="type" data-astro-cid-lfdasims> <a href="/videos" class="wrapper" data-astro-cid-lbpydqlr><svg width="1.25em" height="1.25em" viewBox="0 0 24 24" style="color:var(--red-500)" data-astro-cid-lbpydqlr="true" data-icon="play-arrow"> <use href="#ai:local:play-arrow"></use> </svg><span data-astro-cid-lbpydqlr>Video</span></a> </p> <h2 class="title" data-astro-cid-lfdasims="true"> <a href="/videos/get-started-with-netlify-api" target="_self" data-astro-cid-lfdasims>Get started with the Netlify API</a> </h2> <p class="byline" data-astro-cid-lfdasims> on <time datetime="2025-02-17T00:00:00.000Z" data-astro-cid-lfdasims>February 17, 2025</time> by Sean C Davis </p> <div class="excerpt" data-astro-cid-lfdasims> <div class="prose"><p>Whether you&#39;re new to the Netlify API or looking to dive deeper, this video is a great introduction to its powerful features. Keep watching to learn how to authenticate using a personal access token, make API calls with curl, and format your response data.</p> </div> </div> <span class="tags" data-astro-cid-lfdasims> <a href="/tag/api" class="wrapper" data-astro-cid-lbpydqlr><svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg" data-astro-cid-4ejhtf3k> <circle cx="50" cy="50" r="50" fill="var(--neutral-light-000)" data-astro-cid-4ejhtf3k></circle> </svg> <span data-astro-cid-lbpydqlr>API</span></a> </span> </div> <div class="tag-grid-item" data-astro-cid-lfdasims> <p class="type" data-astro-cid-lfdasims> <a href="/guides" class="wrapper" data-astro-cid-lbpydqlr><svg width="1.25em" height="1.25em" viewBox="0 0 24 24" style="color:var(--color-brand-2)" data-astro-cid-lbpydqlr="true" data-icon="notes"> <use href="#ai:local:notes"></use> </svg><span data-astro-cid-lbpydqlr>Guide</span></a> </p> <h2 class="title" data-astro-cid-lfdasims="true"> <a href="/guides/whats-new-with-angular-19-on-netlify" target="_self" data-astro-cid-lfdasims>What&#39;s new with Angular 19 on Netlify</a> </h2> <p class="byline" data-astro-cid-lfdasims> on <time datetime="2025-01-27T00:00:00.000Z" data-astro-cid-lfdasims>January 27, 2025</time> by Michal Piechowiak and Domitrius Clark </p> <div class="excerpt" data-astro-cid-lfdasims> <div class="prose"><p>With the release of Angular 19, Netlify has added support for features like Hybrid Rendering, Incremental Hydration, and customizing request handlers.</p> </div> </div> <span class="tags" data-astro-cid-lfdasims> <a href="/tag/angular" class="wrapper" data-astro-cid-lbpydqlr><svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg" data-astro-cid-4ejhtf3k> <circle cx="50" cy="50" r="50" fill="var(--neutral-light-000)" data-astro-cid-4ejhtf3k></circle> </svg> <span data-astro-cid-lbpydqlr>Angular</span></a> </span> </div> <div class="tag-grid-item" data-astro-cid-lfdasims> <p class="type" data-astro-cid-lfdasims> <a href="/videos" class="wrapper" data-astro-cid-lbpydqlr><svg width="1.25em" height="1.25em" viewBox="0 0 24 24" style="color:var(--red-500)" data-astro-cid-lbpydqlr="true" data-icon="play-arrow"> <use href="#ai:local:play-arrow"></use> </svg><span data-astro-cid-lbpydqlr>Video</span></a> </p> <h2 class="title" data-astro-cid-lfdasims="true"> <a href="/videos/create-a-new-netlify-site-from-the-cli" target="_self" data-astro-cid-lfdasims>Create a new Netlify site from the CLI</a> </h2> <p class="byline" data-astro-cid-lfdasims> on <time datetime="2025-01-15T00:00:00.000Z" data-astro-cid-lfdasims>January 15, 2025</time> by Philippe Serhal </p> <div class="excerpt" data-astro-cid-lfdasims> <div class="prose"><p>In this video, we鈥檒l walk you through how to create a new Netlify site directly from the CLI.</p> </div> </div> <span class="tags" data-astro-cid-lfdasims> <a href="/tag/cli" class="wrapper" data-astro-cid-lbpydqlr><svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg" data-astro-cid-4ejhtf3k> <circle cx="50" cy="50" r="50" fill="var(--gold-200)" data-astro-cid-4ejhtf3k></circle> </svg> <span data-astro-cid-lbpydqlr>CLI</span></a> </span> </div> <div class="tag-grid-item" data-astro-cid-lfdasims> <p class="type" data-astro-cid-lfdasims> <a href="/guides" class="wrapper" data-astro-cid-lbpydqlr><svg width="1.25em" height="1.25em" viewBox="0 0 24 24" style="color:var(--color-brand-2)" data-astro-cid-lbpydqlr="true" data-icon="notes"> <use href="#ai:local:notes"></use> </svg><span data-astro-cid-lbpydqlr>Guide</span></a> </p> <h2 class="title" data-astro-cid-lfdasims="true"> <a href="/guides/deploying-sites-from-ai-tools" target="_self" data-astro-cid-lfdasims>Deploying sites from your AI tool</a> </h2> <p class="byline" data-astro-cid-lfdasims> on <time datetime="2024-12-20T00:00:00.000Z" data-astro-cid-lfdasims>December 20, 2024</time> by Sean Roberts </p> <div class="excerpt" data-astro-cid-lfdasims> <div class="prose"><p>How AI tools can leverage Netlify to deploy sites they help create.</p> </div> </div> <span class="tags" data-astro-cid-lfdasims> <a href="/tag/ai" class="wrapper" data-astro-cid-lbpydqlr><svg viewBox="0 0 100 100" xmlns="http://www.w3.org/2000/svg" data-astro-cid-4ejhtf3k> <circle cx="50" cy="50" r="50" fill="var(--neutral-light-000)" data-astro-cid-4ejhtf3k></circle> </svg> <span data-astro-cid-lbpydqlr>AI</span></a> </span> </div> </div> <div data-astro-cid-j7pv25f6> <a href="/guides" data-astro-cid-j7pv25f6>View all Guides <svg width="16" height="16" data-astro-cid-j7pv25f6="true" data-icon="arrow"> <symbol id="ai:local:arrow" viewBox="0 0 448 512"><path fill="currentcolor" d="M438.6 278.6c12.5-12.5 12.5-32.8 0-45.3l-160-160c-12.5-12.5-32.8-12.5-45.3 0s-12.5 32.8 0 45.3L338.8 224H32c-17.7 0-32 14.3-32 32s14.3 32 32 32h306.7L233.4 393.4c-12.5 12.5-12.5 32.8 0 45.3s32.8 12.5 45.3 0l160-160z"/></symbol><use href="#ai:local:arrow"></use> </svg></a> <a href="/videos" data-astro-cid-j7pv25f6>View all Videos <svg width="16" height="16" viewBox="0 0 448 512" data-astro-cid-j7pv25f6="true" data-icon="arrow"> <use href="#ai:local:arrow"></use> </svg></a> </div> </section> <section class="l-center" data-astro-cid-j7pv25f6="true" data-astro-cid-nzusey56> <div data-astro-cid-75xuqu7i> <a href="/feed.xml" class="btn btn-outline" data-astro-cid-75xuqu7i> <span data-astro-cid-75xuqu7i> Subscribe to RSS updates</span> <svg width="24" height="24" data-astro-cid-75xuqu7i="true" data-icon="feed"> <symbol id="ai:local:feed" viewBox="0 0 512 512"><path fill="currentcolor" fill-rule="evenodd" d="M435.2 0H76.8C34.385 0 0 34.385 0 76.8v358.4C0 477.615 34.385 512 76.8 512h358.4c42.415 0 76.8-34.385 76.8-76.8V76.8C512 34.385 477.615 0 435.2 0M145 402c19.33 0 35-15.67 35-35s-15.67-35-35-35-35 15.67-35 35 15.67 35 35 35m-36-245c135.431 0 246 110.568 246 246h60c0-168.568-137.431-306-306-306zm0 114c72.431 0 132 59.568 132 132h60c0-105.568-86.431-192-192-192z" clip-rule="evenodd"/></symbol><use href="#ai:local:feed"></use> </svg> </a> <a href="https://x.com/netlify" class="btn btn-outline" data-astro-cid-75xuqu7i> <span data-astro-cid-75xuqu7i> Follow @Netlify for updates</span> <svg width="24" height="24" viewBox="0 0 512 512" data-astro-cid-75xuqu7i="true" data-icon="twitter"> <use href="#ai:local:twitter"></use> </svg> </a> </div> </section> </main> <footer class="l-breakout" data-astro-cid-w3csb3e3> <div style="--cluster-align: center; --cluster-justify: space-between" class="l-cluster" data-astro-cid-w3csb3e3> <a href="https://www.netlify.com/" id="cta-footer-netlifyLogo" data-astro-cid-w3csb3e3> <svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 256 105" width="256" height="105" fill="none"> <title>Netlify</title> <g clip-path="url(#a)"> <path fill="#05BDBA" d="M58.47 103.765v-26.35l.547-.547h6.587l.546.546v26.351l-.546.546h-6.587l-.547-.546ZM58.47 26.897V.547L59.017 0h6.587l.546.546v26.351l-.546.546h-6.587l-.547-.546ZM35.797 85.24h-.904l-4.531-4.532v-.904l8.49-8.5 4.796.01.64.63v4.796l-8.49 8.5ZM30.362 24.747v-.913l4.53-4.523h.905l8.491 8.49v4.788l-.64.648h-4.796l-8.49-8.49ZM.546 48.307H37.88l.546.546v6.597l-.547.546H.547L0 55.45v-6.597l.546-.546ZM255.445 48.316l.546.546v6.588l-.546.546h-37.879l-.546-.546 2.739-6.588.546-.546h35.14Z"></path> <path fill="#014847" d="M74.667 65.886h-6.588l-.546-.546V49.92c0-2.748-1.075-4.873-4.386-4.94-1.707-.043-3.653 0-5.735.085l-.316.315v19.951l-.546.546h-6.587l-.547-.546v-26.35l.547-.547h14.822c5.76 0 10.428 4.668 10.428 10.428v16.47l-.546.545v.009ZM106.573 54.349l-.546.546H88.994l-.546.546c0 1.1 1.1 4.395 5.496 4.395 1.646 0 3.293-.546 3.848-1.647l.546-.546h6.588l.546.546c-.546 3.294-3.294 8.243-11.537 8.243-9.335 0-13.73-6.588-13.73-14.285S84.6 37.862 93.389 37.862s13.184 6.588 13.184 14.285v2.202Zm-8.243-5.496c0-.546-.546-4.394-4.941-4.394s-4.941 3.848-4.941 4.394l.546.547h8.79l.546-.547ZM121.95 57.643c0 1.1.546 1.647 1.647 1.647h4.941l.546.546v5.495l-.546.546h-4.941c-4.941 0-9.336-2.201-9.336-8.243V45.551l-.546-.546h-3.848l-.546-.546v-5.496l.546-.546h3.848l.546-.546v-4.94l.546-.547h6.588l.546.546v4.94l.546.547h6.042l.546.546v5.496l-.546.546h-6.042l-.546.546v12.083l.009.009ZM142.276 65.886h-6.587l-.547-.546V27.98l.547-.545h6.587l.546.546v37.35l-.546.546v.009ZM157.107 34.022h-6.588l-.546-.546v-5.495l.546-.546h6.588l.546.546v5.495l-.546.546Zm0 31.864h-6.588l-.546-.546V38.972l.546-.546h6.588l.546.546V65.34l-.546.546ZM182.929 27.98v5.496l-.546.546h-4.941c-1.101 0-1.647.547-1.647 1.647v2.202l.546.546h5.496l.546.546v5.496l-.546.546h-5.496l-.546.546v19.772l-.546.546h-6.588l-.546-.546V45.55l-.546-.546h-3.848l-.547-.546v-5.496l.547-.546h3.848l.546-.546v-2.202c0-6.041 4.395-8.243 9.336-8.243h4.94l.547.546-.009.009ZM203.247 66.432c-2.202 5.495-4.395 8.79-12.083 8.79h-2.748l-.546-.547V69.18l.546-.546h2.748c2.747 0 3.294-.546 3.848-2.194v-.546l-8.789-21.427v-5.495l.546-.546h4.941l.546.546 6.588 18.68h.546l6.588-18.68.546-.546h4.941l.546.546v5.495l-8.79 21.974.026-.009Z"></path> </g> <defs><clipPath id="a"><path fill="#fff" d="M0 0h256v104.311H0z"></path></clipPath></defs> </svg> </a> <div class="social | l-cluster" data-astro-cid-w3csb3e3> <a href="https://www.youtube.com/@NetlifyApp" data-astro-cid-w3csb3e3> <svg width="24" height="24" data-astro-cid-w3csb3e3="true" data-icon="youtube"> <title>YouTube</title> <symbol id="ai:local:youtube" viewBox="0 0 22 16"><path fill="currentcolor" d="M10.994.524s-6.508 0-8.142.435c-.874.25-1.594.99-1.839 1.9C.59 4.536.59 8.007.59 8.007s0 3.484.424 5.134c.245.91.952 1.636 1.84 1.887 1.646.448 8.14.448 8.14.448s6.521 0 8.155-.435a2.62 2.62 0 0 0 1.826-1.887c.437-1.663.437-5.134.437-5.134s.013-3.484-.437-5.16A2.6 2.6 0 0 0 19.148.984c-1.634-.46-8.154-.46-8.154-.46M8.923 4.8l5.415 3.207L8.923 11.2z"/></symbol><use href="#ai:local:youtube"></use> </svg> </a> <a href="https://x.com/Netlify" data-astro-cid-w3csb3e3> <svg width="24" height="24" data-astro-cid-w3csb3e3="true" data-icon="twitter"> <title>Twitter</title> <symbol id="ai:local:twitter" viewBox="0 0 512 512"><style>@keyframes appear{0%{opacity:0;transform:scale3d(.3,.3,.3)}20%{opacity:1;transform:scale3d(1.1,1.1,1.1)}40%{transform:scale3d(.9,.9,.9)}60%{transform:scale3d(1.03,1.03,1.03)}80%{transform:scale3d(.97,.97,.97)}to{transform:scale3d(1.001,1.001,1.001)}}</style><path fill="currentcolor" d="M389.2 48h70.6L305.6 224.2 487 464H345L233.7 318.6 106.5 464H35.8l164.9-188.5L26.8 48h145.6l100.5 132.9zm-24.8 373.8h39.1L151.1 88h-42z" class="icon-twitter-x"/></symbol><use href="#ai:local:twitter"></use> </svg> </a> <a href="https://bsky.app/profile/netlify.com" data-astro-cid-w3csb3e3> <svg width="24" height="24" data-astro-cid-w3csb3e3="true" data-icon="bluesky"> <title>Bluesky</title> <symbol id="ai:local:bluesky" viewBox="0 0 580 512"><path fill="currentcolor" d="M131.111 42.535c64.237 48.225 133.332 146.006 158.7 198.482 25.371-52.472 94.462-150.258 158.701-198.482 46.351-34.798 121.45-61.722 121.45 23.952 0 17.11-9.81 143.737-15.563 164.294-20 71.472-92.879 89.701-157.706 78.668 113.316 19.286 142.143 83.168 79.888 147.05-118.233 121.325-169.935-30.441-183.189-69.329-2.429-7.129-3.566-10.464-3.582-7.628-.017-2.836-1.153.499-3.582 7.628-13.248 38.888-64.95 190.658-183.19 69.329-62.255-63.882-33.43-127.768 79.889-147.05-64.829 11.033-137.709-7.196-157.706-78.668C19.467 210.222 9.657 83.596 9.657 66.487c0-85.674 75.102-58.75 121.45-23.952z"/></symbol><use href="#ai:local:bluesky"></use> </svg> </a> <a href="https://linkedin.com/company/Netlify" data-astro-cid-w3csb3e3> <svg width="24" height="24" data-astro-cid-w3csb3e3="true" data-icon="linkedin"> <title>LinkedIn</title> <symbol id="ai:local:linkedin" viewBox="0 0 448 512"><path fill="currentcolor" d="M416 32H31.9C14.3 32 0 46.5 0 64.3v383.4C0 465.5 14.3 480 31.9 480H416c17.6 0 32-14.5 32-32.3V64.3c0-17.8-14.4-32.3-32-32.3M135.4 416H69V202.2h66.5V416zm-33.2-243c-21.3 0-38.5-17.3-38.5-38.5S80.9 96 102.2 96c21.2 0 38.5 17.3 38.5 38.5 0 21.3-17.2 38.5-38.5 38.5m282.1 243h-66.4V312c0-24.8-.5-56.7-34.5-56.7-34.6 0-39.9 27-39.9 54.9V416h-66.4V202.2h63.7v29.2h.9c8.9-16.8 30.6-34.5 62.9-34.5 67.2 0 79.7 44.3 79.7 101.9z"/></symbol><use href="#ai:local:linkedin"></use> </svg> </a> <a href="https://answers.netlify.com" data-astro-cid-w3csb3e3> <svg width="24" height="24" data-astro-cid-w3csb3e3="true" data-icon="discourse"> <title>Forums</title> <symbol id="ai:local:discourse" viewBox="0 0 24 24"><path fill="currentcolor" d="M12.103 0C18.666 0 24 5.485 24 11.997c0 6.51-5.33 11.99-11.9 11.99L0 24V11.79C0 5.28 5.532 0 12.103 0m.116 4.563a7.4 7.4 0 0 0-6.337 3.57 7.25 7.25 0 0 0-.148 7.22L4.4 19.61l4.794-1.074a7.42 7.42 0 0 0 8.136-1.39 7.26 7.26 0 0 0 1.737-7.997 7.375 7.375 0 0 0-6.84-4.585z"/></symbol><use href="#ai:local:discourse"></use> </svg> </a> </div> </div> <div class="links-container" data-astro-cid-w3csb3e3> <section data-astro-cid-w3csb3e3> <h3 class="headline text-0" data-astro-cid-w3csb3e3>Developers</h3> <ul role="list" data-astro-cid-w3csb3e3> <li data-astro-cid-w3csb3e3> <a href="/" class="text--1" data-astro-cid-w3csb3e3>Netlify Developers</a> </li> <li data-astro-cid-w3csb3e3> <a href="/sdk/" class="text--1" data-astro-cid-w3csb3e3>Netlify SDK</a> </li> <li data-astro-cid-w3csb3e3> <a href="/cli/" class="text--1" data-astro-cid-w3csb3e3>Netlify CLI</a> </li> <li data-astro-cid-w3csb3e3> <a href="https://www.netlify.com/changelog/" class="text--1" data-astro-cid-w3csb3e3>Changelog</a> </li> <li data-astro-cid-w3csb3e3> <a href="https://docs.netlify.com" class="text--1" data-astro-cid-w3csb3e3>Documentation</a> </li> </ul> </section> <section data-astro-cid-w3csb3e3> <h3 class="headline text-0" data-astro-cid-w3csb3e3>Company</h3> <ul role="list" data-astro-cid-w3csb3e3> <li data-astro-cid-w3csb3e3> <a href="https://netlify.com/blog/" class="text--1" data-astro-cid-w3csb3e3>Blog</a> </li> <li data-astro-cid-w3csb3e3> <a href="https://netlify.com/about/" class="text--1" data-astro-cid-w3csb3e3>About</a> </li> <li data-astro-cid-w3csb3e3> <a href="https://netlify.com/careers/" class="text--1" data-astro-cid-w3csb3e3>Careers</a> </li> <li data-astro-cid-w3csb3e3> <a href="https://netlify.com/conference/" class="text--1" data-astro-cid-w3csb3e3>Compose Conference</a> </li> <li data-astro-cid-w3csb3e3> <a href="https://netlify.com/press/" class="text--1" data-astro-cid-w3csb3e3>Press</a> </li> <li data-astro-cid-w3csb3e3> <a href="https://netlify.com/jamstack-fund/" class="text--1" data-astro-cid-w3csb3e3>Jamstack Fund</a> </li> <li data-astro-cid-w3csb3e3> <a href="https://swag.netlify.com/" class="text--1" data-astro-cid-w3csb3e3>Netlify Store</a> </li> <li data-astro-cid-w3csb3e3> <a href="https://netlify.com/sustainability/" class="text--1" data-astro-cid-w3csb3e3>Sustainability</a> </li> </ul> </section> <section data-astro-cid-w3csb3e3> <h3 class="headline text-0" data-astro-cid-w3csb3e3>Contact Us</h3> <ul role="list" data-astro-cid-w3csb3e3> <li data-astro-cid-w3csb3e3> <a id="cta-footer-sales" href="https://netlify.com/enterprise/contact/" class="text--1" data-astro-cid-w3csb3e3>Sales</a> </li> <li data-astro-cid-w3csb3e3> <a id="cta-footer-support" href="https://netlify.com/support/" class="text--1" data-astro-cid-w3csb3e3>Support</a> </li> <li data-astro-cid-w3csb3e3> <a id="cta-footer-status" href="https://netlifystatus.com/" class="text--1" data-astro-cid-w3csb3e3>Status</a> </li> <li data-astro-cid-w3csb3e3> <a id="cta-footer-answers" href="https://answers.netlify.com/" class="text--1" data-astro-cid-w3csb3e3>Forums</a> </li> <li data-astro-cid-w3csb3e3> <a id="cta-footer-agencyDirectory" href="https://netlify.com/agency-directory/" class="text--1" data-astro-cid-w3csb3e3>Hire an Agency</a> </li> </ul> </section> </div> <section class="fine-print-container" data-astro-cid-w3csb3e3> <ul class="legal" data-astro-cid-w3csb3e3> <li data-astro-cid-w3csb3e3> <a id="cta-legal-footer-trustCenter" href="https://netlify.com/trust-center/" class="text--1" data-astro-cid-w3csb3e3>Trust Center</a> </li> <li data-astro-cid-w3csb3e3> <a id="cta-legal-footer-privacyPolicy" href="https://netlify.com/privacy/" class="text--1" data-astro-cid-w3csb3e3>Privacy</a> </li> <li data-astro-cid-w3csb3e3> <a id="cta-legal-footer-security" href="https://netlify.com/security/" class="text--1" data-astro-cid-w3csb3e3>Security</a> </li> <li data-astro-cid-w3csb3e3> <a id="cta-legal-footer-gdpr" href="https://netlify.com/gdpr-ccpa/" class="text--1" data-astro-cid-w3csb3e3>GDPR/CCPA</a> </li> <li data-astro-cid-w3csb3e3> <a id="cta-legal-footer-abuse" href="mailto:fraud@netlify.com?subject=Abuse%20report&body=Please%20include%20the%20site%20URL%20and%20reason%20for%20your%20report%2C%20and%20we%20will%20reply%20promptly." class="text--1" data-astro-cid-w3csb3e3> Abuse </a> </li> </ul> <p class="copyright text--1" data-astro-cid-w3csb3e3>漏 2025 Netlify</p> </section> </footer> <!-- Start of HubSpot Embed Code --> <script type="text/javascript" id="hs-script-loader" async defer src="//js.hs-scripts.com/7477936.js"></script> <!-- End of HubSpot Embed Code --> <script async id="netlify-rum-container" src="/.netlify/scripts/rum" data-netlify-rum-site-id="41d9d252-cc2d-4600-bf60-32c3315b509d" data-netlify-deploy-branch="main" data-netlify-deploy-context="production" data-netlify-cwv-token="eyJhbGciOiJIUzI1NiIsInR5cCI6IkpXVCJ9.eyJzaXRlX2lkIjoiNDFkOWQyNTItY2MyZC00NjAwLWJmNjAtMzJjMzMxNWI1MDlkIiwiYWNjb3VudF9pZCI6IjU4ZGE4ODkzZDY4NjVkMzVjOTJhNzJiOCIsImRlcGxveV9pZCI6IjY3Yjc3NTFkNTBlNGI4MDAwODdiYWQ5NCIsImlzc3VlciI6Im5mc2VydmVyIn0.HfOqvhV0SYnWaVFzQJ-IyFUxplo75TwHHgniy5d-SCM"></script></body></html>

Pages: 1 2 3 4 5 6 7 8 9 10