CINXE.COM

Next.js by Vercel - The React Framework

<!DOCTYPE html><html class="__variable_b4bd81 __variable_4d318d" lang="en"><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="preload" href="/_next/static/media/569ce4b8f30dc480-s.p.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" href="/_next/static/media/93f479601ee12b01-s.p.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" as="image" imageSrcSet="/_next/image?url=https%3A%2F%2Fassets.vercel.com%2Fimage%2Fupload%2Fv1714730590%2Ffront%2Fnextjs%2Fuwu%2Fnext-uwu-logo.png&amp;w=64&amp;q=75&amp;dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw 1x, /_next/image?url=https%3A%2F%2Fassets.vercel.com%2Fimage%2Fupload%2Fv1714730590%2Ffront%2Fnextjs%2Fuwu%2Fnext-uwu-logo.png&amp;w=128&amp;q=75&amp;dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw 2x"/><link rel="preload" as="image" imageSrcSet="/_next/image?url=https%3A%2F%2Fassets.vercel.com%2Fimage%2Fupload%2Fv1714730590%2Ffront%2Fnextjs%2Fuwu%2Fnext-uwu-logo.png&amp;w=640&amp;q=75&amp;dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw 1x, /_next/image?url=https%3A%2F%2Fassets.vercel.com%2Fimage%2Fupload%2Fv1714730590%2Ffront%2Fnextjs%2Fuwu%2Fnext-uwu-logo.png&amp;w=1080&amp;q=75&amp;dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw 2x"/><link rel="stylesheet" href="/_next/static/css/94930d6f827b22e1.css?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw" data-precedence="next"/><link rel="stylesheet" href="/_next/static/css/3a4b7cc0153d49b4.css?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw" data-precedence="next"/><link rel="stylesheet" href="/_next/static/css/58f50fdfd3cd38b6.css?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw" data-precedence="next"/><link rel="stylesheet" href="/_next/static/css/bf98005f04f1b7f7.css?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw" data-precedence="next"/><link rel="stylesheet" href="/_next/static/css/bfc235d8dfd01529.css?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw" data-precedence="next"/><link rel="stylesheet" href="/_next/static/css/824202e71e79374d.css?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw" data-precedence="next"/><link rel="stylesheet" href="/_next/static/css/83fe6bc36ad4703d.css?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw" data-precedence="next"/><link rel="stylesheet" href="/_next/static/css/4ad309783bf416a2.css?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw" data-precedence="next"/><link rel="stylesheet" href="/_next/static/css/baf446a5c20b5fd4.css?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw" data-precedence="next"/><link rel="stylesheet" href="/_next/static/css/f4addedd731adba4.css?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw" data-precedence="next"/><link rel="preload" as="script" fetchPriority="low" href="/_next/static/chunks/webpack-3b5fb535e17daa62.js?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw"/><script src="/_next/static/chunks/e5dc07e9-59a9079c2bd129a5.js?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw" async=""></script><script src="/_next/static/chunks/5824-c28e1c16c9f7d7a6.js?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw" async=""></script><script src="/_next/static/chunks/main-app-0a9b49c7e8c6b249.js?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw" async=""></script><script src="/_next/static/chunks/6331-d83ee10a77237ab4.js?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw" async=""></script><script src="/_next/static/chunks/8712-302d303c23b75c5b.js?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw" async=""></script><script src="/_next/static/chunks/7145-d075405183f82412.js?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw" async=""></script><script src="/_next/static/chunks/2175-933f014a1846c93d.js?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw" async=""></script><script src="/_next/static/chunks/810-b696c806382c7085.js?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw" async=""></script><script src="/_next/static/chunks/2545-d418110fec010f0b.js?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw" async=""></script><script src="/_next/static/chunks/1028-08bba3f96af80970.js?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw" async=""></script><script src="/_next/static/chunks/1407-770519d989c5d022.js?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw" async=""></script><script src="/_next/static/chunks/7217-65f73b4a100b486c.js?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw" async=""></script><script src="/_next/static/chunks/6060-1f1fe78bc4c86063.js?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw" async=""></script><script src="/_next/static/chunks/7487-0dc5b169ad926e1d.js?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw" async=""></script><script src="/_next/static/chunks/4908-b27ad39d34749056.js?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw" async=""></script><script src="/_next/static/chunks/7090-d0f93ba3d5e9b696.js?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw" async=""></script><script src="/_next/static/chunks/5275-731e12407a1c8f39.js?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw" async=""></script><script src="/_next/static/chunks/432-2080e2f57f3b430e.js?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw" async=""></script><script src="/_next/static/chunks/5670-de97d70154173e45.js?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw" async=""></script><script src="/_next/static/chunks/app/(next-site)/layout-2fe1bb40b6c33cb4.js?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw" async=""></script><script src="/_next/static/chunks/998-3736ead338b1bdc0.js?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw" async=""></script><script src="/_next/static/chunks/app/(next-site)/page-a7260316c620665e.js?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw" async=""></script><meta name="next-size-adjust" content=""/><title>Next.js by Vercel - The React Framework</title><meta name="description" content="Next.js by Vercel is the full-stack React framework for the web."/><meta property="og:title" content="Next.js by Vercel - The React Framework"/><meta property="og:description" content="Next.js by Vercel is the full-stack React framework for the web."/><meta property="og:image" content="https://assets.vercel.com/image/upload/front/nextjs/twitter-card.png"/><meta name="twitter:card" content="summary_large_image"/><meta name="twitter:site" content="@vercel"/><meta name="twitter:title" content="Next.js by Vercel - The React Framework"/><meta name="twitter:description" content="Production grade React applications that scale. The world&#x27;s leading companies use Next.js by Vercel to build static and dynamic websites and web applications."/><meta name="twitter:image" content="https://assets.vercel.com/image/upload/front/nextjs/twitter-card.png"/><link rel="icon" href="/favicon.ico" type="image/x-icon" sizes="48x48"/><style>.uwu-flex { display: none; } .uwu .uwu-flex { display: flex; } .uwu .uwu-hidden { display: none; }</style><script>try { if (['', 'true', '1'].includes(new URLSearchParams(document.location.search).get('uwu'))) { document.documentElement.classList.add('uwu'); console.log('Next.js uwu logo by SAWARATSUKI: https://github.com/SAWARATSUKI'); } } catch (e) {}</script><script src="/_next/static/chunks/polyfills-42372ed130431b0a.js?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw" noModule=""></script></head><body><!--$--><!--/$--><!--$!--><template data-dgst="BAILOUT_TO_CLIENT_SIDE_RENDERING"></template><!--/$--><!--$--><!--$!--><template data-dgst="BAILOUT_TO_CLIENT_SIDE_RENDERING"></template><!--/$--><!--/$--><header class="header_header__zJOD0 header_sticky__2ak2z"><a class="skip-nav-link_skipLink__M2lut" href="#geist-skip-nav" tabindex="0">Skip to content</a><nav class="navbar_nav__dCdXi"><div class="navbar_mobileTop__yLNXQ"><div class="stack_stack__iZkUS stack" data-version="v1" style="--stack-flex:initial;--stack-direction:row;--stack-align:center;--stack-justify:flex-start;--stack-padding:0px;--stack-gap:4px"><a rel="noopener noreferrer" target="_blank" data-testid="navbar/vercel-logo" href="https://vercel.com/home?utm_source=next-site&amp;utm_medium=banner&amp;utm_campaign=home" aria-label="Go to Vercel homepage" title="Go to Vercel homepage"><svg aria-label="Vercel logomark" height="22" role="img" style="width:auto;overflow:visible" viewBox="0 0 74 64"><path d="M37.5896 0.25L74.5396 64.25H0.639648L37.5896 0.25Z" fill="var(--geist-foreground)"></path></svg></a><svg height="32" viewBox="0 0 32 32" width="32"><path d="M22 5L9 28" stroke="var(--accents-2)" stroke-linecap="round" stroke-linejoin="round"></path></svg><div class="uwu-flex"><a class="navbar_uwuMobileLogo__zHGR_" title="Go to the homepage" data-zone="same" href="/?uwu=true"><img alt="Next.js uwu logo by SAWARATSUKI" width="54" height="34" decoding="async" data-nimg="1" style="color:transparent" srcSet="/_next/image?url=https%3A%2F%2Fassets.vercel.com%2Fimage%2Fupload%2Fv1714730590%2Ffront%2Fnextjs%2Fuwu%2Fnext-uwu-logo.png&amp;w=64&amp;q=75&amp;dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw 1x, /_next/image?url=https%3A%2F%2Fassets.vercel.com%2Fimage%2Fupload%2Fv1714730590%2Ffront%2Fnextjs%2Fuwu%2Fnext-uwu-logo.png&amp;w=128&amp;q=75&amp;dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw 2x" src="/_next/image?url=https%3A%2F%2Fassets.vercel.com%2Fimage%2Fupload%2Fv1714730590%2Ffront%2Fnextjs%2Fuwu%2Fnext-uwu-logo.png&amp;w=128&amp;q=75&amp;dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw"/></a></div><div class="uwu-hidden"><a class="navbar_mobileLogo__Q5KxZ" title="Go to the homepage" data-zone="same" href="/"><svg aria-label="Next.js logotype" height="18" role="img" viewBox="0 0 394 79"><path d="M261.919 0.0330722H330.547V12.7H303.323V79.339H289.71V12.7H261.919V0.0330722Z" fill="var(--geist-foreground)"></path><path d="M149.052 0.0330722V12.7H94.0421V33.0772H138.281V45.7441H94.0421V66.6721H149.052V79.339H80.43V12.7H80.4243V0.0330722H149.052Z" fill="var(--geist-foreground)"></path><path d="M183.32 0.0661486H165.506L229.312 79.3721H247.178L215.271 39.7464L247.127 0.126654L229.312 0.154184L206.352 28.6697L183.32 0.0661486Z" fill="var(--geist-foreground)"></path><path d="M201.6 56.7148L192.679 45.6229L165.455 79.4326H183.32L201.6 56.7148Z" fill="var(--geist-foreground)"></path><path clip-rule="evenodd" d="M80.907 79.339L17.0151 0H0V79.3059H13.6121V16.9516L63.8067 79.339H80.907Z" fill="var(--geist-foreground)" fill-rule="evenodd"></path><path d="M333.607 78.8546C332.61 78.8546 331.762 78.5093 331.052 77.8186C330.342 77.1279 329.991 76.2917 330 75.3011C329.991 74.3377 330.342 73.5106 331.052 72.8199C331.762 72.1292 332.61 71.7838 333.607 71.7838C334.566 71.7838 335.405 72.1292 336.115 72.8199C336.835 73.5106 337.194 74.3377 337.204 75.3011C337.194 75.9554 337.028 76.5552 336.696 77.0914C336.355 77.6368 335.922 78.064 335.377 78.373C334.842 78.6911 334.252 78.8546 333.607 78.8546Z" fill="var(--geist-foreground)"></path><path d="M356.84 45.4453H362.872V68.6846C362.863 70.8204 362.401 72.6472 361.498 74.1832C360.585 75.7191 359.321 76.8914 357.698 77.7185C356.084 78.5364 354.193 78.9546 352.044 78.9546C350.079 78.9546 348.318 78.6001 346.75 77.9094C345.182 77.2187 343.937 76.1826 343.024 74.8193C342.101 73.456 341.649 71.7565 341.649 69.7207H347.691C347.7 70.6114 347.903 71.3838 348.29 72.0291C348.677 72.6744 349.212 73.1651 349.895 73.5105C350.586 73.8559 351.38 74.0286 352.274 74.0286C353.243 74.0286 354.073 73.8286 354.746 73.4196C355.419 73.0197 355.936 72.4199 356.296 71.6201C356.646 70.8295 356.831 69.8479 356.84 68.6846V45.4453Z" fill="var(--geist-foreground)"></path><path d="M387.691 54.5338C387.544 53.1251 386.898 52.0254 385.773 51.2438C384.638 50.4531 383.172 50.0623 381.373 50.0623C380.11 50.0623 379.022 50.2532 378.118 50.6258C377.214 51.0075 376.513 51.5164 376.033 52.1617C375.554 52.807 375.314 53.5432 375.295 54.3703C375.295 55.061 375.461 55.6608 375.784 56.1607C376.107 56.6696 376.54 57.0968 377.103 57.4422C377.656 57.7966 378.274 58.0874 378.948 58.3237C379.63 58.56 380.313 58.76 380.995 58.9236L384.14 59.6961C385.404 59.9869 386.631 60.3778 387.802 60.8776C388.973 61.3684 390.034 61.9955 390.965 62.7498C391.897 63.5042 392.635 64.413 393.179 65.4764C393.723 66.5397 394 67.7848 394 69.2208C394 71.1566 393.502 72.8562 392.496 74.3285C391.491 75.7917 390.043 76.9369 388.143 77.764C386.252 78.582 383.965 79 381.272 79C378.671 79 376.402 78.6002 374.493 77.8004C372.575 77.0097 371.08 75.8463 370.001 74.3194C368.922 72.7926 368.341 70.9294 368.258 68.7391H374.235C374.318 69.8842 374.687 70.8386 375.314 71.6111C375.95 72.3745 376.78 72.938 377.795 73.3197C378.819 73.6923 379.962 73.8832 381.226 73.8832C382.545 73.8832 383.707 73.6832 384.712 73.2924C385.708 72.9016 386.492 72.3564 387.055 71.6475C387.627 70.9476 387.913 70.1206 387.922 69.1754C387.913 68.312 387.654 67.5939 387.156 67.0304C386.649 66.467 385.948 65.9944 385.053 65.6127C384.15 65.231 383.098 64.8856 381.899 64.5857L378.081 63.6223C375.323 62.9225 373.137 61.8592 371.541 60.4323C369.937 59.0054 369.143 57.115 369.143 54.7429C369.143 52.798 369.678 51.0894 370.758 49.6261C371.827 48.1629 373.294 47.0268 375.148 46.2179C377.011 45.4 379.114 45 381.456 45C383.836 45 385.92 45.4 387.719 46.2179C389.517 47.0268 390.929 48.1538 391.952 49.5897C392.976 51.0257 393.511 52.6707 393.539 54.5338H387.691Z" fill="var(--geist-foreground)"></path></svg></a></div></div><div class="navbar_mobileTopRight__p4VGF"><button class="navbar_search__dZT2b" data-variant="large" type="button">Search documentation...</button><button class="navbar_search__dZT2b" data-variant="medium" type="button">Search...<kbd>⌘K</kbd></button><button aria-label="Search documentation" class="navbar_search__dZT2b" data-variant="small" type="button"><svg class="with-icon_icon__MHUeb" data-testid="geist-icon" fill="none" height="24" shape-rendering="geometricPrecision" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" viewBox="0 0 24 24" width="24" style="color:currentColor"><path d="M11 17.25a6.25 6.25 0 110-12.5 6.25 6.25 0 010 12.5z"/><path d="M16 16l4.5 4.5"/></svg></button><button aria-label="open menu" class="navbar_menuButton__BJwt4" type="button"><div class="menu-toggle_wrap__qevaX "></div></button></div></div><div class="navbar_links__jysVN"><div class="stack_stack__iZkUS stack" data-version="v1" style="--stack-flex:initial;--stack-direction:row;--stack-align:center;--stack-justify:flex-start;--stack-padding:0px;--stack-gap:4px"><a rel="noopener noreferrer" target="_blank" data-testid="navbar/vercel-logo" href="https://vercel.com/home?utm_source=next-site&amp;utm_medium=banner&amp;utm_campaign=home" aria-label="Go to Vercel homepage" title="Go to Vercel homepage"><svg aria-label="Vercel logomark" height="22" role="img" style="width:auto;overflow:visible" viewBox="0 0 74 64"><path d="M37.5896 0.25L74.5396 64.25H0.639648L37.5896 0.25Z" fill="var(--geist-foreground)"></path></svg></a><svg height="32" viewBox="0 0 32 32" width="32"><path d="M22 5L9 28" stroke="var(--accents-2)" stroke-linecap="round" stroke-linejoin="round"></path></svg><div class="navbar_uwuDesktopLogoWrapper__VynOK uwu-flex"><a aria-label="Go to the homepage" class="navbar_uwuDesktopLogo__MHsxN" title="Go to the homepage" data-state="closed" style="-webkit-touch-callout:none" data-zone="same" href="/?uwu=true"><img alt="Next.js uwu logo by SAWARATSUKI" width="54" height="34" decoding="async" data-nimg="1" style="color:transparent" srcSet="/_next/image?url=https%3A%2F%2Fassets.vercel.com%2Fimage%2Fupload%2Fv1714730590%2Ffront%2Fnextjs%2Fuwu%2Fnext-uwu-logo.png&amp;w=64&amp;q=75&amp;dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw 1x, /_next/image?url=https%3A%2F%2Fassets.vercel.com%2Fimage%2Fupload%2Fv1714730590%2Ffront%2Fnextjs%2Fuwu%2Fnext-uwu-logo.png&amp;w=128&amp;q=75&amp;dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw 2x" src="/_next/image?url=https%3A%2F%2Fassets.vercel.com%2Fimage%2Fupload%2Fv1714730590%2Ffront%2Fnextjs%2Fuwu%2Fnext-uwu-logo.png&amp;w=128&amp;q=75&amp;dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw"/></a></div><div class="uwu-hidden"><a aria-label="Go to the homepage" class="navbar_logo__wXwXy" title="Go to the homepage" data-state="closed" style="-webkit-touch-callout:none" data-zone="same" href="/"><svg aria-label="Next.js logotype" height="18" role="img" viewBox="0 0 394 79"><path d="M261.919 0.0330722H330.547V12.7H303.323V79.339H289.71V12.7H261.919V0.0330722Z" fill="var(--geist-foreground)"></path><path d="M149.052 0.0330722V12.7H94.0421V33.0772H138.281V45.7441H94.0421V66.6721H149.052V79.339H80.43V12.7H80.4243V0.0330722H149.052Z" fill="var(--geist-foreground)"></path><path d="M183.32 0.0661486H165.506L229.312 79.3721H247.178L215.271 39.7464L247.127 0.126654L229.312 0.154184L206.352 28.6697L183.32 0.0661486Z" fill="var(--geist-foreground)"></path><path d="M201.6 56.7148L192.679 45.6229L165.455 79.4326H183.32L201.6 56.7148Z" fill="var(--geist-foreground)"></path><path clip-rule="evenodd" d="M80.907 79.339L17.0151 0H0V79.3059H13.6121V16.9516L63.8067 79.339H80.907Z" fill="var(--geist-foreground)" fill-rule="evenodd"></path><path d="M333.607 78.8546C332.61 78.8546 331.762 78.5093 331.052 77.8186C330.342 77.1279 329.991 76.2917 330 75.3011C329.991 74.3377 330.342 73.5106 331.052 72.8199C331.762 72.1292 332.61 71.7838 333.607 71.7838C334.566 71.7838 335.405 72.1292 336.115 72.8199C336.835 73.5106 337.194 74.3377 337.204 75.3011C337.194 75.9554 337.028 76.5552 336.696 77.0914C336.355 77.6368 335.922 78.064 335.377 78.373C334.842 78.6911 334.252 78.8546 333.607 78.8546Z" fill="var(--geist-foreground)"></path><path d="M356.84 45.4453H362.872V68.6846C362.863 70.8204 362.401 72.6472 361.498 74.1832C360.585 75.7191 359.321 76.8914 357.698 77.7185C356.084 78.5364 354.193 78.9546 352.044 78.9546C350.079 78.9546 348.318 78.6001 346.75 77.9094C345.182 77.2187 343.937 76.1826 343.024 74.8193C342.101 73.456 341.649 71.7565 341.649 69.7207H347.691C347.7 70.6114 347.903 71.3838 348.29 72.0291C348.677 72.6744 349.212 73.1651 349.895 73.5105C350.586 73.8559 351.38 74.0286 352.274 74.0286C353.243 74.0286 354.073 73.8286 354.746 73.4196C355.419 73.0197 355.936 72.4199 356.296 71.6201C356.646 70.8295 356.831 69.8479 356.84 68.6846V45.4453Z" fill="var(--geist-foreground)"></path><path d="M387.691 54.5338C387.544 53.1251 386.898 52.0254 385.773 51.2438C384.638 50.4531 383.172 50.0623 381.373 50.0623C380.11 50.0623 379.022 50.2532 378.118 50.6258C377.214 51.0075 376.513 51.5164 376.033 52.1617C375.554 52.807 375.314 53.5432 375.295 54.3703C375.295 55.061 375.461 55.6608 375.784 56.1607C376.107 56.6696 376.54 57.0968 377.103 57.4422C377.656 57.7966 378.274 58.0874 378.948 58.3237C379.63 58.56 380.313 58.76 380.995 58.9236L384.14 59.6961C385.404 59.9869 386.631 60.3778 387.802 60.8776C388.973 61.3684 390.034 61.9955 390.965 62.7498C391.897 63.5042 392.635 64.413 393.179 65.4764C393.723 66.5397 394 67.7848 394 69.2208C394 71.1566 393.502 72.8562 392.496 74.3285C391.491 75.7917 390.043 76.9369 388.143 77.764C386.252 78.582 383.965 79 381.272 79C378.671 79 376.402 78.6002 374.493 77.8004C372.575 77.0097 371.08 75.8463 370.001 74.3194C368.922 72.7926 368.341 70.9294 368.258 68.7391H374.235C374.318 69.8842 374.687 70.8386 375.314 71.6111C375.95 72.3745 376.78 72.938 377.795 73.3197C378.819 73.6923 379.962 73.8832 381.226 73.8832C382.545 73.8832 383.707 73.6832 384.712 73.2924C385.708 72.9016 386.492 72.3564 387.055 71.6475C387.627 70.9476 387.913 70.1206 387.922 69.1754C387.913 68.312 387.654 67.5939 387.156 67.0304C386.649 66.467 385.948 65.9944 385.053 65.6127C384.15 65.231 383.098 64.8856 381.899 64.5857L378.081 63.6223C375.323 62.9225 373.137 61.8592 371.541 60.4323C369.937 59.0054 369.143 57.115 369.143 54.7429C369.143 52.798 369.678 51.0894 370.758 49.6261C371.827 48.1629 373.294 47.0268 375.148 46.2179C377.011 45.4 379.114 45 381.456 45C383.836 45 385.92 45.4 387.719 46.2179C389.517 47.0268 390.929 48.1538 391.952 49.5897C392.976 51.0257 393.511 52.6707 393.539 54.5338H387.691Z" fill="var(--geist-foreground)"></path></svg></a></div></div><a class="" data-zone="same" href="/showcase">Showcase</a><a class="" title="Documentation" data-zone="same" href="/docs">Docs</a><a class="" data-zone="same" href="/blog">Blog</a><a rel="noopener noreferrer" target="_blank" href="https://vercel.com/templates/next.js?utm_source=next-site&amp;utm_medium=navbar&amp;utm_campaign=next_site_nav_templates">Templates<svg aria-hidden="true" class="navbar_externalArrow___VWBd" height="7" viewBox="0 0 6 6" width="7"><path d="M1.25215 5.54731L0.622742 4.9179L3.78169 1.75597H1.3834L1.38936 0.890915H5.27615V4.78069H4.40513L4.41109 2.38538L1.25215 5.54731Z" fill="var(--accents-3)"></path></svg></a><a rel="noopener noreferrer" target="_blank" href="https://vercel.com/contact/sales/nextjs?utm_source=next-site&amp;utm_medium=navbar&amp;utm_campaign=next_site_nav_enterprise">Enterprise<svg aria-hidden="true" class="navbar_externalArrow___VWBd" height="7" viewBox="0 0 6 6" width="7"><path d="M1.25215 5.54731L0.622742 4.9179L3.78169 1.75597H1.3834L1.38936 0.890915H5.27615V4.78069H4.40513L4.41109 2.38538L1.25215 5.54731Z" fill="var(--accents-3)"></path></svg></a></div><div class="navbar_headerButtons__m6ZFa"><button class="navbar_search__dZT2b" data-variant="large" type="button">Search documentation...</button><button class="navbar_search__dZT2b" data-variant="medium" type="button">Search...<kbd>⌘K</kbd></button><button aria-label="Search documentation" class="navbar_search__dZT2b" data-variant="small" type="button"><svg class="with-icon_icon__MHUeb" data-testid="geist-icon" fill="none" height="24" shape-rendering="geometricPrecision" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" viewBox="0 0 24 24" width="24" style="color:currentColor"><path d="M11 17.25a6.25 6.25 0 110-12.5 6.25 6.25 0 010 12.5z"/><path d="M16 16l4.5 4.5"/></svg></button><a role="link" tabindex="0" href="https://vercel.com/new/clone?utm_source=next-site&amp;utm_medium=banner&amp;b=main&amp;s=https%3A%2F%2Fgithub.com%2Fvercel%2Fvercel%2Ftree%2Fmain%2Fexamples%2Fnextjs&amp;showOptionalTeamCreation=false&amp;template=nextjs&amp;teamCreateStatus=hidden&amp;utm_campaign=home" type="submit" class="button_base__BjwbK reset_reset__KRyvc button_button__81573 reset_reset__KRyvc navbar_deploy__IKZN3 button_secondary__kMMNc button_small__iQMBm button_invert__YNhnn" data-geist-button="" data-prefix="true" data-suffix="false" data-version="v1" style="--geist-icon-size:16px"><span class="button_prefix__2XlwH"><svg aria-label="Vercel logomark" height="13" role="img" style="width:auto;overflow:visible" viewBox="0 0 74 64"><path d="M37.5896 0.25L74.5396 64.25H0.639648L37.5896 0.25Z" fill="var(--geist-foreground)"></path></svg></span><span class="button_content__1aE1_">Deploy</span></a><a role="link" tabindex="0" href="/learn" type="submit" class="button_base__BjwbK reset_reset__KRyvc button_button__81573 reset_reset__KRyvc geist-new-themed geist-new-default geist-new-default-fill button_small__iQMBm button_invert__YNhnn" data-geist-button="" data-prefix="false" data-suffix="false" data-version="v1" style="--geist-icon-size:16px"><span class="button_content__1aE1_">Learn</span></a></div></nav></header><script>!function(){try{var d=document.documentElement,c=d.classList;c.remove('light-theme','dark-theme');var e=localStorage.getItem('zeit-theme');if('system'===e||(!e&&true)){var t='(prefers-color-scheme: dark)',m=window.matchMedia(t);if(m.media!==t||m.matches){d.style.colorScheme = 'dark';c.add('dark-theme')}else{d.style.colorScheme = 'light';c.add('light-theme')}}else if(e){var x={"light":"light-theme","dark":"dark-theme"};c.add(x[e]|| '')}if(e==='light'||e==='dark')d.style.colorScheme=e}catch(e){}}()</script><!--$--><!--/$--><main><div class="home_root__yKyeQ"><div id="geist-skip-nav" tabindex="-1"></div><main class="stack_stack__iZkUS stack intro_root__wSBQl" data-version="v1" style="--stack-flex:initial;--stack-direction:column;--stack-align:center;--stack-justify:flex-start;--stack-padding:0px;--stack-gap:0px"><div class="intro_header__4Ctrv"><div aria-hidden="true" class="intro_gridContainerLine__GHkon" data-fade="top" data-side="left" style="--line-fade-stop:50%"></div><div aria-hidden="true" class="intro_gridContainerLine__GHkon" data-fade="top" data-side="right" style="--line-fade-stop:50%"></div></div><div class="intro_intro__k2TZw intro_gridLineTop__WIuPu"><svg aria-hidden="true" class="intro_gridCircle__Hyh0y" data-side="top-left" fill="none" height="75" viewBox="0 0 75 75" width="75"><path d="M74 37.5C74 30.281 71.8593 23.2241 67.8486 17.2217C63.838 11.2193 58.1375 6.541 51.4679 3.7784C44.7984 1.0158 37.4595 0.292977 30.3792 1.70134C23.2989 3.1097 16.7952 6.58599 11.6906 11.6906C6.58599 16.7952 3.1097 23.2989 1.70134 30.3792C0.292977 37.4595 1.0158 44.7984 3.7784 51.4679C6.541 58.1375 11.2193 63.838 17.2217 67.8486C23.2241 71.8593 30.281 74 37.5 74" opacity="var(--line-opacity)" stroke="url(#paint0_angular_25_2122)" stroke-dasharray="2 2"></path><defs><radialGradient cx="0" cy="0" gradientTransform="translate(37.5 37.5) rotate(90) scale(36.5)" gradientUnits="userSpaceOnUse" id="paint0_angular_25_2122" r="1"><stop></stop><stop offset="0.5" stop-opacity="0.34"></stop><stop offset="1"></stop></radialGradient></defs></svg><div aria-hidden="true" class="intro_gridContainerLine__GHkon" data-fade="true" data-offset="true" data-side="left"></div><div class="intro_uwuLogo__LQ8_p intro_gridLineBottom__z9ocp uwu-flex"><img alt="Next.js uwu logo by SAWARATSUKI" width="509" height="320" decoding="async" data-nimg="1" style="color:transparent" srcSet="/_next/image?url=https%3A%2F%2Fassets.vercel.com%2Fimage%2Fupload%2Fv1714730590%2Ffront%2Fnextjs%2Fuwu%2Fnext-uwu-logo.png&amp;w=640&amp;q=75&amp;dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw 1x, /_next/image?url=https%3A%2F%2Fassets.vercel.com%2Fimage%2Fupload%2Fv1714730590%2Ffront%2Fnextjs%2Fuwu%2Fnext-uwu-logo.png&amp;w=1080&amp;q=75&amp;dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw 2x" src="/_next/image?url=https%3A%2F%2Fassets.vercel.com%2Fimage%2Fupload%2Fv1714730590%2Ffront%2Fnextjs%2Fuwu%2Fnext-uwu-logo.png&amp;w=1080&amp;q=75&amp;dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw"/><svg aria-hidden="true" class="intro_gridCircle__Hyh0y" data-side="bottom-right" fill="none" height="75" viewBox="0 0 75 75" width="75"><path d="M74 37.5C74 30.281 71.8593 23.2241 67.8486 17.2217C63.838 11.2193 58.1375 6.541 51.4679 3.7784C44.7984 1.0158 37.4595 0.292977 30.3792 1.70134C23.2989 3.1097 16.7952 6.58599 11.6906 11.6906C6.58599 16.7952 3.1097 23.2989 1.70134 30.3792C0.292977 37.4595 1.0158 44.7984 3.7784 51.4679C6.541 58.1375 11.2193 63.838 17.2217 67.8486C23.2241 71.8593 30.281 74 37.5 74" opacity="var(--line-opacity)" stroke="url(#paint0_angular_25_2122)" stroke-dasharray="2 2"></path><defs><radialGradient cx="0" cy="0" gradientTransform="translate(37.5 37.5) rotate(90) scale(36.5)" gradientUnits="userSpaceOnUse" id="paint0_angular_25_2122" r="1"><stop></stop><stop offset="0.5" stop-opacity="0.34"></stop><stop offset="1"></stop></radialGradient></defs></svg></div><h1 class="intro_title__TZuNV intro_gridLineBottom__z9ocp gradient-text uwu-hidden">The React Framework <span class="intro_break__0O29s"></span>for the Web<svg aria-hidden="true" class="intro_gridCircle__Hyh0y" data-side="bottom-right" fill="none" height="75" viewBox="0 0 75 75" width="75"><path d="M74 37.5C74 30.281 71.8593 23.2241 67.8486 17.2217C63.838 11.2193 58.1375 6.541 51.4679 3.7784C44.7984 1.0158 37.4595 0.292977 30.3792 1.70134C23.2989 3.1097 16.7952 6.58599 11.6906 11.6906C6.58599 16.7952 3.1097 23.2989 1.70134 30.3792C0.292977 37.4595 1.0158 44.7984 3.7784 51.4679C6.541 58.1375 11.2193 63.838 17.2217 67.8486C23.2241 71.8593 30.281 74 37.5 74" opacity="var(--line-opacity)" stroke="url(#paint0_angular_25_2122)" stroke-dasharray="2 2"></path><defs><radialGradient cx="0" cy="0" gradientTransform="translate(37.5 37.5) rotate(90) scale(36.5)" gradientUnits="userSpaceOnUse" id="paint0_angular_25_2122" r="1"><stop></stop><stop offset="0.5" stop-opacity="0.34"></stop><stop offset="1"></stop></radialGradient></defs></svg></h1><div class="intro_subtitle__7jvxT intro_gridLineBottom__z9ocp"><p>Used by some of the world&#x27;s largest companies, Next.js enables you to create<!-- --> <strong>high-quality web applications</strong> with the power of React components.</p></div><div class="stack_stack__iZkUS stack intro_footer__5Sy1W intro_gridLineBottom__z9ocp" data-version="v1" style="--stack-flex:initial;--stack-direction:column;--stack-align:center;--stack-justify:flex-start;--stack-padding:0px;--stack-gap:0px"><div class="stack_stack__iZkUS stack intro_buttons__hi64e" data-version="v1" style="--stack-flex:initial;--stack-direction:column;--stack-align:center;--stack-justify:flex-start;--stack-padding:0px;--stack-gap:16px"><div aria-hidden="true" class="intro_gridContainerLine__GHkon" data-fade="true" data-offset="true" data-side="left"></div><div class="stack_stack__iZkUS stack" data-version="v1" style="--stack-flex:initial;--stack-direction:row;--stack-align:stretch;--stack-justify:flex-start;--stack-padding:0px;--stack-gap:16px"><a role="link" tabindex="0" href="/docs" type="submit" class="button_base__BjwbK reset_reset__KRyvc button_button__81573 reset_reset__KRyvc button_large__fuY6E button_invert__YNhnn" data-geist-button="" data-prefix="false" data-suffix="false" data-version="v1" style="--geist-icon-size:16px"><span class="button_content__1aE1_">Get Started</span></a><a role="link" tabindex="0" href="/learn?utm_source=next-site&amp;utm_medium=homepage-cta&amp;utm_campaign=home" type="submit" class="button_base__BjwbK reset_reset__KRyvc button_button__81573 reset_reset__KRyvc button_secondary__kMMNc button_large__fuY6E button_invert__YNhnn" data-geist-button="" data-prefix="false" data-suffix="false" data-version="v1" style="--geist-icon-size:16px"><span class="button_content__1aE1_">Learn Next.js</span></a></div><button aria-label="Copy npx command for creating a new Next.js app" class="intro_copy__45vCK" type="button"><div>▲ ~ <!-- -->npx create-next-app@latest</div><svg class="with-icon_icon__MHUeb" data-testid="geist-icon" fill="none" height="24" shape-rendering="geometricPrecision" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" viewBox="0 0 24 24" width="24" data-open="true" style="color:currentColor;width:16px;height:16px"><path d="M6 17C4.89543 17 4 16.1046 4 15V5C4 3.89543 4.89543 3 6 3H13C13.7403 3 14.3866 3.4022 14.7324 4M11 21H18C19.1046 21 20 20.1046 20 19V9C20 7.89543 19.1046 7 18 7H11C9.89543 7 9 7.89543 9 9V19C9 20.1046 9.89543 21 11 21Z"/></svg><svg class="with-icon_icon__MHUeb" data-testid="geist-icon" fill="none" height="24" shape-rendering="geometricPrecision" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" viewBox="0 0 24 24" width="24" data-open="false" style="color:currentColor;width:16px;height:16px"><path d="M20 6L9 17l-5-5"/></svg></button><div aria-hidden="true" class="intro_gridContainerLine__GHkon" data-fade="true" data-offset="true" data-side="right"></div><svg aria-hidden="true" class="intro_gridCircle__Hyh0y" data-side="bottom-right" fill="none" height="75" viewBox="0 0 75 75" width="75"><path d="M74 37.5C74 30.281 71.8593 23.2241 67.8486 17.2217C63.838 11.2193 58.1375 6.541 51.4679 3.7784C44.7984 1.0158 37.4595 0.292977 30.3792 1.70134C23.2989 3.1097 16.7952 6.58599 11.6906 11.6906C6.58599 16.7952 3.1097 23.2989 1.70134 30.3792C0.292977 37.4595 1.0158 44.7984 3.7784 51.4679C6.541 58.1375 11.2193 63.838 17.2217 67.8486C23.2241 71.8593 30.281 74 37.5 74" opacity="var(--line-opacity)" stroke="url(#paint0_angular_25_2122)" stroke-dasharray="2 2"></path><defs><radialGradient cx="0" cy="0" gradientTransform="translate(37.5 37.5) rotate(90) scale(36.5)" gradientUnits="userSpaceOnUse" id="paint0_angular_25_2122" r="1"><stop></stop><stop offset="0.5" stop-opacity="0.34"></stop><stop offset="1"></stop></radialGradient></defs></svg></div></div><div aria-hidden="true" class="intro_gridContainerLine__GHkon" data-fade="true" data-offset="true" data-side="right"></div></div></main><!--$--><section class="features_root___IH5t"><div class="stack_stack__iZkUS stack features_main__Tc5yR" data-version="v1" style="--stack-flex:initial;--stack-direction:column;--stack-align:center;--stack-justify:flex-start;--stack-padding:0px;--stack-gap:0px"><div class="stack_stack__iZkUS stack" data-version="v1" style="--stack-flex:initial;--sm-stack-direction:column;--lg-stack-direction:row;--sm-stack-align:center;--lg-stack-align:baseline;--stack-justify:flex-start;--stack-padding:0px;--sm-stack-gap:8px;--md-stack-gap:8px;--lg-stack-gap:16px;--xl-stack-gap:16px"><h2 class="gradient-text" data-main-heading="true">What&#x27;s in Next.js?</h2><p data-main-paragraph="true">Everything you need to build great products on the web.</p></div><div class="features_grid__4rdKV" data-columns="3"><div data-column="true"><!--$--><a aria-label="Built-in Optimizations" class="features_card__xYla9" data-variant="callout" href="/docs/app/building-your-application/optimizing/images"><div data-illustration="true"><div class="animated-optimizations_root__ZMgRl"><div class="animated-optimizations_window__CjM85" data-variant="large" style="top:50%;left:50%"><div class="stack_stack__iZkUS stack" data-version="v1" style="--stack-flex:initial;--stack-direction:column;--stack-align:center;--stack-justify:flex-start;--stack-padding:0px;--stack-gap:0px" data-header="true"><div data-label="true">Original</div></div><div data-content="true"><svg data-fill="true" fill="none" height="88" viewBox="0 0 184 88" width="184"><circle cx="174" cy="8.5" fill="black" opacity="0.2" r="8"></circle><path d="M36.5858 4.91421L0.585786 40.9142C0.210714 41.2893 0 41.798 0 42.3284V85.5C0 86.6046 0.89543 87.5 2 87.5H182C183.105 87.5 184 86.6046 184 85.5V50.8284C184 49.0466 181.846 48.1543 180.586 49.4142L179.586 50.4142C179.211 50.7893 179 51.298 179 51.8284V59.1716C179 59.702 178.789 60.2107 178.414 60.5858L177.586 61.4142C177.211 61.7893 176.702 62 176.172 62H165.328C164.798 62 164.289 62.2107 163.914 62.5858L155.914 70.5858C155.133 71.3668 153.867 71.3668 153.086 70.5858L133.914 51.4142C133.133 50.6332 131.867 50.6332 131.086 51.4142L127.914 54.5858C127.133 55.3668 125.867 55.3668 125.086 54.5858L119 48.5L90.4142 19.9142C89.6332 19.1332 88.3668 19.1332 87.5858 19.9142L72.4142 35.0858C71.6332 35.8668 70.3668 35.8668 69.5858 35.0858L39.4142 4.91421C38.6332 4.13317 37.3668 4.13316 36.5858 4.91421Z" fill="url(#:R3i9adsmklfb:)"></path><defs><linearGradient gradientUnits="userSpaceOnUse" id=":R3i9adsmklfb:" x1="92" x2="92" y1="7.5" y2="87.5"><stop stop-opacity="0.1"></stop><stop offset="1" stop-opacity="0.2"></stop></linearGradient></defs></svg></div></div><div class="animated-optimizations_window__CjM85" data-variant="medium" style="opacity:0;transform:translateX(calc(-50% - 32px)) translateY(calc(-50% + 32px)) translateZ(0)"><div class="animated-optimizations_shine__gqBfJ" data-animate="false" style="--delay:1.2s"></div><div class="stack_stack__iZkUS stack" data-version="v1" style="--stack-flex:initial;--stack-direction:column;--stack-align:center;--stack-justify:flex-start;--stack-padding:0px;--stack-gap:0px" data-header="true"><div data-label="true">1440px</div></div><div data-content="true"><svg data-fill="true" fill="none" height="65" viewBox="0 0 153 65" width="153"><g fill="black" fill-opacity="0.15"><rect x="0.333374" y="63"></rect><rect x="3.33337" y="63"></rect><rect x="6.33337" y="63"></rect><rect x="9.33337" y="63"></rect><rect x="12.3334" y="63"></rect><rect x="15.3334" y="63"></rect><rect x="18.3334" y="63"></rect><rect x="21.3334" y="63"></rect><rect x="24.3334" y="63"></rect><rect x="27.3334" y="63"></rect><rect x="30.3334" y="63"></rect><rect x="33.3334" y="63"></rect><rect x="36.3334" y="63"></rect><rect x="39.3334" y="63"></rect><rect x="42.3334" y="63"></rect><rect x="45.3334" y="63"></rect><rect x="48.3334" y="63"></rect><rect x="51.3334" y="63"></rect><rect x="54.3334" y="63"></rect><rect x="57.3334" y="63"></rect><rect x="60.3334" y="63"></rect><rect x="63.3334" y="63"></rect><rect x="66.3334" y="63"></rect><rect x="69.3334" y="63"></rect><rect x="72.3334" y="63"></rect><rect x="75.3334" y="63"></rect><rect x="78.3334" y="63"></rect><rect x="81.3334" y="63"></rect><rect x="84.3334" y="63"></rect><rect x="87.3334" y="63"></rect><rect x="90.3334" y="63"></rect><rect x="93.3334" y="63"></rect><rect x="96.3334" y="63"></rect><rect x="99.3334" y="63"></rect><rect x="102.333" y="63"></rect><rect x="105.333" y="63"></rect><rect x="108.333" y="63"></rect><rect x="111.333" y="63"></rect><rect x="114.333" y="63"></rect><rect x="117.333" y="63"></rect><rect x="120.333" y="63"></rect><rect x="123.333" y="63"></rect><rect x="126.333" y="63"></rect><rect x="129.333" y="63"></rect><rect x="132.333" y="63"></rect><rect x="135.333" y="63"></rect><rect x="138.333" y="63"></rect><rect x="141.333" y="63"></rect><rect x="144.333" y="63"></rect><rect x="147.333" y="63"></rect><rect x="150.333" y="63"></rect><rect x="0.333374" y="60"></rect><rect x="3.33337" y="60"></rect><rect x="6.33337" y="60"></rect><rect x="9.33337" y="60"></rect><rect x="12.3334" y="60"></rect><rect x="15.3334" y="60"></rect><rect x="18.3334" y="60"></rect><rect x="21.3334" y="60"></rect><rect x="24.3334" y="60"></rect><rect x="27.3334" y="60"></rect><rect x="30.3334" y="60"></rect><rect x="33.3334" y="60"></rect><rect x="36.3334" y="60"></rect><rect x="39.3334" y="60"></rect><rect x="42.3334" y="60"></rect><rect x="45.3334" y="60"></rect><rect x="48.3334" y="60"></rect><rect x="51.3334" y="60"></rect><rect x="54.3334" y="60"></rect><rect x="57.3334" y="60"></rect><rect x="60.3334" y="60"></rect><rect x="63.3334" y="60"></rect><rect x="66.3334" y="60"></rect><rect x="69.3334" y="60"></rect><rect x="72.3334" y="60"></rect><rect x="75.3334" y="60"></rect><rect x="78.3334" y="60"></rect><rect x="81.3334" y="60"></rect><rect x="84.3334" y="60"></rect><rect x="87.3334" y="60"></rect><rect x="90.3334" y="60"></rect><rect x="93.3334" y="60"></rect><rect x="96.3334" y="60"></rect><rect x="99.3334" y="60"></rect><rect x="102.333" y="60"></rect><rect x="105.333" y="60"></rect><rect x="108.333" y="60"></rect><rect x="111.333" y="60"></rect><rect x="114.333" y="60"></rect><rect x="117.333" y="60"></rect><rect x="120.333" y="60"></rect><rect x="123.333" y="60"></rect><rect x="126.333" y="60"></rect><rect x="129.333" y="60"></rect><rect x="132.333" y="60"></rect><rect x="135.333" y="60"></rect><rect x="138.333" y="60"></rect><rect x="141.333" y="60"></rect><rect x="144.333" y="60"></rect><rect x="147.333" y="60"></rect><rect x="150.333" y="60"></rect><rect x="0.333374" y="57"></rect><rect x="3.33337" y="57"></rect><rect x="6.33337" y="57"></rect><rect x="9.33337" y="57"></rect><rect x="12.3334" y="57"></rect><rect x="15.3334" y="57"></rect><rect x="18.3334" y="57"></rect><rect x="21.3334" y="57"></rect><rect x="24.3334" y="57"></rect><rect x="27.3334" y="57"></rect><rect x="30.3334" y="57"></rect><rect x="33.3334" y="57"></rect><rect x="36.3334" y="57"></rect><rect x="39.3334" y="57"></rect><rect x="42.3334" y="57"></rect><rect x="45.3334" y="57"></rect><rect x="48.3334" y="57"></rect><rect x="51.3334" y="57"></rect><rect x="54.3334" y="57"></rect><rect x="57.3334" y="57"></rect><rect x="60.3334" y="57"></rect><rect x="63.3334" y="57"></rect><rect x="66.3334" y="57"></rect><rect x="69.3334" y="57"></rect><rect x="72.3334" y="57"></rect><rect x="75.3334" y="57"></rect><rect x="78.3334" y="57"></rect><rect x="81.3334" y="57"></rect><rect x="84.3334" y="57"></rect><rect x="87.3334" y="57"></rect><rect x="90.3334" y="57"></rect><rect x="93.3334" y="57"></rect><rect x="96.3334" y="57"></rect><rect x="99.3334" y="57"></rect><rect x="102.333" y="57"></rect><rect x="105.333" y="57"></rect><rect x="108.333" y="57"></rect><rect x="111.333" y="57"></rect><rect x="114.333" y="57"></rect><rect x="117.333" y="57"></rect><rect x="120.333" y="57"></rect><rect x="123.333" y="57"></rect><rect x="126.333" y="57"></rect><rect x="129.333" y="57"></rect><rect x="135.333" y="57"></rect><rect x="138.333" y="57"></rect><rect x="144.333" y="57"></rect><rect x="147.333" y="57"></rect><rect x="150.333" y="57"></rect><rect x="0.333374" y="54"></rect><rect x="3.33337" y="54"></rect><rect x="6.33337" y="54"></rect><rect x="9.33337" y="54"></rect><rect x="12.3334" y="54"></rect><rect x="15.3334" y="54"></rect><rect x="21.3334" y="54"></rect><rect x="24.3334" y="54"></rect><rect x="27.3334" y="54"></rect><rect x="30.3334" y="54"></rect><rect x="33.3334" y="54"></rect><rect x="36.3334" y="54"></rect><rect x="39.3334" y="54"></rect><rect x="42.3334" y="54"></rect><rect x="45.3334" y="54"></rect><rect x="48.3334" y="54"></rect><rect x="51.3334" y="54"></rect><rect x="54.3334" y="54"></rect><rect x="57.3334" y="54"></rect><rect x="60.3334" y="54"></rect><rect x="63.3334" y="54"></rect><rect x="66.3334" y="54"></rect><rect x="69.3334" y="54"></rect><rect x="72.3334" y="54"></rect><rect x="75.3334" y="54"></rect><rect x="78.3334" y="54"></rect><rect x="81.3334" y="54"></rect><rect x="87.3334" y="54"></rect><rect x="93.3334" y="54"></rect><rect x="96.3334" y="54"></rect><rect x="99.3334" y="54"></rect><rect x="102.333" y="54"></rect><rect x="105.333" y="54"></rect><rect x="108.333" y="54"></rect><rect x="111.333" y="54"></rect><rect x="114.333" y="54"></rect><rect x="117.333" y="54"></rect><rect x="120.333" y="54"></rect><rect x="123.333" y="54"></rect><rect x="129.333" y="54"></rect><rect x="132.333" y="54"></rect><rect x="135.333" y="54"></rect><rect x="138.333" y="54"></rect><rect x="141.333" y="54"></rect><rect x="144.333" y="54"></rect><rect x="147.333" y="54"></rect><rect x="150.333" y="54"></rect><rect x="0.333374" y="51"></rect><rect x="3.33337" y="51"></rect><rect x="6.33337" y="51"></rect><rect x="9.33337" y="51"></rect><rect x="12.3334" y="51"></rect><rect x="18.3334" y="51"></rect><rect x="21.3334" y="51"></rect><rect x="24.3334" y="51"></rect><rect x="27.3334" y="51"></rect><rect x="30.3334" y="51"></rect><rect x="33.3334" y="51"></rect><rect x="36.3334" y="51"></rect><rect x="39.3334" y="51"></rect><rect x="42.3334" y="51"></rect><rect x="45.3334" y="51"></rect><rect x="48.3334" y="51"></rect><rect x="51.3334" y="51"></rect><rect x="54.3334" y="51"></rect><rect x="57.3334" y="51"></rect><rect x="60.3334" y="51"></rect><rect x="63.3334" y="51"></rect><rect x="66.3334" y="51"></rect><rect x="69.3334" y="51"></rect><rect x="72.3334" y="51"></rect><rect x="75.3334" y="51"></rect><rect x="78.3334" y="51"></rect><rect x="81.3334" y="51"></rect><rect x="84.3334" y="51"></rect><rect x="87.3334" y="51"></rect><rect x="93.3334" y="51"></rect><rect x="96.3334" y="51"></rect><rect x="99.3334" y="51"></rect><rect x="102.333" y="51"></rect><rect x="105.333" y="51"></rect><rect x="108.333" y="51"></rect><rect x="111.333" y="51"></rect><rect x="114.333" y="51"></rect><rect x="117.333" y="51"></rect><rect x="120.333" y="51"></rect><rect x="129.333" y="51"></rect><rect x="132.333" y="51"></rect><rect x="135.333" y="51"></rect><rect x="138.333" y="51"></rect><rect x="141.333" y="51"></rect><rect x="144.333" y="51"></rect><rect x="147.333" y="51"></rect><rect x="150.333" y="51"></rect><rect x="0.333374" y="48"></rect><rect x="3.33337" y="48"></rect><rect x="6.33337" y="48"></rect><rect x="9.33337" y="48"></rect><rect x="12.3334" y="48"></rect><rect x="15.3334" y="48"></rect><rect x="21.3334" y="48"></rect><rect x="24.3334" y="48"></rect><rect x="27.3334" y="48"></rect><rect x="30.3334" y="48"></rect><rect x="33.3334" y="48"></rect><rect x="36.3334" y="48"></rect><rect x="39.3334" y="48"></rect><rect x="42.3334" y="48"></rect><rect x="45.3334" y="48"></rect><rect x="48.3334" y="48"></rect><rect x="51.3334" y="48"></rect><rect x="54.3334" y="48"></rect><rect x="57.3334" y="48"></rect><rect x="60.3334" y="48"></rect><rect x="63.3334" y="48"></rect><rect x="66.3334" y="48"></rect><rect x="69.3334" y="48"></rect><rect x="72.3334" y="48"></rect><rect x="75.3334" y="48"></rect><rect x="78.3334" y="48"></rect><rect x="81.3334" y="48"></rect><rect x="84.3334" y="48"></rect><rect x="87.3334" y="48"></rect><rect x="90.3334" y="48"></rect><rect x="96.3334" y="48"></rect><rect x="99.3334" y="48"></rect><rect x="102.333" y="48"></rect><rect x="105.333" y="48"></rect><rect x="108.333" y="48"></rect><rect x="111.333" y="48"></rect><rect x="114.333" y="48"></rect><rect x="117.333" y="48"></rect><rect x="132.333" y="48"></rect><rect x="135.333" y="48"></rect><rect x="141.333" y="48"></rect><rect x="144.333" y="48"></rect><rect x="147.333" y="48"></rect><rect x="150.333" y="48"></rect><rect x="0.333374" y="45"></rect><rect x="3.33337" y="45"></rect><rect x="6.33337" y="45"></rect><rect x="9.33337" y="45"></rect><rect x="12.3334" y="45"></rect><rect x="15.3334" y="45"></rect><rect x="18.3334" y="45"></rect><rect x="21.3334" y="45"></rect><rect x="24.3334" y="45"></rect><rect x="27.3334" y="45"></rect><rect x="30.3334" y="45"></rect><rect x="33.3334" y="45"></rect><rect x="36.3334" y="45"></rect><rect x="39.3334" y="45"></rect><rect x="42.3334" y="45"></rect><rect x="45.3334" y="45"></rect><rect x="48.3334" y="45"></rect><rect x="51.3334" y="45"></rect><rect x="54.3334" y="45"></rect><rect x="57.3334" y="45"></rect><rect x="60.3334" y="45"></rect><rect x="63.3334" y="45"></rect><rect x="66.3334" y="45"></rect><rect x="69.3334" y="45"></rect><rect x="72.3334" y="45"></rect><rect x="75.3334" y="45"></rect><rect x="78.3334" y="45"></rect><rect x="81.3334" y="45"></rect><rect x="84.3334" y="45"></rect><rect x="87.3334" y="45"></rect><rect x="90.3334" y="45"></rect><rect x="96.3334" y="45"></rect><rect x="99.3334" y="45"></rect><rect x="102.333" y="45"></rect><rect x="105.333" y="45"></rect><rect x="108.333" y="45"></rect><rect x="111.333" y="45"></rect><rect x="114.333" y="45"></rect><rect x="138.333" y="45"></rect><rect x="141.333" y="45"></rect><rect x="144.333" y="45"></rect><rect x="147.333" y="45"></rect><rect x="150.333" y="45"></rect><rect x="0.333374" y="42"></rect><rect x="3.33337" y="42"></rect><rect x="6.33337" y="42"></rect><rect x="9.33337" y="42"></rect><rect x="12.3334" y="42"></rect><rect x="15.3334" y="42"></rect><rect x="18.3334" y="42"></rect><rect x="21.3334" y="42"></rect><rect x="24.3334" y="42"></rect><rect x="27.3334" y="42"></rect><rect x="30.3334" y="42"></rect><rect x="33.3334" y="42"></rect><rect x="36.3334" y="42"></rect><rect x="39.3334" y="42"></rect><rect x="39.3334" y="39"></rect><rect x="42.3334" y="42"></rect><rect x="48.3334" y="42"></rect><rect x="51.3334" y="42"></rect><rect x="54.3334" y="42"></rect><rect x="57.3334" y="42"></rect><rect x="60.3334" y="42"></rect><rect x="63.3334" y="42"></rect><rect x="66.3334" y="42"></rect><rect x="69.3334" y="42"></rect><rect x="72.3334" y="42"></rect><rect x="75.3334" y="42"></rect><rect x="78.3334" y="42"></rect><rect x="81.3334" y="42"></rect><rect x="84.3334" y="42"></rect><rect x="87.3334" y="42"></rect><rect x="90.3334" y="42"></rect><rect x="93.3334" y="42"></rect><rect x="105.333" y="42"></rect><rect x="108.333" y="42"></rect><rect x="111.333" y="42"></rect><rect x="147.333" y="42"></rect><rect x="150.333" y="42"></rect><rect x="0.333374" y="39"></rect><rect x="3.33337" y="39"></rect><rect x="6.33337" y="39"></rect><rect x="9.33337" y="39"></rect><rect x="12.3334" y="39"></rect><rect x="15.3334" y="39"></rect><rect x="18.3334" y="39"></rect><rect x="21.3334" y="39"></rect><rect x="24.3334" y="39"></rect><rect x="27.3334" y="39"></rect><rect x="30.3334" y="39"></rect><rect x="33.3334" y="39"></rect><rect x="36.3334" y="39"></rect><rect x="45.3334" y="39"></rect><rect x="48.3334" y="39"></rect><rect x="51.3334" y="39"></rect><rect x="54.3334" y="39"></rect><rect x="57.3334" y="39"></rect><rect x="60.3334" y="39"></rect><rect x="63.3334" y="39"></rect><rect x="66.3334" y="39"></rect><rect x="69.3334" y="39"></rect><rect x="72.3334" y="39"></rect><rect x="75.3334" y="39"></rect><rect x="78.3334" y="39"></rect><rect x="81.3334" y="39"></rect><rect x="84.3334" y="39"></rect><rect x="87.3334" y="39"></rect><rect x="90.3334" y="39"></rect><rect x="93.3334" y="39"></rect><rect x="96.3334" y="39"></rect><rect x="108.333" y="39"></rect><rect x="147.333" y="39"></rect><rect x="150.333" y="39"></rect><rect x="0.333374" y="36"></rect><rect x="3.33337" y="36"></rect><rect x="6.33337" y="36"></rect><rect x="9.33337" y="36"></rect><rect x="12.3334" y="36"></rect><rect x="15.3334" y="36"></rect><rect x="18.3334" y="36"></rect><rect x="21.3334" y="36"></rect><rect x="24.3334" y="36"></rect><rect x="27.3334" y="36"></rect><rect x="30.3334" y="36"></rect><rect x="33.3334" y="36"></rect><rect x="36.3334" y="36"></rect><rect x="42.3334" y="36"></rect><rect x="45.3334" y="36"></rect><rect x="48.3334" y="36"></rect><rect x="54.3334" y="36"></rect><rect x="57.3334" y="36"></rect><rect x="60.3334" y="36"></rect><rect x="63.3334" y="36"></rect><rect x="66.3334" y="36"></rect><rect x="69.3334" y="36"></rect><rect x="72.3334" y="36"></rect><rect x="75.3334" y="36"></rect><rect x="78.3334" y="36"></rect><rect x="81.3334" y="36"></rect><rect x="84.3334" y="36"></rect><rect x="87.3334" y="36"></rect><rect x="90.3334" y="36"></rect><rect x="93.3334" y="36"></rect><rect x="150.333" y="36"></rect><rect x="0.333374" y="33"></rect><rect x="3.33337" y="33"></rect><rect x="6.33337" y="33"></rect><rect x="9.33337" y="33"></rect><rect x="12.3334" y="33"></rect><rect x="15.3334" y="33"></rect><rect x="18.3334" y="33"></rect><rect x="21.3334" y="33"></rect><rect x="24.3334" y="33"></rect><rect x="27.3334" y="33"></rect><rect x="30.3334" y="33"></rect><rect x="33.3334" y="33"></rect><rect x="36.3334" y="33"></rect><rect x="39.3334" y="33"></rect><rect x="42.3334" y="33"></rect><rect x="45.3334" y="33"></rect><rect x="48.3334" y="33"></rect><rect x="51.3334" y="33"></rect><rect x="54.3334" y="33"></rect><rect x="51.3334" y="36"></rect><rect x="57.3334" y="33"></rect><rect x="60.3334" y="33"></rect><rect x="63.3334" y="33"></rect><rect x="66.3334" y="33"></rect><rect x="69.3334" y="33"></rect><rect x="72.3334" y="33"></rect><rect x="75.3334" y="33"></rect><rect x="78.3334" y="33"></rect><rect x="81.3334" y="33"></rect><rect x="84.3334" y="33"></rect><rect x="87.3334" y="33"></rect><rect x="90.3334" y="33"></rect><rect x="3.33337" y="30"></rect><rect x="6.33337" y="30"></rect><rect x="9.33337" y="30"></rect><rect x="12.3334" y="30"></rect><rect x="15.3334" y="30"></rect><rect x="18.3334" y="30"></rect><rect x="24.3334" y="30"></rect><rect x="27.3334" y="30"></rect><rect x="30.3334" y="30"></rect><rect x="33.3334" y="30"></rect><rect x="36.3334" y="30"></rect><rect x="39.3334" y="30"></rect><rect x="42.3334" y="30"></rect><rect x="45.3334" y="30"></rect><rect x="48.3334" y="30"></rect><rect x="51.3334" y="30"></rect><rect x="54.3334" y="30"></rect><rect x="57.3334" y="30"></rect><rect x="60.3334" y="30"></rect><rect x="63.3334" y="30"></rect><rect x="66.3334" y="30"></rect><rect x="69.3334" y="30"></rect><rect x="72.3334" y="30"></rect><rect x="75.3334" y="30"></rect><rect x="78.3334" y="30"></rect><rect x="81.3334" y="30"></rect><rect x="84.3334" y="30"></rect><rect x="87.3334" y="30"></rect><rect x="6.33337" y="27"></rect><rect x="9.33337" y="27"></rect><rect x="12.3334" y="27"></rect><rect x="15.3334" y="27"></rect><rect x="21.3334" y="27"></rect><rect x="24.3334" y="27"></rect><rect x="27.3334" y="27"></rect><rect x="30.3334" y="27"></rect><rect x="33.3334" y="27"></rect><rect x="36.3334" y="27"></rect><rect x="39.3334" y="27"></rect><rect x="42.3334" y="27"></rect><rect x="45.3334" y="27"></rect><rect x="48.3334" y="27"></rect><rect x="51.3334" y="27"></rect><rect x="54.3334" y="27"></rect><rect x="60.3334" y="27"></rect><rect x="63.3334" y="27"></rect><rect x="66.3334" y="27"></rect><rect x="69.3334" y="27"></rect><rect x="72.3334" y="27"></rect><rect x="75.3334" y="27"></rect><rect x="78.3334" y="27"></rect><rect x="81.3334" y="27"></rect><rect x="84.3334" y="27"></rect><rect x="9.33337" y="24"></rect><rect x="12.3334" y="24"></rect><rect x="21.3334" y="24"></rect><rect x="24.3334" y="24"></rect><rect x="27.3334" y="24"></rect><rect x="30.3334" y="24"></rect><rect x="33.3334" y="24"></rect><rect x="36.3334" y="24"></rect><rect x="39.3334" y="24"></rect><rect x="42.3334" y="24"></rect><rect x="45.3334" y="24"></rect><rect x="48.3334" y="24"></rect><rect x="51.3334" y="24"></rect><rect x="63.3334" y="24"></rect><rect x="66.3334" y="24"></rect><rect x="69.3334" y="24"></rect><rect x="72.3334" y="24"></rect><rect x="75.3334" y="24"></rect><rect x="78.3334" y="24"></rect><rect x="81.3334" y="24"></rect><rect x="18.3334" y="21"></rect><rect x="21.3334" y="21"></rect><rect x="24.3334" y="21"></rect><rect x="27.3334" y="21"></rect><rect x="30.3334" y="21"></rect><rect x="33.3334" y="21"></rect><rect x="36.3334" y="21"></rect><rect x="39.3334" y="21"></rect><rect x="42.3334" y="21"></rect><rect x="45.3334" y="21"></rect><rect x="48.3334" y="21"></rect><rect x="66.3334" y="21"></rect><rect x="69.3334" y="21"></rect><rect x="72.3334" y="21"></rect><rect x="75.3334" y="21"></rect><rect x="78.3334" y="21"></rect><rect x="15.3334" y="18"></rect><rect x="18.3334" y="18"></rect><rect x="21.3334" y="18"></rect><rect x="24.3334" y="18"></rect><rect x="27.3334" y="18"></rect><rect x="30.3334" y="18"></rect><rect x="33.3334" y="18"></rect><rect x="36.3334" y="18"></rect><rect x="39.3334" y="18"></rect><rect x="42.3334" y="18"></rect><rect x="45.3334" y="18"></rect><rect x="69.3334" y="18"></rect><rect x="72.3334" y="18"></rect><rect x="75.3334" y="18"></rect><rect x="18.3334" y="15"></rect><rect x="21.3334" y="15"></rect><rect x="24.3334" y="15"></rect><rect x="27.3334" y="15"></rect><rect x="30.3334" y="15"></rect><rect x="33.3334" y="15"></rect><rect x="36.3334" y="15"></rect><rect x="39.3334" y="15"></rect><rect x="42.3334" y="15"></rect><rect x="72.3334" y="15"></rect><rect x="21.3334" y="12"></rect><rect x="24.3334" y="12"></rect><rect x="27.3334" y="12"></rect><rect x="30.3334" y="12"></rect><rect x="33.3334" y="12"></rect><rect x="36.3334" y="12"></rect><rect x="39.3334" y="12"></rect><rect x="24.3334" y="9"></rect><rect x="27.3334" y="9"></rect><rect x="30.3334" y="9"></rect><rect x="33.3334" y="9"></rect><rect x="36.3334" y="9"></rect><rect x="27.3334" y="6"></rect><rect x="30.3334" y="6"></rect><rect x="33.3334" y="6"></rect><rect x="141.333" y="9"></rect><rect x="144.333" y="9"></rect><rect x="30.3334" y="3"></rect><rect x="138.333" y="6"></rect><rect x="141.333" y="6"></rect><rect x="144.333" y="6"></rect><rect x="147.333" y="6"></rect><rect x="138.333" y="3"></rect><rect x="141.333" y="3"></rect><rect x="144.333" y="3"></rect><rect x="147.333" y="3"></rect><rect x="141.333"></rect><rect x="144.333"></rect></g></svg></div></div><div class="animated-optimizations_window__CjM85" data-variant="small" style="opacity:0;transform:translateX(-32px) translateY(32px) translateZ(0)"><div class="animated-optimizations_shine__gqBfJ" data-animate="false" style="--delay:1.5s"></div><div class="stack_stack__iZkUS stack" data-version="v1" style="--stack-flex:initial;--stack-direction:column;--stack-align:center;--stack-justify:flex-start;--stack-padding:0px;--stack-gap:0px" data-header="true"><div data-label="true">375px</div></div><div data-content="true"><svg data-fill="true" fill="none" height="46" viewBox="0 0 102 46" width="102"><g fill="black" fill-opacity="0.25"><rect y="44.5"></rect><rect y="40.5"></rect><rect y="36.5"></rect><rect y="32.5"></rect><rect y="28.5"></rect><rect y="24.5"></rect><rect x="4" y="44.5"></rect><rect x="4" y="40.5"></rect><rect x="4" y="36.5"></rect><rect x="4" y="32.5"></rect><rect x="4" y="28.5"></rect><rect x="4" y="24.5"></rect><rect x="4" y="20.5"></rect><rect x="8" y="44.5"></rect><rect x="8" y="40.5"></rect><rect x="8" y="36.5"></rect><rect x="8" y="32.5"></rect><rect x="8" y="28.5"></rect><rect x="8" y="24.5"></rect><rect x="8" y="20.5"></rect><rect x="12" y="44.5"></rect><rect x="12" y="40.5"></rect><rect x="12" y="32.5"></rect><rect x="12" y="28.5"></rect><rect x="12" y="24.5"></rect><rect x="12" y="16.5"></rect><rect x="12" y="12.5"></rect><rect x="16" y="44.5"></rect><rect x="16" y="40.5"></rect><rect x="16" y="36.5"></rect><rect x="16" y="32.5"></rect><rect x="16" y="28.5"></rect><rect x="16" y="24.5"></rect><rect x="16" y="20.5"></rect><rect x="16" y="16.5"></rect><rect x="16" y="12.5"></rect><rect x="16" y="8.5"></rect><rect x="20" y="44.5"></rect><rect x="20" y="40.5"></rect><rect x="20" y="36.5"></rect><rect x="20" y="32.5"></rect><rect x="20" y="28.5"></rect><rect x="20" y="24.5"></rect><rect x="20" y="20.5"></rect><rect x="20" y="16.5"></rect><rect x="20" y="12.5"></rect><rect x="20" y="8.5"></rect><rect x="20" y="4.5"></rect><rect x="24" y="44.5"></rect><rect x="24" y="40.5"></rect><rect x="24" y="36.5"></rect><rect x="24" y="32.5"></rect><rect x="24" y="28.5"></rect><rect x="24" y="24.5"></rect><rect x="24" y="20.5"></rect><rect x="24" y="16.5"></rect><rect x="24" y="12.5"></rect><rect x="24" y="8.5"></rect><rect x="28" y="44.5"></rect><rect x="28" y="40.5"></rect><rect x="28" y="36.5"></rect><rect x="28" y="32.5"></rect><rect x="28" y="24.5"></rect><rect x="28" y="20.5"></rect><rect x="28" y="16.5"></rect><rect x="28" y="12.5"></rect><rect x="32" y="44.5"></rect><rect x="32" y="40.5"></rect><rect x="32" y="36.5"></rect><rect x="32" y="28.5"></rect><rect x="32" y="24.5"></rect><rect x="32" y="20.5"></rect><rect x="32" y="16.5"></rect><rect x="36" y="44.5"></rect><rect x="36" y="40.5"></rect><rect x="36" y="36.5"></rect><rect x="36" y="32.5"></rect><rect x="36" y="28.5"></rect><rect x="36" y="24.5"></rect><rect x="36" y="20.5"></rect><rect x="40" y="44.5"></rect><rect x="40" y="40.5"></rect><rect x="40" y="36.5"></rect><rect x="40" y="32.5"></rect><rect x="40" y="28.5"></rect><rect x="40" y="24.5"></rect><rect x="40" y="20.5"></rect><rect x="44" y="44.5"></rect><rect x="44" y="40.5"></rect><rect x="44" y="36.5"></rect><rect x="44" y="32.5"></rect><rect x="44" y="28.5"></rect><rect x="44" y="24.5"></rect><rect x="44" y="20.5"></rect><rect x="44" y="16.5"></rect><rect x="48" y="44.5"></rect><rect x="48" y="40.5"></rect><rect x="48" y="36.5"></rect><rect x="48" y="32.5"></rect><rect x="48" y="28.5"></rect><rect x="48" y="24.5"></rect><rect x="48" y="20.5"></rect><rect x="48" y="16.5"></rect><rect x="48" y="12.5"></rect><rect x="52" y="44.5"></rect><rect x="52" y="40.5"></rect><rect x="52" y="36.5"></rect><rect x="52" y="32.5"></rect><rect x="52" y="28.5"></rect><rect x="52" y="24.5"></rect><rect x="52" y="20.5"></rect><rect x="52" y="16.5"></rect><rect x="56" y="44.5"></rect><rect x="56" y="40.5"></rect><rect x="56" y="36.5"></rect><rect x="56" y="32.5"></rect><rect x="56" y="28.5"></rect><rect x="56" y="20.5"></rect><rect x="60" y="44.5"></rect><rect x="60" y="40.5"></rect><rect x="60" y="32.5"></rect><rect x="60" y="28.5"></rect><rect x="60" y="24.5"></rect><rect x="64" y="44.5"></rect><rect x="64" y="40.5"></rect><rect x="64" y="36.5"></rect><rect x="64" y="28.5"></rect><rect x="68" y="44.5"></rect><rect x="68" y="40.5"></rect><rect x="68" y="36.5"></rect><rect x="68" y="32.5"></rect><rect x="72" y="44.5"></rect><rect x="72" y="40.5"></rect><rect x="72" y="36.5"></rect><rect x="72" y="32.5"></rect><rect x="72" y="28.5"></rect><rect x="76" y="44.5"></rect><rect x="92" y="44.5"></rect><rect x="96" y="44.5"></rect><rect x="100" y="44.5"></rect><rect x="76" y="40.5"></rect><rect x="84" y="40.5"></rect><rect x="84" y="44.5"></rect><rect x="92" y="40.5"></rect><rect x="100" y="40.5"></rect><rect x="76" y="36.5"></rect><rect x="92" y="36.5"></rect><rect x="100" y="36.5"></rect><rect x="76" y="32.5"></rect><rect x="88" y="32.5"></rect><rect x="92" y="32.5"></rect><rect x="96" y="40.5"></rect><rect x="100" y="32.5"></rect><rect x="96" y="36.5"></rect><rect x="100" y="28.5"></rect><rect x="80" y="36.5"></rect><rect x="88" y="44.5"></rect><rect x="96" y="32.5"></rect><rect x="100" y="24.5"></rect><rect x="80" y="40.5"></rect><rect x="88" y="40.5"></rect><rect x="80" y="44.5"></rect><rect x="88" y="36.5"></rect><rect x="96" y="8.5"></rect><rect x="92" y="4.5"></rect><rect x="96" y="4.5"></rect><rect x="100" y="4.5"></rect><rect x="96" y="0.5"></rect></g></svg></div></div></div></div><div class="stack_stack__iZkUS stack" data-version="v1" style="--stack-flex:initial;--stack-direction:row;--stack-align:center;--stack-justify:flex-start;--stack-padding:0px;--stack-gap:8px" data-title="true"><span>Built-in Optimizations</span></div><div data-subtitle="true">Automatic Image, Font, and Script Optimizations for improved UX and Core Web Vitals.</div></a><!--/$--><a aria-label="Data Fetching" class="features_card__xYla9" data-variant="minimal" href="/docs/app/building-your-application/data-fetching"><div class="stack_stack__iZkUS stack" data-version="v1" style="--stack-flex:initial;--stack-direction:row;--stack-align:center;--stack-justify:flex-start;--stack-padding:0px;--stack-gap:8px" data-title="true"><span>Data Fetching</span></div><div data-subtitle="true">Make your React component async and await your data. Next.js supports both server and client data fetching.</div></a><a aria-label="Server Actions" class="features_card__xYla9" data-variant="minimal" href="/docs/app/building-your-application/data-fetching/forms-and-mutations"><div class="stack_stack__iZkUS stack" data-version="v1" style="--stack-flex:initial;--stack-direction:row;--stack-align:center;--stack-justify:flex-start;--stack-padding:0px;--stack-gap:8px" data-title="true"><span>Server Actions</span></div><div data-subtitle="true">Run server code by calling a function. Skip the API. Then, easily revalidate cached data and update your UI in one network roundtrip.</div></a><a aria-label="Advanced Routing &amp; Nested Layouts" class="features_card__xYla9" data-variant="minimal" href="/docs/app/building-your-application/routing"><div class="stack_stack__iZkUS stack" data-version="v1" style="--stack-flex:initial;--stack-direction:row;--stack-align:center;--stack-justify:flex-start;--stack-padding:0px;--stack-gap:8px" data-title="true"><span>Advanced Routing &amp; Nested Layouts</span></div><div data-subtitle="true">Create routes using the file system, including support for more advanced routing patterns and UI layouts.</div></a></div><div data-column="true"><!--$--><a aria-label="Dynamic HTML Streaming" class="features_card__xYla9" data-variant="callout" href="/docs/app/building-your-application/routing/loading-ui-and-streaming"><div data-illustration="true"><div class="animated-streaming_root__gIlRt"><svg class="animated-streaming_grid__LB6Qj" height="258" viewBox="0 0 392 258" width="392"><g opacity="0.08" stroke="var(--geist-foreground)" stroke-dasharray="1 1"><line x2="392" y1="15.5" y2="15.5"></line><line x2="392" y1="31.5" y2="31.5"></line><line x2="392" y1="47.5" y2="47.5"></line><line x2="392" y1="63.5" y2="63.5"></line><line x2="392" y1="79.5" y2="79.5"></line><line x2="392" y1="95.5" y2="95.5"></line><line x2="392" y1="111.5" y2="111.5"></line><line x2="392" y1="127.5" y2="127.5"></line><line x2="392" y1="143.5" y2="143.5"></line><line x2="392" y1="159.5" y2="159.5"></line><line x2="392" y1="175.5" y2="175.5"></line><line x2="392" y1="191.5" y2="191.5"></line><line x2="392" y1="207.5" y2="207.5"></line><line x2="392" y1="223.5" y2="223.5"></line><line x2="392" y1="239.5" y2="239.5"></line><line x2="392" y1="255.5" y2="255.5"></line><line x1="11.9999" x2="11.9999" y1="2.18557e-08" y2="256"></line><line x1="27.9999" x2="27.9999" y1="2.18557e-08" y2="256"></line><line x1="43.9999" x2="43.9999" y1="2.18557e-08" y2="256"></line><line x1="59.9999" x2="59.9999" y1="2.18557e-08" y2="256"></line><line x1="75.9999" x2="75.9999" y1="2.18557e-08" y2="256"></line><line x1="91.9999" x2="91.9999" y1="2.18557e-08" y2="256"></line><line x1="108" x2="108" y1="2.18557e-08" y2="256"></line><line x1="124" x2="124" y1="2.18557e-08" y2="256"></line><line x1="140" x2="140" y1="2.18557e-08" y2="256"></line><line x1="156" x2="156" y1="2.18557e-08" y2="256"></line><line x1="172" x2="172" y1="2.18557e-08" y2="256"></line><line x1="188" x2="188" y1="2.18557e-08" y2="256"></line><line x1="204" x2="204" y1="2.18557e-08" y2="256"></line><line x1="220" x2="220" y1="2.18557e-08" y2="256"></line><line x1="236" x2="236" y1="2.18557e-08" y2="256"></line><line x1="252" x2="252" y1="2.18557e-08" y2="256"></line><line x1="268" x2="268" y1="2.18557e-08" y2="256"></line><line x1="284" x2="284" y1="2.18557e-08" y2="256"></line><line x1="300" x2="300" y1="2.18557e-08" y2="256"></line><line x1="316" x2="316" y1="2.18557e-08" y2="256"></line><line x1="332" x2="332" y1="2.18557e-08" y2="256"></line><line x1="348" x2="348" y1="2.18557e-08" y2="256"></line><line x1="364" x2="364" y1="2.18557e-08" y2="256"></line><line x1="380" x2="380" y1="2.18557e-08" y2="256"></line></g></svg><div class="animated-streaming_window__8eDmq"><div data-toolbar="true"><div data-control="true"></div><div data-control="true"></div><div data-control="true"></div></div><div data-content="true"><div class="stack_stack__iZkUS stack" data-version="v1" style="--stack-flex:initial;--stack-direction:row;--stack-align:stretch;--stack-justify:flex-start;--stack-padding:0px;--stack-gap:16px"><div class="stack_stack__iZkUS stack" data-version="v1" style="--stack-flex:initial;--stack-direction:column;--stack-align:stretch;--stack-justify:flex-start;--stack-padding:0px;--stack-gap:8px" data-column-first="true"><div data-avatar="true"><svg aria-label="Vercel logomark" height="10" role="img" style="width:auto;overflow:visible" viewBox="0 0 74 64"><path d="M37.5896 0.25L74.5396 64.25H0.639648L37.5896 0.25Z" fill="var(--accents-3)"></path></svg></div><div class="stack_stack__iZkUS stack" data-version="v1" style="--stack-flex:initial;--stack-direction:column;--stack-align:stretch;--stack-justify:flex-start;--stack-padding:0px;--stack-gap:4px"><div data-line="true" data-size="full"></div><div data-line="true" data-size="half" data-variant="dim"></div><div data-line="true" data-variant="dim"></div><div data-line="true" data-variant="dim"></div><div data-line="true" data-size="half" data-variant="dim"></div></div></div><div data-column-second="true"><div class="stack_stack__iZkUS stack" data-version="v1" style="--stack-flex:initial;--stack-direction:row;--stack-align:center;--stack-justify:space-between;--stack-padding:0px;--stack-gap:0px" data-header="true"><div data-avatar="true"></div><div data-btn="true"></div></div><div class="stack_stack__iZkUS stack" data-version="v1" style="--stack-flex:initial;--stack-direction:row;--stack-align:center;--stack-justify:flex-start;--stack-padding:0px;--stack-gap:4px" data-nav="true"><div data-line="true" style="width:16px"></div><div data-line="true" data-variant="dim"></div></div><div data-rectangles="true"><div><div data-rectangle="true"></div><div data-rectangle="true"></div><div data-rectangle="true"></div></div><div><div data-rectangle="true" data-size="large"></div><div data-rectangle="true" data-size="large"></div><div data-rectangle="true" data-size="large"></div></div></div></div></div></div></div><svg class="animated-streaming_pulse__Ri1UL" data-position="bottom-left" fill="none" height="35" viewBox="0 0 237 35" width="237"><path stroke="url(#:Rk9idsmklfb:)" stroke-linecap="round" stroke-width="2" d="M0.5 33.4999L59 33.5C59.5523 33.5 60 33.0619 60 32.5096C60 28.5146 60 13.282 60 2.49741C60 1.94512 60.4477 1.49997 61 1.49997L91 1.49997C91.5523 1.49997 92 1.94769 92 2.49997L92 10C92 14.1422 95.3579 17.5 99.5 17.5L236 17.5001"></path><defs><linearGradient gradientUnits="userSpaceOnUse" id=":Rk9idsmklfb:" x1="0" x2="-60" y1="40" y2="120"><stop stop-color="#3291FF" stop-opacity="0"></stop><stop stop-color="#3291FF"></stop><stop offset="1" stop-color="#61DAFB" stop-opacity="0"></stop></linearGradient></defs></svg><svg class="animated-streaming_pulse__Ri1UL" data-position="bottom-right" fill="none" height="67" viewBox="0 0 221 67" width="221"><path stroke="url(#:Rs9idsmklfb:)" stroke-linecap="round" stroke-width="2" d="M220.5 1.5H178C177.448 1.5 177 1.94772 177 2.5V32.5C177 33.0523 176.552 33.5 176 33.5H130C129.448 33.5 129 33.9477 129 34.5V58C129 62.1421 125.642 65.5 121.5 65.5H1"></path><defs><linearGradient gradientUnits="userSpaceOnUse" id=":Rs9idsmklfb:" x1="220" x2="259" y1="0" y2="0"><stop stop-color="#3291FF" stop-opacity="0"></stop><stop stop-color="#3291FF"></stop><stop offset="1" stop-color="#61DAFB" stop-opacity="0"></stop></linearGradient></defs></svg><svg class="animated-streaming_pulse__Ri1UL" data-position="top-left" fill="none" height="51" viewBox="0 0 237 51" width="237"><path stroke="url(#:R149idsmklfb:)" stroke-linecap="round" stroke-width="2" d="M0.5 1.5L43 1.5C43.5523 1.5 44 1.94772 44 2.5L44 48.5C44 49.0523 44.4477 49.5 45 49.5L91 49.5C91.5523 49.5 92 49.0523 92 48.5L92 41C92 36.8579 95.3579 33.5 99.5 33.5L236 33.5"></path><defs><linearGradient gradientUnits="userSpaceOnUse" id=":R149idsmklfb:" x1="0" x2="-40" y1="0" y2="-40"><stop stop-color="#3291FF" stop-opacity="0"></stop><stop stop-color="#3291FF"></stop><stop offset="1" stop-color="#61DAFB" stop-opacity="0"></stop></linearGradient></defs></svg><svg class="animated-streaming_pulse__Ri1UL" data-position="top-right" fill="none" height="209" viewBox="0 0 130 209" width="130"><path stroke="url(#:R1c9idsmklfb:)" stroke-linecap="round" stroke-width="2" d="M129 0.5V95C129 95.5523 128.552 96 128 96H66C65.4477 96 65 96.4477 65 97V200C65 204.142 61.6421 207.5 57.5 207.5H1"></path><defs><linearGradient gradientUnits="userSpaceOnUse" id=":R1c9idsmklfb:" x1="0" x2="0" y1="0" y2="-40"><stop stop-color="#3291FF" stop-opacity="0"></stop><stop stop-color="#3291FF"></stop><stop offset="1" stop-color="#61DAFB" stop-opacity="0"></stop></linearGradient></defs></svg></div></div><div class="stack_stack__iZkUS stack" data-version="v1" style="--stack-flex:initial;--stack-direction:row;--stack-align:center;--stack-justify:flex-start;--stack-padding:0px;--stack-gap:8px" data-title="true"><span>Dynamic HTML Streaming</span></div><div data-subtitle="true">Instantly stream UI from the server, integrated with the App Router and React Suspense.</div></a><!--/$--><a aria-label="CSS Support" class="features_card__xYla9" data-variant="minimal" href="/docs/app/building-your-application/styling"><div class="stack_stack__iZkUS stack" data-version="v1" style="--stack-flex:initial;--stack-direction:row;--stack-align:center;--stack-justify:flex-start;--stack-padding:0px;--stack-gap:8px" data-title="true"><span>CSS Support</span></div><div data-subtitle="true">Style your application with your favorite tools, including support for CSS Modules, Tailwind CSS, and popular community libraries.</div></a><a aria-label="Route Handlers" class="features_card__xYla9" data-variant="minimal" href="/docs/app/building-your-application/routing/router-handlers"><div class="stack_stack__iZkUS stack" data-version="v1" style="--stack-flex:initial;--stack-direction:row;--stack-align:center;--stack-justify:flex-start;--stack-padding:0px;--stack-gap:8px" data-title="true"><span>Route Handlers</span></div><div data-subtitle="true">Build API endpoints to securely connect with third-party services for handling auth or listening for webhooks.</div></a><a aria-label="Middleware" class="features_card__xYla9" data-variant="minimal" href="/docs/app/building-your-application/routing/middleware"><div class="stack_stack__iZkUS stack" data-version="v1" style="--stack-flex:initial;--stack-direction:row;--stack-align:center;--stack-justify:flex-start;--stack-padding:0px;--stack-gap:8px" data-title="true"><span>Middleware</span></div><div data-subtitle="true">Take control of the incoming request. Use code to define routing and access rules for authentication, experimentation, and internationalization.</div></a></div><div data-column="true"><a aria-label="React Server Components" class="features_card__xYla9" data-variant="callout" href="/docs/app/building-your-application/rendering/server-components"><div data-illustration="true"><img alt="A tree structure of 3D spheres are connected by lines" loading="lazy" width="268" height="212" decoding="async" data-nimg="1" class="features_lightMode__IoMFZ" style="color:transparent" srcSet="/_next/image?url=https%3A%2F%2Fassets.vercel.com%2Fimage%2Fupload%2Ffront%2Fnextjs%2Fspheres-light.png&amp;w=300&amp;q=100&amp;dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw 1x, /_next/image?url=https%3A%2F%2Fassets.vercel.com%2Fimage%2Fupload%2Ffront%2Fnextjs%2Fspheres-light.png&amp;w=640&amp;q=100&amp;dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw 2x" src="/_next/image?url=https%3A%2F%2Fassets.vercel.com%2Fimage%2Fupload%2Ffront%2Fnextjs%2Fspheres-light.png&amp;w=640&amp;q=100&amp;dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw"/><img alt="A tree structure of 3D spheres are connected by lines" loading="lazy" width="268" height="212" decoding="async" data-nimg="1" class="features_darkMode__90_Sh" style="color:transparent" srcSet="/_next/image?url=https%3A%2F%2Fassets.vercel.com%2Fimage%2Fupload%2Ffront%2Fnextjs%2Fspheres-dark.png&amp;w=300&amp;q=100&amp;dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw 1x, /_next/image?url=https%3A%2F%2Fassets.vercel.com%2Fimage%2Fupload%2Ffront%2Fnextjs%2Fspheres-dark.png&amp;w=640&amp;q=100&amp;dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw 2x" src="/_next/image?url=https%3A%2F%2Fassets.vercel.com%2Fimage%2Fupload%2Ffront%2Fnextjs%2Fspheres-dark.png&amp;w=640&amp;q=100&amp;dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw"/></div><div class="stack_stack__iZkUS stack" data-version="v1" style="--stack-flex:initial;--stack-direction:row;--stack-align:center;--stack-justify:flex-start;--stack-padding:0px;--stack-gap:8px" data-title="true"><span>React Server Components</span></div><div data-subtitle="true">Add components without sending additional client-side JavaScript. Built on the latest React features.</div></a><a aria-label="Client and Server Rendering" class="features_card__xYla9" data-variant="minimal" href="/docs/app/building-your-application/rendering"><div class="stack_stack__iZkUS stack" data-version="v1" style="--stack-flex:initial;--stack-direction:row;--stack-align:center;--stack-justify:flex-start;--stack-padding:0px;--stack-gap:8px" data-title="true"><span>Client and Server Rendering</span></div><div data-subtitle="true">Flexible rendering and caching options, including Incremental Static Regeneration (ISR), on a per-page level.</div></a><!--$--><a aria-label="Next.js 15" class="features_card__xYla9" data-variant="next" href="/blog/next-15"><div data-illustration="true"><div class="features_switchboard__F11Mv" style="--columns:18;--transition-duration:250ms"><div data-index="0" data-light="true" data-state="off"></div><div data-index="1" data-light="true" data-state="off"></div><div data-index="2" data-light="true" data-state="off"></div><div data-index="3" data-light="true" data-state="off"></div><div data-index="4" data-light="true" data-state="off"></div><div data-index="5" data-light="true" data-state="off"></div><div data-index="6" data-light="true" data-state="off"></div><div data-index="7" data-light="true" data-state="off"></div><div data-index="8" data-light="true" data-state="off"></div><div data-index="9" data-light="true" data-state="off"></div><div data-index="10" data-light="true" data-state="off"></div><div data-index="11" data-light="true" data-state="off"></div><div data-index="12" data-light="true" data-state="off"></div><div data-index="13" data-light="true" data-state="off"></div><div data-index="14" data-light="true" data-state="off"></div><div data-index="15" data-light="true" data-state="off"></div><div data-index="16" data-light="true" data-state="off"></div><div data-index="17" data-light="true" data-state="off"></div><div data-index="18" data-light="true" data-state="off"></div><div data-index="19" data-light="true" data-state="off"></div><div data-index="20" data-light="true" data-state="off"></div><div data-index="21" data-light="true" data-state="off"></div><div data-index="22" data-light="true" data-state="off"></div><div data-index="23" data-light="true" data-state="off"></div><div data-index="24" data-light="true" data-state="off"></div><div data-index="25" data-light="true" data-state="off"></div><div data-index="26" data-light="true" data-state="off"></div><div data-index="27" data-light="true" data-state="off"></div><div data-index="28" data-light="true" data-state="off"></div><div data-index="29" data-light="true" data-state="off"></div><div data-index="30" data-light="true" data-state="off"></div><div data-index="31" data-light="true" data-state="off"></div><div data-index="32" data-light="true" data-state="off"></div><div data-index="33" data-light="true" data-state="off"></div><div data-index="34" data-light="true" data-state="off"></div><div data-index="35" data-light="true" data-state="off"></div><div data-index="36" data-light="true" data-state="off"></div><div data-index="37" data-light="true" data-state="off"></div><div data-index="38" data-light="true" data-state="off"></div><div data-index="39" data-light="true" data-state="off"></div><div data-index="40" data-light="true" data-state="off"></div><div data-index="41" data-light="true" data-state="off"></div><div data-index="42" data-light="true" data-state="off"></div><div data-index="43" data-light="true" data-state="off"></div><div data-index="44" data-light="true" data-state="off"></div><div data-index="45" data-light="true" data-state="off"></div><div data-index="46" data-light="true" data-state="off"></div><div data-index="47" data-light="true" data-state="off"></div><div data-index="48" data-light="true" data-state="off"></div><div data-index="49" data-light="true" data-state="off"></div><div data-index="50" data-light="true" data-state="off"></div><div data-index="51" data-light="true" data-state="off"></div><div data-index="52" data-light="true" data-state="off"></div><div data-index="53" data-light="true" data-state="off"></div><div data-index="54" data-light="true" data-state="off"></div><div data-index="55" data-light="true" data-state="off"></div><div data-index="56" data-light="true" data-state="off"></div><div data-index="57" data-light="true" data-state="off"></div><div data-index="58" data-light="true" data-state="off"></div><div data-index="59" data-light="true" data-state="off"></div><div data-index="60" data-light="true" data-state="off"></div><div data-index="61" data-light="true" data-state="off"></div><div data-index="62" data-light="true" data-state="off"></div><div data-index="63" data-light="true" data-state="off"></div><div data-index="64" data-light="true" data-state="off"></div><div data-index="65" data-light="true" data-state="off"></div><div data-index="66" data-light="true" data-state="off"></div><div data-index="67" data-light="true" data-state="off"></div><div data-index="68" data-light="true" data-state="off"></div><div data-index="69" data-light="true" data-state="off"></div><div data-index="70" data-light="true" data-state="off"></div><div data-index="71" data-light="true" data-state="off"></div><div data-index="72" data-light="true" data-state="off"></div><div data-index="73" data-light="true" data-state="off"></div><div data-index="74" data-light="true" data-state="off"></div><div data-index="75" data-light="true" data-state="off"></div><div data-index="76" data-light="true" data-state="off"></div><div data-index="77" data-light="true" data-state="off"></div><div data-index="78" data-light="true" data-state="off"></div><div data-index="79" data-light="true" data-state="off"></div><div data-index="80" data-light="true" data-state="off"></div><div data-index="81" data-light="true" data-state="off"></div><div data-index="82" data-light="true" data-state="off"></div><div data-index="83" data-light="true" data-state="off"></div><div data-index="84" data-light="true" data-state="off"></div><div data-index="85" data-light="true" data-state="off"></div><div data-index="86" data-light="true" data-state="off"></div><div data-index="87" data-light="true" data-state="off"></div><div data-index="88" data-light="true" data-state="off"></div><div data-index="89" data-light="true" data-state="off"></div></div></div><div class="stack_stack__iZkUS stack" data-version="v1" style="--stack-flex:initial;--stack-direction:row;--stack-align:center;--stack-justify:flex-start;--stack-padding:0px;--stack-gap:8px" data-title="true"><span>Next.js 15</span></div><div data-subtitle="true">The power of full-stack to the frontend. Read the release notes.</div><div class="stack_stack__iZkUS stack" data-version="v1" style="--stack-flex:initial;--stack-direction:column;--stack-align:center;--stack-justify:center;--stack-padding:0px;--stack-gap:0px" data-button="true"><svg class="text-white" data-testid="geist-icon" fill="none" height="24" shape-rendering="geometricPrecision" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" width="24" style="color:currentColor;width:16px;height:16px"><path d="M5 12h14"/><path d="M12 5l7 7-7 7"/></svg></div></a><!--/$--></div></div><div class="features_grid__4rdKV" data-columns="2"><div data-column="true"><!--$--><a aria-label="Built-in Optimizations" class="features_card__xYla9" data-variant="callout" href="/docs/app/building-your-application/optimizing/images"><div data-illustration="true"><img alt="Three abstract images are resized at three different sizes and stacked on top of each other" loading="lazy" width="278" height="211" decoding="async" data-nimg="1" class="features_lightMode__IoMFZ" style="color:transparent" srcSet="/_next/image?url=https%3A%2F%2Fassets.vercel.com%2Fimage%2Fupload%2Ffront%2Fnextjs%2Fwindows-light.png&amp;w=300&amp;q=100&amp;dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw 1x, /_next/image?url=https%3A%2F%2Fassets.vercel.com%2Fimage%2Fupload%2Ffront%2Fnextjs%2Fwindows-light.png&amp;w=640&amp;q=100&amp;dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw 2x" src="/_next/image?url=https%3A%2F%2Fassets.vercel.com%2Fimage%2Fupload%2Ffront%2Fnextjs%2Fwindows-light.png&amp;w=640&amp;q=100&amp;dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw"/><img alt="Three abstract images are resized at three different sizes and stacked on top of each other" loading="lazy" width="278" height="211" decoding="async" data-nimg="1" class="features_darkMode__90_Sh" style="color:transparent" srcSet="/_next/image?url=https%3A%2F%2Fassets.vercel.com%2Fimage%2Fupload%2Ffront%2Fnextjs%2Fwindows-dark.png&amp;w=300&amp;q=100&amp;dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw 1x, /_next/image?url=https%3A%2F%2Fassets.vercel.com%2Fimage%2Fupload%2Ffront%2Fnextjs%2Fwindows-dark.png&amp;w=640&amp;q=100&amp;dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw 2x" src="/_next/image?url=https%3A%2F%2Fassets.vercel.com%2Fimage%2Fupload%2Ffront%2Fnextjs%2Fwindows-dark.png&amp;w=640&amp;q=100&amp;dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw"/></div><div class="stack_stack__iZkUS stack" data-version="v1" style="--stack-flex:initial;--stack-direction:row;--stack-align:center;--stack-justify:flex-start;--stack-padding:0px;--stack-gap:8px" data-title="true"><span>Built-in Optimizations</span></div><div data-subtitle="true">Automatic Image, Font, and Script Optimizations for improved UX and Core Web Vitals.</div></a><!--/$--><a aria-label="React Server Components" class="features_card__xYla9" data-variant="callout" href="/docs/app/building-your-application/rendering/server-components"><div data-illustration="true"><img alt="A tree structure of 3D spheres are connected by lines" loading="lazy" width="268" height="212" decoding="async" data-nimg="1" class="features_lightMode__IoMFZ" style="color:transparent" srcSet="/_next/image?url=https%3A%2F%2Fassets.vercel.com%2Fimage%2Fupload%2Ffront%2Fnextjs%2Fspheres-light.png&amp;w=300&amp;q=100&amp;dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw 1x, /_next/image?url=https%3A%2F%2Fassets.vercel.com%2Fimage%2Fupload%2Ffront%2Fnextjs%2Fspheres-light.png&amp;w=640&amp;q=100&amp;dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw 2x" src="/_next/image?url=https%3A%2F%2Fassets.vercel.com%2Fimage%2Fupload%2Ffront%2Fnextjs%2Fspheres-light.png&amp;w=640&amp;q=100&amp;dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw"/><img alt="A tree structure of 3D spheres are connected by lines" loading="lazy" width="268" height="212" decoding="async" data-nimg="1" class="features_darkMode__90_Sh" style="color:transparent" srcSet="/_next/image?url=https%3A%2F%2Fassets.vercel.com%2Fimage%2Fupload%2Ffront%2Fnextjs%2Fspheres-dark.png&amp;w=300&amp;q=100&amp;dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw 1x, /_next/image?url=https%3A%2F%2Fassets.vercel.com%2Fimage%2Fupload%2Ffront%2Fnextjs%2Fspheres-dark.png&amp;w=640&amp;q=100&amp;dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw 2x" src="/_next/image?url=https%3A%2F%2Fassets.vercel.com%2Fimage%2Fupload%2Ffront%2Fnextjs%2Fspheres-dark.png&amp;w=640&amp;q=100&amp;dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw"/></div><div class="stack_stack__iZkUS stack" data-version="v1" style="--stack-flex:initial;--stack-direction:row;--stack-align:center;--stack-justify:flex-start;--stack-padding:0px;--stack-gap:8px" data-title="true"><span>React Server Components</span></div><div data-subtitle="true">Add components without sending additional client-side JavaScript. Built on the latest React features.</div></a><a aria-label="Data Fetching" class="features_card__xYla9" data-variant="minimal" href="/docs/app/building-your-application/data-fetching"><div class="stack_stack__iZkUS stack" data-version="v1" style="--stack-flex:initial;--stack-direction:row;--stack-align:center;--stack-justify:flex-start;--stack-padding:0px;--stack-gap:8px" data-title="true"><span>Data Fetching</span></div><div data-subtitle="true">Make your React component async and await your data. Next.js supports both server and client data fetching.</div></a><a aria-label="Server Actions" class="features_card__xYla9" data-variant="minimal" href="/docs/app/building-your-application/data-fetching/forms-and-mutations"><div class="stack_stack__iZkUS stack" data-version="v1" style="--stack-flex:initial;--stack-direction:row;--stack-align:center;--stack-justify:flex-start;--stack-padding:0px;--stack-gap:8px" data-title="true"><span>Server Actions</span></div><div data-subtitle="true">Run server code by calling a function. Skip the API. Then, easily revalidate cached data and update your UI in one network roundtrip.</div></a><a aria-label="Advanced Routing &amp; Nested Layouts" class="features_card__xYla9" data-variant="minimal" href="/docs/app/building-your-application/routing"><div class="stack_stack__iZkUS stack" data-version="v1" style="--stack-flex:initial;--stack-direction:row;--stack-align:center;--stack-justify:flex-start;--stack-padding:0px;--stack-gap:8px" data-title="true"><span>Advanced Routing &amp; Nested Layouts</span></div><div data-subtitle="true">Create routes using the file system, including support for more advanced routing patterns and UI layouts.</div></a></div><div data-column="true"><!--$--><a aria-label="Dynamic HTML Streaming" class="features_card__xYla9" data-variant="callout" href="/docs/app/building-your-application/routing/loading-ui-and-streaming"><div data-illustration="true"><div class="animated-streaming_root__gIlRt"><svg class="animated-streaming_grid__LB6Qj" height="258" viewBox="0 0 392 258" width="392"><g opacity="0.08" stroke="var(--geist-foreground)" stroke-dasharray="1 1"><line x2="392" y1="15.5" y2="15.5"></line><line x2="392" y1="31.5" y2="31.5"></line><line x2="392" y1="47.5" y2="47.5"></line><line x2="392" y1="63.5" y2="63.5"></line><line x2="392" y1="79.5" y2="79.5"></line><line x2="392" y1="95.5" y2="95.5"></line><line x2="392" y1="111.5" y2="111.5"></line><line x2="392" y1="127.5" y2="127.5"></line><line x2="392" y1="143.5" y2="143.5"></line><line x2="392" y1="159.5" y2="159.5"></line><line x2="392" y1="175.5" y2="175.5"></line><line x2="392" y1="191.5" y2="191.5"></line><line x2="392" y1="207.5" y2="207.5"></line><line x2="392" y1="223.5" y2="223.5"></line><line x2="392" y1="239.5" y2="239.5"></line><line x2="392" y1="255.5" y2="255.5"></line><line x1="11.9999" x2="11.9999" y1="2.18557e-08" y2="256"></line><line x1="27.9999" x2="27.9999" y1="2.18557e-08" y2="256"></line><line x1="43.9999" x2="43.9999" y1="2.18557e-08" y2="256"></line><line x1="59.9999" x2="59.9999" y1="2.18557e-08" y2="256"></line><line x1="75.9999" x2="75.9999" y1="2.18557e-08" y2="256"></line><line x1="91.9999" x2="91.9999" y1="2.18557e-08" y2="256"></line><line x1="108" x2="108" y1="2.18557e-08" y2="256"></line><line x1="124" x2="124" y1="2.18557e-08" y2="256"></line><line x1="140" x2="140" y1="2.18557e-08" y2="256"></line><line x1="156" x2="156" y1="2.18557e-08" y2="256"></line><line x1="172" x2="172" y1="2.18557e-08" y2="256"></line><line x1="188" x2="188" y1="2.18557e-08" y2="256"></line><line x1="204" x2="204" y1="2.18557e-08" y2="256"></line><line x1="220" x2="220" y1="2.18557e-08" y2="256"></line><line x1="236" x2="236" y1="2.18557e-08" y2="256"></line><line x1="252" x2="252" y1="2.18557e-08" y2="256"></line><line x1="268" x2="268" y1="2.18557e-08" y2="256"></line><line x1="284" x2="284" y1="2.18557e-08" y2="256"></line><line x1="300" x2="300" y1="2.18557e-08" y2="256"></line><line x1="316" x2="316" y1="2.18557e-08" y2="256"></line><line x1="332" x2="332" y1="2.18557e-08" y2="256"></line><line x1="348" x2="348" y1="2.18557e-08" y2="256"></line><line x1="364" x2="364" y1="2.18557e-08" y2="256"></line><line x1="380" x2="380" y1="2.18557e-08" y2="256"></line></g></svg><div class="animated-streaming_window__8eDmq"><div data-toolbar="true"><div data-control="true"></div><div data-control="true"></div><div data-control="true"></div></div><div data-content="true"><div class="stack_stack__iZkUS stack" data-version="v1" style="--stack-flex:initial;--stack-direction:row;--stack-align:stretch;--stack-justify:flex-start;--stack-padding:0px;--stack-gap:16px"><div class="stack_stack__iZkUS stack" data-version="v1" style="--stack-flex:initial;--stack-direction:column;--stack-align:stretch;--stack-justify:flex-start;--stack-padding:0px;--stack-gap:8px" data-column-first="true"><div data-avatar="true"><svg aria-label="Vercel logomark" height="10" role="img" style="width:auto;overflow:visible" viewBox="0 0 74 64"><path d="M37.5896 0.25L74.5396 64.25H0.639648L37.5896 0.25Z" fill="var(--accents-3)"></path></svg></div><div class="stack_stack__iZkUS stack" data-version="v1" style="--stack-flex:initial;--stack-direction:column;--stack-align:stretch;--stack-justify:flex-start;--stack-padding:0px;--stack-gap:4px"><div data-line="true" data-size="full"></div><div data-line="true" data-size="half" data-variant="dim"></div><div data-line="true" data-variant="dim"></div><div data-line="true" data-variant="dim"></div><div data-line="true" data-size="half" data-variant="dim"></div></div></div><div data-column-second="true"><div class="stack_stack__iZkUS stack" data-version="v1" style="--stack-flex:initial;--stack-direction:row;--stack-align:center;--stack-justify:space-between;--stack-padding:0px;--stack-gap:0px" data-header="true"><div data-avatar="true"></div><div data-btn="true"></div></div><div class="stack_stack__iZkUS stack" data-version="v1" style="--stack-flex:initial;--stack-direction:row;--stack-align:center;--stack-justify:flex-start;--stack-padding:0px;--stack-gap:4px" data-nav="true"><div data-line="true" style="width:16px"></div><div data-line="true" data-variant="dim"></div></div><div data-rectangles="true"><div><div data-rectangle="true"></div><div data-rectangle="true"></div><div data-rectangle="true"></div></div><div><div data-rectangle="true" data-size="large"></div><div data-rectangle="true" data-size="large"></div><div data-rectangle="true" data-size="large"></div></div></div></div></div></div></div><svg class="animated-streaming_pulse__Ri1UL" data-position="bottom-left" fill="none" height="35" viewBox="0 0 237 35" width="237"><path stroke="url(#:Rk9jdsmklfb:)" stroke-linecap="round" stroke-width="2" d="M0.5 33.4999L59 33.5C59.5523 33.5 60 33.0619 60 32.5096C60 28.5146 60 13.282 60 2.49741C60 1.94512 60.4477 1.49997 61 1.49997L91 1.49997C91.5523 1.49997 92 1.94769 92 2.49997L92 10C92 14.1422 95.3579 17.5 99.5 17.5L236 17.5001"></path><defs><linearGradient gradientUnits="userSpaceOnUse" id=":Rk9jdsmklfb:" x1="0" x2="-60" y1="40" y2="120"><stop stop-color="#3291FF" stop-opacity="0"></stop><stop stop-color="#3291FF"></stop><stop offset="1" stop-color="#61DAFB" stop-opacity="0"></stop></linearGradient></defs></svg><svg class="animated-streaming_pulse__Ri1UL" data-position="bottom-right" fill="none" height="67" viewBox="0 0 221 67" width="221"><path stroke="url(#:Rs9jdsmklfb:)" stroke-linecap="round" stroke-width="2" d="M220.5 1.5H178C177.448 1.5 177 1.94772 177 2.5V32.5C177 33.0523 176.552 33.5 176 33.5H130C129.448 33.5 129 33.9477 129 34.5V58C129 62.1421 125.642 65.5 121.5 65.5H1"></path><defs><linearGradient gradientUnits="userSpaceOnUse" id=":Rs9jdsmklfb:" x1="220" x2="259" y1="0" y2="0"><stop stop-color="#3291FF" stop-opacity="0"></stop><stop stop-color="#3291FF"></stop><stop offset="1" stop-color="#61DAFB" stop-opacity="0"></stop></linearGradient></defs></svg><svg class="animated-streaming_pulse__Ri1UL" data-position="top-left" fill="none" height="51" viewBox="0 0 237 51" width="237"><path stroke="url(#:R149jdsmklfb:)" stroke-linecap="round" stroke-width="2" d="M0.5 1.5L43 1.5C43.5523 1.5 44 1.94772 44 2.5L44 48.5C44 49.0523 44.4477 49.5 45 49.5L91 49.5C91.5523 49.5 92 49.0523 92 48.5L92 41C92 36.8579 95.3579 33.5 99.5 33.5L236 33.5"></path><defs><linearGradient gradientUnits="userSpaceOnUse" id=":R149jdsmklfb:" x1="0" x2="-40" y1="0" y2="-40"><stop stop-color="#3291FF" stop-opacity="0"></stop><stop stop-color="#3291FF"></stop><stop offset="1" stop-color="#61DAFB" stop-opacity="0"></stop></linearGradient></defs></svg><svg class="animated-streaming_pulse__Ri1UL" data-position="top-right" fill="none" height="209" viewBox="0 0 130 209" width="130"><path stroke="url(#:R1c9jdsmklfb:)" stroke-linecap="round" stroke-width="2" d="M129 0.5V95C129 95.5523 128.552 96 128 96H66C65.4477 96 65 96.4477 65 97V200C65 204.142 61.6421 207.5 57.5 207.5H1"></path><defs><linearGradient gradientUnits="userSpaceOnUse" id=":R1c9jdsmklfb:" x1="0" x2="0" y1="0" y2="-40"><stop stop-color="#3291FF" stop-opacity="0"></stop><stop stop-color="#3291FF"></stop><stop offset="1" stop-color="#61DAFB" stop-opacity="0"></stop></linearGradient></defs></svg></div></div><div class="stack_stack__iZkUS stack" data-version="v1" style="--stack-flex:initial;--stack-direction:row;--stack-align:center;--stack-justify:flex-start;--stack-padding:0px;--stack-gap:8px" data-title="true"><span>Dynamic HTML Streaming</span></div><div data-subtitle="true">Instantly stream UI from the server, integrated with the App Router and React Suspense.</div></a><!--/$--><a aria-label="CSS Support" class="features_card__xYla9" data-variant="minimal" href="/docs/app/building-your-application/styling"><div class="stack_stack__iZkUS stack" data-version="v1" style="--stack-flex:initial;--stack-direction:row;--stack-align:center;--stack-justify:flex-start;--stack-padding:0px;--stack-gap:8px" data-title="true"><span>CSS Support</span></div><div data-subtitle="true">Style your application with your favorite tools, including support for CSS Modules, Tailwind CSS, and popular community libraries.</div></a><a aria-label="Route Handlers" class="features_card__xYla9" data-variant="minimal" href="/docs/app/building-your-application/routing/router-handlers"><div class="stack_stack__iZkUS stack" data-version="v1" style="--stack-flex:initial;--stack-direction:row;--stack-align:center;--stack-justify:flex-start;--stack-padding:0px;--stack-gap:8px" data-title="true"><span>Route Handlers</span></div><div data-subtitle="true">Build API endpoints to securely connect with third-party services for handling auth or listening for webhooks.</div></a><a aria-label="Middleware" class="features_card__xYla9" data-variant="minimal" href="/docs/app/building-your-application/routing/middleware"><div class="stack_stack__iZkUS stack" data-version="v1" style="--stack-flex:initial;--stack-direction:row;--stack-align:center;--stack-justify:flex-start;--stack-padding:0px;--stack-gap:8px" data-title="true"><span>Middleware</span></div><div data-subtitle="true">Take control of the incoming request. Use code to define routing and access rules for authentication, experimentation, and internationalization.</div></a><a aria-label="Client and Server Rendering" class="features_card__xYla9" data-variant="minimal" href="/docs/app/building-your-application/rendering"><div class="stack_stack__iZkUS stack" data-version="v1" style="--stack-flex:initial;--stack-direction:row;--stack-align:center;--stack-justify:flex-start;--stack-padding:0px;--stack-gap:8px" data-title="true"><span>Client and Server Rendering</span></div><div data-subtitle="true">Flexible rendering and caching options, including Incremental Static Regeneration (ISR), on a per-page level.</div></a><!--$--><a aria-label="Next.js 15" class="features_card__xYla9" data-variant="next" href="/blog/next-15"><div data-illustration="true"><div class="features_switchboard__F11Mv" style="--columns:18;--transition-duration:250ms"><div data-index="0" data-light="true" data-state="off"></div><div data-index="1" data-light="true" data-state="off"></div><div data-index="2" data-light="true" data-state="off"></div><div data-index="3" data-light="true" data-state="off"></div><div data-index="4" data-light="true" data-state="off"></div><div data-index="5" data-light="true" data-state="off"></div><div data-index="6" data-light="true" data-state="off"></div><div data-index="7" data-light="true" data-state="off"></div><div data-index="8" data-light="true" data-state="off"></div><div data-index="9" data-light="true" data-state="off"></div><div data-index="10" data-light="true" data-state="off"></div><div data-index="11" data-light="true" data-state="off"></div><div data-index="12" data-light="true" data-state="off"></div><div data-index="13" data-light="true" data-state="off"></div><div data-index="14" data-light="true" data-state="off"></div><div data-index="15" data-light="true" data-state="off"></div><div data-index="16" data-light="true" data-state="off"></div><div data-index="17" data-light="true" data-state="off"></div><div data-index="18" data-light="true" data-state="off"></div><div data-index="19" data-light="true" data-state="off"></div><div data-index="20" data-light="true" data-state="off"></div><div data-index="21" data-light="true" data-state="off"></div><div data-index="22" data-light="true" data-state="off"></div><div data-index="23" data-light="true" data-state="off"></div><div data-index="24" data-light="true" data-state="off"></div><div data-index="25" data-light="true" data-state="off"></div><div data-index="26" data-light="true" data-state="off"></div><div data-index="27" data-light="true" data-state="off"></div><div data-index="28" data-light="true" data-state="off"></div><div data-index="29" data-light="true" data-state="off"></div><div data-index="30" data-light="true" data-state="off"></div><div data-index="31" data-light="true" data-state="off"></div><div data-index="32" data-light="true" data-state="off"></div><div data-index="33" data-light="true" data-state="off"></div><div data-index="34" data-light="true" data-state="off"></div><div data-index="35" data-light="true" data-state="off"></div><div data-index="36" data-light="true" data-state="off"></div><div data-index="37" data-light="true" data-state="off"></div><div data-index="38" data-light="true" data-state="off"></div><div data-index="39" data-light="true" data-state="off"></div><div data-index="40" data-light="true" data-state="off"></div><div data-index="41" data-light="true" data-state="off"></div><div data-index="42" data-light="true" data-state="off"></div><div data-index="43" data-light="true" data-state="off"></div><div data-index="44" data-light="true" data-state="off"></div><div data-index="45" data-light="true" data-state="off"></div><div data-index="46" data-light="true" data-state="off"></div><div data-index="47" data-light="true" data-state="off"></div><div data-index="48" data-light="true" data-state="off"></div><div data-index="49" data-light="true" data-state="off"></div><div data-index="50" data-light="true" data-state="off"></div><div data-index="51" data-light="true" data-state="off"></div><div data-index="52" data-light="true" data-state="off"></div><div data-index="53" data-light="true" data-state="off"></div><div data-index="54" data-light="true" data-state="off"></div><div data-index="55" data-light="true" data-state="off"></div><div data-index="56" data-light="true" data-state="off"></div><div data-index="57" data-light="true" data-state="off"></div><div data-index="58" data-light="true" data-state="off"></div><div data-index="59" data-light="true" data-state="off"></div><div data-index="60" data-light="true" data-state="off"></div><div data-index="61" data-light="true" data-state="off"></div><div data-index="62" data-light="true" data-state="off"></div><div data-index="63" data-light="true" data-state="off"></div><div data-index="64" data-light="true" data-state="off"></div><div data-index="65" data-light="true" data-state="off"></div><div data-index="66" data-light="true" data-state="off"></div><div data-index="67" data-light="true" data-state="off"></div><div data-index="68" data-light="true" data-state="off"></div><div data-index="69" data-light="true" data-state="off"></div><div data-index="70" data-light="true" data-state="off"></div><div data-index="71" data-light="true" data-state="off"></div><div data-index="72" data-light="true" data-state="off"></div><div data-index="73" data-light="true" data-state="off"></div><div data-index="74" data-light="true" data-state="off"></div><div data-index="75" data-light="true" data-state="off"></div><div data-index="76" data-light="true" data-state="off"></div><div data-index="77" data-light="true" data-state="off"></div><div data-index="78" data-light="true" data-state="off"></div><div data-index="79" data-light="true" data-state="off"></div><div data-index="80" data-light="true" data-state="off"></div><div data-index="81" data-light="true" data-state="off"></div><div data-index="82" data-light="true" data-state="off"></div><div data-index="83" data-light="true" data-state="off"></div><div data-index="84" data-light="true" data-state="off"></div><div data-index="85" data-light="true" data-state="off"></div><div data-index="86" data-light="true" data-state="off"></div><div data-index="87" data-light="true" data-state="off"></div><div data-index="88" data-light="true" data-state="off"></div><div data-index="89" data-light="true" data-state="off"></div></div></div><div class="stack_stack__iZkUS stack" data-version="v1" style="--stack-flex:initial;--stack-direction:row;--stack-align:center;--stack-justify:flex-start;--stack-padding:0px;--stack-gap:8px" data-title="true"><span>Next.js 15</span></div><div data-subtitle="true">The power of full-stack to the frontend. Read the release notes.</div><div class="stack_stack__iZkUS stack" data-version="v1" style="--stack-flex:initial;--stack-direction:column;--stack-align:center;--stack-justify:center;--stack-padding:0px;--stack-gap:0px" data-button="true"><svg class="text-white" data-testid="geist-icon" fill="none" height="24" shape-rendering="geometricPrecision" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" width="24" style="color:currentColor;width:16px;height:16px"><path d="M5 12h14"/><path d="M12 5l7 7-7 7"/></svg></div></a><!--/$--></div></div><div class="features_grid__4rdKV" data-columns="1"><div data-column="true"><!--$--><a aria-label="Built-in Optimizations" class="features_card__xYla9" data-variant="callout" href="/docs/app/building-your-application/optimizing/images"><div data-illustration="true"><img alt="Three abstract images are resized at three different sizes and stacked on top of each other" loading="lazy" width="278" height="211" decoding="async" data-nimg="1" class="features_lightMode__IoMFZ" style="color:transparent" srcSet="/_next/image?url=https%3A%2F%2Fassets.vercel.com%2Fimage%2Fupload%2Ffront%2Fnextjs%2Fwindows-light.png&amp;w=300&amp;q=100&amp;dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw 1x, /_next/image?url=https%3A%2F%2Fassets.vercel.com%2Fimage%2Fupload%2Ffront%2Fnextjs%2Fwindows-light.png&amp;w=640&amp;q=100&amp;dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw 2x" src="/_next/image?url=https%3A%2F%2Fassets.vercel.com%2Fimage%2Fupload%2Ffront%2Fnextjs%2Fwindows-light.png&amp;w=640&amp;q=100&amp;dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw"/><img alt="Three abstract images are resized at three different sizes and stacked on top of each other" loading="lazy" width="278" height="211" decoding="async" data-nimg="1" class="features_darkMode__90_Sh" style="color:transparent" srcSet="/_next/image?url=https%3A%2F%2Fassets.vercel.com%2Fimage%2Fupload%2Ffront%2Fnextjs%2Fwindows-dark.png&amp;w=300&amp;q=100&amp;dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw 1x, /_next/image?url=https%3A%2F%2Fassets.vercel.com%2Fimage%2Fupload%2Ffront%2Fnextjs%2Fwindows-dark.png&amp;w=640&amp;q=100&amp;dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw 2x" src="/_next/image?url=https%3A%2F%2Fassets.vercel.com%2Fimage%2Fupload%2Ffront%2Fnextjs%2Fwindows-dark.png&amp;w=640&amp;q=100&amp;dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw"/></div><div class="stack_stack__iZkUS stack" data-version="v1" style="--stack-flex:initial;--stack-direction:row;--stack-align:center;--stack-justify:flex-start;--stack-padding:0px;--stack-gap:8px" data-title="true"><span>Built-in Optimizations</span></div><div data-subtitle="true">Automatic Image, Font, and Script Optimizations for improved UX and Core Web Vitals.</div></a><!--/$--><!--$--><a aria-label="Dynamic HTML Streaming" class="features_card__xYla9" data-variant="callout" href="/docs/app/building-your-application/routing/loading-ui-and-streaming"><div data-illustration="true"><div class="animated-streaming_root__gIlRt"><svg class="animated-streaming_grid__LB6Qj" height="258" viewBox="0 0 392 258" width="392"><g opacity="0.08" stroke="var(--geist-foreground)" stroke-dasharray="1 1"><line x2="392" y1="15.5" y2="15.5"></line><line x2="392" y1="31.5" y2="31.5"></line><line x2="392" y1="47.5" y2="47.5"></line><line x2="392" y1="63.5" y2="63.5"></line><line x2="392" y1="79.5" y2="79.5"></line><line x2="392" y1="95.5" y2="95.5"></line><line x2="392" y1="111.5" y2="111.5"></line><line x2="392" y1="127.5" y2="127.5"></line><line x2="392" y1="143.5" y2="143.5"></line><line x2="392" y1="159.5" y2="159.5"></line><line x2="392" y1="175.5" y2="175.5"></line><line x2="392" y1="191.5" y2="191.5"></line><line x2="392" y1="207.5" y2="207.5"></line><line x2="392" y1="223.5" y2="223.5"></line><line x2="392" y1="239.5" y2="239.5"></line><line x2="392" y1="255.5" y2="255.5"></line><line x1="11.9999" x2="11.9999" y1="2.18557e-08" y2="256"></line><line x1="27.9999" x2="27.9999" y1="2.18557e-08" y2="256"></line><line x1="43.9999" x2="43.9999" y1="2.18557e-08" y2="256"></line><line x1="59.9999" x2="59.9999" y1="2.18557e-08" y2="256"></line><line x1="75.9999" x2="75.9999" y1="2.18557e-08" y2="256"></line><line x1="91.9999" x2="91.9999" y1="2.18557e-08" y2="256"></line><line x1="108" x2="108" y1="2.18557e-08" y2="256"></line><line x1="124" x2="124" y1="2.18557e-08" y2="256"></line><line x1="140" x2="140" y1="2.18557e-08" y2="256"></line><line x1="156" x2="156" y1="2.18557e-08" y2="256"></line><line x1="172" x2="172" y1="2.18557e-08" y2="256"></line><line x1="188" x2="188" y1="2.18557e-08" y2="256"></line><line x1="204" x2="204" y1="2.18557e-08" y2="256"></line><line x1="220" x2="220" y1="2.18557e-08" y2="256"></line><line x1="236" x2="236" y1="2.18557e-08" y2="256"></line><line x1="252" x2="252" y1="2.18557e-08" y2="256"></line><line x1="268" x2="268" y1="2.18557e-08" y2="256"></line><line x1="284" x2="284" y1="2.18557e-08" y2="256"></line><line x1="300" x2="300" y1="2.18557e-08" y2="256"></line><line x1="316" x2="316" y1="2.18557e-08" y2="256"></line><line x1="332" x2="332" y1="2.18557e-08" y2="256"></line><line x1="348" x2="348" y1="2.18557e-08" y2="256"></line><line x1="364" x2="364" y1="2.18557e-08" y2="256"></line><line x1="380" x2="380" y1="2.18557e-08" y2="256"></line></g></svg><div class="animated-streaming_window__8eDmq"><div data-toolbar="true"><div data-control="true"></div><div data-control="true"></div><div data-control="true"></div></div><div data-content="true"><div class="stack_stack__iZkUS stack" data-version="v1" style="--stack-flex:initial;--stack-direction:row;--stack-align:stretch;--stack-justify:flex-start;--stack-padding:0px;--stack-gap:16px"><div class="stack_stack__iZkUS stack" data-version="v1" style="--stack-flex:initial;--stack-direction:column;--stack-align:stretch;--stack-justify:flex-start;--stack-padding:0px;--stack-gap:8px" data-column-first="true"><div data-avatar="true"><svg aria-label="Vercel logomark" height="10" role="img" style="width:auto;overflow:visible" viewBox="0 0 74 64"><path d="M37.5896 0.25L74.5396 64.25H0.639648L37.5896 0.25Z" fill="var(--accents-3)"></path></svg></div><div class="stack_stack__iZkUS stack" data-version="v1" style="--stack-flex:initial;--stack-direction:column;--stack-align:stretch;--stack-justify:flex-start;--stack-padding:0px;--stack-gap:4px"><div data-line="true" data-size="full"></div><div data-line="true" data-size="half" data-variant="dim"></div><div data-line="true" data-variant="dim"></div><div data-line="true" data-variant="dim"></div><div data-line="true" data-size="half" data-variant="dim"></div></div></div><div data-column-second="true"><div class="stack_stack__iZkUS stack" data-version="v1" style="--stack-flex:initial;--stack-direction:row;--stack-align:center;--stack-justify:space-between;--stack-padding:0px;--stack-gap:0px" data-header="true"><div data-avatar="true"></div><div data-btn="true"></div></div><div class="stack_stack__iZkUS stack" data-version="v1" style="--stack-flex:initial;--stack-direction:row;--stack-align:center;--stack-justify:flex-start;--stack-padding:0px;--stack-gap:4px" data-nav="true"><div data-line="true" style="width:16px"></div><div data-line="true" data-variant="dim"></div></div><div data-rectangles="true"><div><div data-rectangle="true"></div><div data-rectangle="true"></div><div data-rectangle="true"></div></div><div><div data-rectangle="true" data-size="large"></div><div data-rectangle="true" data-size="large"></div><div data-rectangle="true" data-size="large"></div></div></div></div></div></div></div><svg class="animated-streaming_pulse__Ri1UL" data-position="bottom-left" fill="none" height="35" viewBox="0 0 237 35" width="237"><path stroke="url(#:R52kdsmklfb:)" stroke-linecap="round" stroke-width="2" d="M0.5 33.4999L59 33.5C59.5523 33.5 60 33.0619 60 32.5096C60 28.5146 60 13.282 60 2.49741C60 1.94512 60.4477 1.49997 61 1.49997L91 1.49997C91.5523 1.49997 92 1.94769 92 2.49997L92 10C92 14.1422 95.3579 17.5 99.5 17.5L236 17.5001"></path><defs><linearGradient gradientUnits="userSpaceOnUse" id=":R52kdsmklfb:" x1="0" x2="-60" y1="40" y2="120"><stop stop-color="#3291FF" stop-opacity="0"></stop><stop stop-color="#3291FF"></stop><stop offset="1" stop-color="#61DAFB" stop-opacity="0"></stop></linearGradient></defs></svg><svg class="animated-streaming_pulse__Ri1UL" data-position="bottom-right" fill="none" height="67" viewBox="0 0 221 67" width="221"><path stroke="url(#:R72kdsmklfb:)" stroke-linecap="round" stroke-width="2" d="M220.5 1.5H178C177.448 1.5 177 1.94772 177 2.5V32.5C177 33.0523 176.552 33.5 176 33.5H130C129.448 33.5 129 33.9477 129 34.5V58C129 62.1421 125.642 65.5 121.5 65.5H1"></path><defs><linearGradient gradientUnits="userSpaceOnUse" id=":R72kdsmklfb:" x1="220" x2="259" y1="0" y2="0"><stop stop-color="#3291FF" stop-opacity="0"></stop><stop stop-color="#3291FF"></stop><stop offset="1" stop-color="#61DAFB" stop-opacity="0"></stop></linearGradient></defs></svg><svg class="animated-streaming_pulse__Ri1UL" data-position="top-left" fill="none" height="51" viewBox="0 0 237 51" width="237"><path stroke="url(#:R92kdsmklfb:)" stroke-linecap="round" stroke-width="2" d="M0.5 1.5L43 1.5C43.5523 1.5 44 1.94772 44 2.5L44 48.5C44 49.0523 44.4477 49.5 45 49.5L91 49.5C91.5523 49.5 92 49.0523 92 48.5L92 41C92 36.8579 95.3579 33.5 99.5 33.5L236 33.5"></path><defs><linearGradient gradientUnits="userSpaceOnUse" id=":R92kdsmklfb:" x1="0" x2="-40" y1="0" y2="-40"><stop stop-color="#3291FF" stop-opacity="0"></stop><stop stop-color="#3291FF"></stop><stop offset="1" stop-color="#61DAFB" stop-opacity="0"></stop></linearGradient></defs></svg><svg class="animated-streaming_pulse__Ri1UL" data-position="top-right" fill="none" height="209" viewBox="0 0 130 209" width="130"><path stroke="url(#:Rb2kdsmklfb:)" stroke-linecap="round" stroke-width="2" d="M129 0.5V95C129 95.5523 128.552 96 128 96H66C65.4477 96 65 96.4477 65 97V200C65 204.142 61.6421 207.5 57.5 207.5H1"></path><defs><linearGradient gradientUnits="userSpaceOnUse" id=":Rb2kdsmklfb:" x1="0" x2="0" y1="0" y2="-40"><stop stop-color="#3291FF" stop-opacity="0"></stop><stop stop-color="#3291FF"></stop><stop offset="1" stop-color="#61DAFB" stop-opacity="0"></stop></linearGradient></defs></svg></div></div><div class="stack_stack__iZkUS stack" data-version="v1" style="--stack-flex:initial;--stack-direction:row;--stack-align:center;--stack-justify:flex-start;--stack-padding:0px;--stack-gap:8px" data-title="true"><span>Dynamic HTML Streaming</span></div><div data-subtitle="true">Instantly stream UI from the server, integrated with the App Router and React Suspense.</div></a><!--/$--><a aria-label="React Server Components" class="features_card__xYla9" data-variant="callout" href="/docs/app/building-your-application/rendering/server-components"><div data-illustration="true"><img alt="A tree structure of 3D spheres are connected by lines" loading="lazy" width="268" height="212" decoding="async" data-nimg="1" class="features_lightMode__IoMFZ" style="color:transparent" srcSet="/_next/image?url=https%3A%2F%2Fassets.vercel.com%2Fimage%2Fupload%2Ffront%2Fnextjs%2Fspheres-light.png&amp;w=300&amp;q=100&amp;dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw 1x, /_next/image?url=https%3A%2F%2Fassets.vercel.com%2Fimage%2Fupload%2Ffront%2Fnextjs%2Fspheres-light.png&amp;w=640&amp;q=100&amp;dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw 2x" src="/_next/image?url=https%3A%2F%2Fassets.vercel.com%2Fimage%2Fupload%2Ffront%2Fnextjs%2Fspheres-light.png&amp;w=640&amp;q=100&amp;dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw"/><img alt="A tree structure of 3D spheres are connected by lines" loading="lazy" width="268" height="212" decoding="async" data-nimg="1" class="features_darkMode__90_Sh" style="color:transparent" srcSet="/_next/image?url=https%3A%2F%2Fassets.vercel.com%2Fimage%2Fupload%2Ffront%2Fnextjs%2Fspheres-dark.png&amp;w=300&amp;q=100&amp;dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw 1x, /_next/image?url=https%3A%2F%2Fassets.vercel.com%2Fimage%2Fupload%2Ffront%2Fnextjs%2Fspheres-dark.png&amp;w=640&amp;q=100&amp;dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw 2x" src="/_next/image?url=https%3A%2F%2Fassets.vercel.com%2Fimage%2Fupload%2Ffront%2Fnextjs%2Fspheres-dark.png&amp;w=640&amp;q=100&amp;dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw"/></div><div class="stack_stack__iZkUS stack" data-version="v1" style="--stack-flex:initial;--stack-direction:row;--stack-align:center;--stack-justify:flex-start;--stack-padding:0px;--stack-gap:8px" data-title="true"><span>React Server Components</span></div><div data-subtitle="true">Add components without sending additional client-side JavaScript. Built on the latest React features.</div></a><div style="display:contents"><a aria-label="Data Fetching" class="features_card__xYla9" data-variant="minimal" href="/docs/app/building-your-application/data-fetching"><div class="stack_stack__iZkUS stack" data-version="v1" style="--stack-flex:initial;--stack-direction:row;--stack-align:center;--stack-justify:flex-start;--stack-padding:0px;--stack-gap:8px" data-title="true"><span>Data Fetching</span></div><div data-subtitle="true">Make your React component async and await your data. Next.js supports both server and client data fetching.</div></a><a aria-label="Server Actions" class="features_card__xYla9" data-variant="minimal" href="/docs/app/building-your-application/data-fetching/forms-and-mutations"><div class="stack_stack__iZkUS stack" data-version="v1" style="--stack-flex:initial;--stack-direction:row;--stack-align:center;--stack-justify:flex-start;--stack-padding:0px;--stack-gap:8px" data-title="true"><span>Server Actions</span></div><div data-subtitle="true">Run server code by calling a function. Skip the API. Then, easily revalidate cached data and update your UI in one network roundtrip.</div></a><a aria-label="Advanced Routing &amp; Nested Layouts" class="features_card__xYla9" data-variant="minimal" href="/docs/app/building-your-application/routing"><div class="stack_stack__iZkUS stack" data-version="v1" style="--stack-flex:initial;--stack-direction:row;--stack-align:center;--stack-justify:flex-start;--stack-padding:0px;--stack-gap:8px" data-title="true"><span>Advanced Routing &amp; Nested Layouts</span></div><div data-subtitle="true">Create routes using the file system, including support for more advanced routing patterns and UI layouts.</div></a><a aria-label="CSS Support" class="features_card__xYla9" data-variant="minimal" href="/docs/app/building-your-application/styling"><div class="stack_stack__iZkUS stack" data-version="v1" style="--stack-flex:initial;--stack-direction:row;--stack-align:center;--stack-justify:flex-start;--stack-padding:0px;--stack-gap:8px" data-title="true"><span>CSS Support</span></div><div data-subtitle="true">Style your application with your favorite tools, including support for CSS Modules, Tailwind CSS, and popular community libraries.</div></a><a aria-label="Route Handlers" class="features_card__xYla9" data-variant="minimal" href="/docs/app/building-your-application/routing/router-handlers"><div class="stack_stack__iZkUS stack" data-version="v1" style="--stack-flex:initial;--stack-direction:row;--stack-align:center;--stack-justify:flex-start;--stack-padding:0px;--stack-gap:8px" data-title="true"><span>Route Handlers</span></div><div data-subtitle="true">Build API endpoints to securely connect with third-party services for handling auth or listening for webhooks.</div></a><a aria-label="Middleware" class="features_card__xYla9" data-variant="minimal" href="/docs/app/building-your-application/routing/middleware"><div class="stack_stack__iZkUS stack" data-version="v1" style="--stack-flex:initial;--stack-direction:row;--stack-align:center;--stack-justify:flex-start;--stack-padding:0px;--stack-gap:8px" data-title="true"><span>Middleware</span></div><div data-subtitle="true">Take control of the incoming request. Use code to define routing and access rules for authentication, experimentation, and internationalization.</div></a><a aria-label="Client and Server Rendering" class="features_card__xYla9" data-variant="minimal" href="/docs/app/building-your-application/rendering"><div class="stack_stack__iZkUS stack" data-version="v1" style="--stack-flex:initial;--stack-direction:row;--stack-align:center;--stack-justify:flex-start;--stack-padding:0px;--stack-gap:8px" data-title="true"><span>Client and Server Rendering</span></div><div data-subtitle="true">Flexible rendering and caching options, including Incremental Static Regeneration (ISR), on a per-page level.</div></a></div><a aria-label="Next.js 15" class="features_card__xYla9" data-variant="next" href="/blog/next-15"><div data-illustration="true"><div class="features_switchboard__F11Mv" style="--columns:18;--transition-duration:250ms"><div data-index="0" data-light="true" data-state="off"></div><div data-index="1" data-light="true" data-state="off"></div><div data-index="2" data-light="true" data-state="off"></div><div data-index="3" data-light="true" data-state="off"></div><div data-index="4" data-light="true" data-state="off"></div><div data-index="5" data-light="true" data-state="off"></div><div data-index="6" data-light="true" data-state="off"></div><div data-index="7" data-light="true" data-state="off"></div><div data-index="8" data-light="true" data-state="off"></div><div data-index="9" data-light="true" data-state="off"></div><div data-index="10" data-light="true" data-state="off"></div><div data-index="11" data-light="true" data-state="off"></div><div data-index="12" data-light="true" data-state="off"></div><div data-index="13" data-light="true" data-state="off"></div><div data-index="14" data-light="true" data-state="off"></div><div data-index="15" data-light="true" data-state="off"></div><div data-index="16" data-light="true" data-state="off"></div><div data-index="17" data-light="true" data-state="off"></div><div data-index="18" data-light="true" data-state="off"></div><div data-index="19" data-light="true" data-state="off"></div><div data-index="20" data-light="true" data-state="off"></div><div data-index="21" data-light="true" data-state="off"></div><div data-index="22" data-light="true" data-state="off"></div><div data-index="23" data-light="true" data-state="off"></div><div data-index="24" data-light="true" data-state="off"></div><div data-index="25" data-light="true" data-state="off"></div><div data-index="26" data-light="true" data-state="off"></div><div data-index="27" data-light="true" data-state="off"></div><div data-index="28" data-light="true" data-state="off"></div><div data-index="29" data-light="true" data-state="off"></div><div data-index="30" data-light="true" data-state="off"></div><div data-index="31" data-light="true" data-state="off"></div><div data-index="32" data-light="true" data-state="off"></div><div data-index="33" data-light="true" data-state="off"></div><div data-index="34" data-light="true" data-state="off"></div><div data-index="35" data-light="true" data-state="off"></div><div data-index="36" data-light="true" data-state="off"></div><div data-index="37" data-light="true" data-state="off"></div><div data-index="38" data-light="true" data-state="off"></div><div data-index="39" data-light="true" data-state="off"></div><div data-index="40" data-light="true" data-state="off"></div><div data-index="41" data-light="true" data-state="off"></div><div data-index="42" data-light="true" data-state="off"></div><div data-index="43" data-light="true" data-state="off"></div><div data-index="44" data-light="true" data-state="off"></div><div data-index="45" data-light="true" data-state="off"></div><div data-index="46" data-light="true" data-state="off"></div><div data-index="47" data-light="true" data-state="off"></div><div data-index="48" data-light="true" data-state="off"></div><div data-index="49" data-light="true" data-state="off"></div><div data-index="50" data-light="true" data-state="off"></div><div data-index="51" data-light="true" data-state="off"></div><div data-index="52" data-light="true" data-state="off"></div><div data-index="53" data-light="true" data-state="off"></div><div data-index="54" data-light="true" data-state="off"></div><div data-index="55" data-light="true" data-state="off"></div><div data-index="56" data-light="true" data-state="off"></div><div data-index="57" data-light="true" data-state="off"></div><div data-index="58" data-light="true" data-state="off"></div><div data-index="59" data-light="true" data-state="off"></div><div data-index="60" data-light="true" data-state="off"></div><div data-index="61" data-light="true" data-state="off"></div><div data-index="62" data-light="true" data-state="off"></div><div data-index="63" data-light="true" data-state="off"></div><div data-index="64" data-light="true" data-state="off"></div><div data-index="65" data-light="true" data-state="off"></div><div data-index="66" data-light="true" data-state="off"></div><div data-index="67" data-light="true" data-state="off"></div><div data-index="68" data-light="true" data-state="off"></div><div data-index="69" data-light="true" data-state="off"></div><div data-index="70" data-light="true" data-state="off"></div><div data-index="71" data-light="true" data-state="off"></div><div data-index="72" data-light="true" data-state="off"></div><div data-index="73" data-light="true" data-state="off"></div><div data-index="74" data-light="true" data-state="off"></div><div data-index="75" data-light="true" data-state="off"></div><div data-index="76" data-light="true" data-state="off"></div><div data-index="77" data-light="true" data-state="off"></div><div data-index="78" data-light="true" data-state="off"></div><div data-index="79" data-light="true" data-state="off"></div><div data-index="80" data-light="true" data-state="off"></div><div data-index="81" data-light="true" data-state="off"></div><div data-index="82" data-light="true" data-state="off"></div><div data-index="83" data-light="true" data-state="off"></div><div data-index="84" data-light="true" data-state="off"></div><div data-index="85" data-light="true" data-state="off"></div><div data-index="86" data-light="true" data-state="off"></div><div data-index="87" data-light="true" data-state="off"></div><div data-index="88" data-light="true" data-state="off"></div><div data-index="89" data-light="true" data-state="off"></div></div></div><div class="stack_stack__iZkUS stack" data-version="v1" style="--stack-flex:initial;--stack-direction:row;--stack-align:center;--stack-justify:flex-start;--stack-padding:0px;--stack-gap:8px" data-title="true"><span>Next.js 15</span></div><div data-subtitle="true">The power of full-stack to the frontend. Read the release notes.</div><div class="stack_stack__iZkUS stack" data-version="v1" style="--stack-flex:initial;--stack-direction:column;--stack-align:center;--stack-justify:center;--stack-padding:0px;--stack-gap:0px" data-button="true"><svg class="text-white" data-testid="geist-icon" fill="none" height="24" shape-rendering="geometricPrecision" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" width="24" style="color:currentColor;width:16px;height:16px"><path d="M5 12h14"/><path d="M12 5l7 7-7 7"/></svg></div></a></div></div></div></section><!--/$--><div style="content-visibility:auto;contain-intrinsic-height:1000px"><!--$--><section class="foundation_root__wm0ez"><div class="foundation_main___w4Uu"><h2 class="foundation_title__5Vz6y gradient-text" data-main-heading="true">Built on a foundation of fast, <span data-break="true"></span> production-grade tooling</h2><div class="stack_stack__iZkUS stack foundation_illustration__zb0I_" data-version="v1" style="--stack-flex:initial;--stack-direction:column;--stack-align:center;--stack-justify:center;--stack-padding:0px;--stack-gap:0px"><svg fill="none" height="264" role="img" viewBox="0 0 891 264" width="891" data-lines="true" aria-label="A bunch of connecting lines that form into the CPU, with the text Powered By on top of the the CPU. Gradient lines are animating along the drawn lines, dissolving into the CPU in the center."><path d="M388 96L388 68C388 65.7909 386.209 64 384 64L310 64" stroke="var(--geist-foreground)" stroke-opacity="0.1"></path><path d="M349 150L73 150C70.7909 150 69 151.791 69 154L69 174" stroke="var(--geist-foreground)" stroke-opacity="0.1"></path><g><path d="M547 130L822 130C824.209 130 826 131.791 826 134L826 264" stroke="var(--geist-foreground)" stroke-opacity="0.1"></path><path d="M547 130L822 130C824.209 130 826 131.791 826 134L826 264" stroke="url(#orange-pulse-1)" stroke-width="2"></path></g><g><path d="M349 130L5.00002 130C2.79088 130 1.00001 131.791 1.00001 134L1.00001 264" stroke="var(--geist-foreground)" stroke-opacity="0.1"></path><path d="M349 130L5.00002 130C2.79088 130 1.00001 131.791 1.00001 134L1.00001 264" stroke="url(#blue-pulse-1)" stroke-linecap="round" stroke-width="2"></path></g><g><path d="M547 150L633 150C635.209 150 637 151.791 637 154L637 236C637 238.209 635.209 240 633 240L488 240C485.791 240 484 241.791 484 244L484 264" stroke="var(--geist-foreground)" stroke-opacity="0.1"></path><path d="M547 150L633 150C635.209 150 637 151.791 637 154L637 236C637 238.209 635.209 240 633 240L488 240C485.791 240 484 241.791 484 244L484 264" stroke="url(#pink-pulse-2)" stroke-linecap="round" stroke-width="2"></path></g><g><path d="M388 184L388 194C388 196.209 386.209 198 384 198L77 198C74.7909 198 73 199.791 73 202L73 264" stroke="var(--geist-foreground)" stroke-opacity="0.1"></path><path d="M388 184L388 194C388 196.209 386.209 198 384 198L77 198C74.7909 198 73 199.791 73 202L73 264" stroke="url(#blue-pulse-2)" stroke-linecap="round" stroke-width="2"></path></g><path d="M412 96L412 0" stroke="url(#paint0_linear_341_27683)" stroke-opacity="0.1"></path><g><path d="M412 263.5L412 184" stroke="var(--geist-foreground)" stroke-opacity="0.1"></path><path d="M412 263.5L412 184" stroke="url(#pink-pulse-1)" stroke-linecap="round" stroke-width="2"></path></g><g><path d="M508 96L508 88C508 85.7909 509.791 84 512 84L886 84C888.209 84 890 85.7909 890 88L890 264" stroke="var(--geist-foreground)" stroke-opacity="0.1"></path><path d="M508 96L508 88C508 85.7909 509.791 84 512 84L886 84C888.209 84 890 85.7909 890 88L890 264" stroke="url(#orange-pulse-2)" stroke-width="2"></path></g><path d="M436 96L436 0" stroke="url(#paint1_linear_341_27683)" stroke-opacity="0.1"></path><path d="M436 214L436 184" stroke="var(--geist-foreground)" stroke-opacity="0.1"></path><path d="M460 96L460 64" stroke="var(--geist-foreground)" stroke-opacity="0.1"></path><path d="M460 239L460 184" stroke="var(--geist-foreground)" stroke-opacity="0.1"></path><path d="M484 96L484 24C484 21.7909 485.791 20 488 20L554 20" stroke="url(#paint2_linear_341_27683)" stroke-opacity="0.1"></path><path d="M484 184L484 210C484 212.209 485.791 214 488 214L560 214" stroke="var(--geist-foreground)" stroke-opacity="0.1"></path><path d="M508 184L508 193C508 195.209 509.791 197 512 197L560 197" stroke="var(--geist-foreground)" stroke-opacity="0.1"></path><circle cx="460" cy="64" fill="var(--geist-background)" r="4"></circle><circle cx="460" cy="64" r="3.5" stroke="var(--geist-foreground)" stroke-opacity="0.1"></circle><circle cx="308" cy="64" fill="var(--geist-background)" r="4"></circle><circle cx="308" cy="64" r="3.5" stroke="var(--geist-foreground)" stroke-opacity="0.1"></circle><circle cx="69" cy="173" fill="var(--geist-background)" r="4"></circle><circle cx="69" cy="173" r="3.5" stroke="var(--geist-foreground)" stroke-opacity="0.1"></circle><circle cx="436" cy="214" fill="var(--geist-background)" r="4"></circle><circle cx="436" cy="214" r="3.5" stroke="var(--geist-foreground)" stroke-opacity="0.1"></circle><circle cx="460" cy="240" fill="var(--geist-background)" r="4"></circle><circle cx="460" cy="240" r="3.5" stroke="var(--geist-foreground)" stroke-opacity="0.1"></circle><circle cx="560" cy="214" fill="var(--geist-background)" r="4"></circle><circle cx="560" cy="214" r="3.5" stroke="var(--geist-foreground)" stroke-opacity="0.1"></circle><circle cx="560" cy="197" fill="var(--geist-background)" r="4"></circle><circle cx="560" cy="197" r="3.5" stroke="var(--geist-foreground)" stroke-opacity="0.1"></circle><defs><linearGradient gradientUnits="userSpaceOnUse" id="paint0_linear_341_27683" x1="412.5" x2="412.5" y1="-3.27835e-08" y2="96"><stop stop-opacity="0"></stop><stop offset="1"></stop></linearGradient><linearGradient gradientUnits="userSpaceOnUse" id="paint1_linear_341_27683" x1="436.5" x2="436.5" y1="-3.27835e-08" y2="96"><stop stop-opacity="0"></stop><stop offset="1"></stop></linearGradient><linearGradient gradientUnits="userSpaceOnUse" id="paint2_linear_341_27683" x1="554" x2="484" y1="20" y2="96"><stop stop-opacity="0"></stop><stop offset="1"></stop></linearGradient><linearGradient gradientUnits="userSpaceOnUse" id="blue-pulse-1" x1="83" y1="320" x2="83" y2="415"><stop stop-color="#2EB9DF" stop-opacity="0"></stop><stop offset="0.05" stop-color="#2EB9DF"></stop><stop offset="1" stop-color="#2EB9DF" stop-opacity="0"></stop></linearGradient><linearGradient gradientUnits="userSpaceOnUse" id="blue-pulse-2" x1="83" y1="267.5" x2="83" y2="300"><stop stop-color="#2EB9DF" stop-opacity="0"></stop><stop offset="0.05" stop-color="#2EB9DF"></stop><stop offset="1" stop-color="#2EB9DF" stop-opacity="0"></stop></linearGradient><linearGradient gradientUnits="userSpaceOnUse" id="pink-pulse-1" x1="412" y1="264" x2="412" y2="304"><stop stop-color="#FF4A81" stop-opacity="0"></stop><stop offset="0.030" stop-color="#FF4A81"></stop><stop offset="0.27" stop-color="#DF6CF6"></stop><stop offset="1" stop-color="#0196FF" stop-opacity="0"></stop></linearGradient><linearGradient gradientUnits="userSpaceOnUse" id="pink-pulse-2" x1="490" y1="266" x2="490" y2="284"><stop stop-color="#FF4A81" stop-opacity="0"></stop><stop offset="0.0564843" stop-color="#FF4A81"></stop><stop offset="0.4616" stop-color="#DF6CF6"></stop><stop offset="1" stop-color="#0196FF" stop-opacity="0"></stop></linearGradient><linearGradient gradientUnits="userSpaceOnUse" id="orange-pulse-1" x1="826" y1="270" x2="826" y2="340"><stop stop-color="#FF7432" stop-opacity="0"></stop><stop offset="0.0550784" stop-color="#FF7432"></stop><stop offset="0.373284" stop-color="#F7CC4B"></stop><stop offset="1" stop-color="#F7CC4B" stop-opacity="0"></stop></linearGradient><linearGradient gradientUnits="userSpaceOnUse" id="orange-pulse-2" x1="868" y1="280" x2="868" y2="440"><stop stop-color="#FF7432" stop-opacity="0"></stop><stop offset="0.0531089" stop-color="#FF7432"></stop><stop offset="0.415114" stop-color="#F7CC4B"></stop><stop offset="1" stop-color="#F7CC4B" stop-opacity="0"></stop></linearGradient></defs></svg><img alt="" aria-hidden="true" loading="lazy" width="400" height="312" decoding="async" data-nimg="1" class="foundation_mobileLines__3hBQx" style="color:transparent" src="/icons/mobile-lines.svg"/><div class="stack_stack__iZkUS stack foundation_cpu__ciXpm" data-version="v1" style="--stack-flex:initial;--stack-direction:column;--stack-align:center;--stack-justify:center;--stack-padding:0px;--stack-gap:0px" aria-hidden="true"><div data-cpu-shine="true"></div><div data-connectors="true" data-side="left"><span data-connector="true"></span><span data-connector="true"></span></div><div data-connectors="true" data-side="top"><span data-connector="true"></span><span data-connector="true"></span><span data-connector="true"></span><span data-connector="true"></span><span data-connector="true"></span><span data-connector="true"></span></div><span data-text="true">Powered By</span><div data-connectors="true" data-side="bottom"><span data-connector="true"></span><span data-connector="true"></span><span data-connector="true"></span><span data-connector="true"></span><span data-connector="true"></span><span data-connector="true"></span></div><div data-connectors="true" data-side="right"><span data-connector="true"></span><span data-connector="true"></span></div></div></div><div class="stack_stack__iZkUS stack foundation_cards__jLR6D" data-version="v1" style="--stack-flex:initial;--sm-stack-direction:column;--lg-stack-direction:row;--stack-align:center;--stack-justify:center;--stack-padding:0px;--sm-stack-gap:16px;--md-stack-gap:16px;--lg-stack-gap:32px;--xl-stack-gap:32px"><a class="stack_stack__iZkUS stack foundation_card__v7VKB" data-version="v1" style="--stack-flex:initial;--stack-direction:column;--stack-align:stretch;--stack-justify:flex-start;--stack-padding:0px;--stack-gap:0px" data-variant="react" href="https://react.dev" rel="noopener noreferrer" target="_blank"><div data-icon="true"><img alt="React Logo" loading="lazy" width="45" height="40" decoding="async" data-nimg="1" style="color:transparent" src="/icons/react.svg"/></div><div class="stack_stack__iZkUS stack" data-version="v1" style="--stack-flex:initial;--stack-direction:column;--stack-align:stretch;--stack-justify:flex-start;--stack-padding:0px;--stack-gap:4px"><span class="stack_stack__iZkUS stack" data-version="v1" style="--stack-flex:initial;--stack-direction:row;--stack-align:center;--stack-justify:flex-start;--stack-padding:0px;--stack-gap:4px" data-title="true"><span>React</span><svg data-testid="geist-icon" height="16" stroke-linejoin="round" style="width:16px;height:16px;color:var(--ds-gray-700)" viewBox="0 0 16 16" width="16"><path fill-rule="evenodd" clip-rule="evenodd" d="M5.75001 2H5.00001V3.5H5.75001H11.4393L2.21968 12.7197L1.68935 13.25L2.75001 14.3107L3.28034 13.7803L12.4988 4.56182V10.25V11H13.9988V10.25V3C13.9988 2.44772 13.5511 2 12.9988 2H5.75001Z" fill="currentColor"/></svg></span><span data-subtitle="true">The library for web and native user interfaces. Next.js is built on the latest React features, including Server Components and Actions.</span></div></a><a class="stack_stack__iZkUS stack foundation_card__v7VKB" data-version="v1" style="--stack-flex:initial;--stack-direction:column;--stack-align:stretch;--stack-justify:flex-start;--stack-padding:0px;--stack-gap:0px" data-variant="turbo" href="https://turbo.build" rel="noopener noreferrer" target="_blank"><div data-icon="true"><img alt="Turbopack Logo" loading="lazy" width="40" height="40" decoding="async" data-nimg="1" style="color:transparent" src="/icons/turbopack.svg"/></div><div class="stack_stack__iZkUS stack" data-version="v1" style="--stack-flex:initial;--stack-direction:column;--stack-align:stretch;--stack-justify:flex-start;--stack-padding:0px;--stack-gap:4px"><span class="stack_stack__iZkUS stack" data-version="v1" style="--stack-flex:initial;--stack-direction:row;--stack-align:center;--stack-justify:flex-start;--stack-padding:0px;--stack-gap:4px" data-title="true"><span>Turbopack</span><svg data-testid="geist-icon" height="16" stroke-linejoin="round" style="width:16px;height:16px;color:var(--ds-gray-700)" viewBox="0 0 16 16" width="16"><path fill-rule="evenodd" clip-rule="evenodd" d="M5.75001 2H5.00001V3.5H5.75001H11.4393L2.21968 12.7197L1.68935 13.25L2.75001 14.3107L3.28034 13.7803L12.4988 4.56182V10.25V11H13.9988V10.25V3C13.9988 2.44772 13.5511 2 12.9988 2H5.75001Z" fill="currentColor"/></svg></span><span data-subtitle="true">An incremental bundler optimized for JavaScript and TypeScript, written in Rust <img alt="Rust Logo" loading="lazy" width="20" height="20" decoding="async" data-nimg="1" style="color:transparent;display:inline" src="/icons/rust.svg"/>, and built into Next.js.</span></div></a><a class="stack_stack__iZkUS stack foundation_card__v7VKB" data-version="v1" style="--stack-flex:initial;--stack-direction:column;--stack-align:stretch;--stack-justify:flex-start;--stack-padding:0px;--stack-gap:0px" data-variant="swc" href="https://swc.rs" rel="noopener noreferrer" target="_blank"><div data-icon="true"><img alt="SWC Logo" loading="lazy" width="92" height="32" decoding="async" data-nimg="1" style="color:transparent" src="/icons/swc.svg"/></div><div class="stack_stack__iZkUS stack" data-version="v1" style="--stack-flex:initial;--stack-direction:column;--stack-align:stretch;--stack-justify:flex-start;--stack-padding:0px;--stack-gap:4px"><span class="stack_stack__iZkUS stack" data-version="v1" style="--stack-flex:initial;--stack-direction:row;--stack-align:center;--stack-justify:flex-start;--stack-padding:0px;--stack-gap:4px" data-title="true"><span>Speedy Web Compiler</span><svg data-testid="geist-icon" height="16" stroke-linejoin="round" style="width:16px;height:16px;color:var(--ds-gray-700)" viewBox="0 0 16 16" width="16"><path fill-rule="evenodd" clip-rule="evenodd" d="M5.75001 2H5.00001V3.5H5.75001H11.4393L2.21968 12.7197L1.68935 13.25L2.75001 14.3107L3.28034 13.7803L12.4988 4.56182V10.25V11H13.9988V10.25V3C13.9988 2.44772 13.5511 2 12.9988 2H5.75001Z" fill="currentColor"/></svg></span><span data-subtitle="true">An extensible Rust <img alt="Rust Logo" loading="lazy" width="20" height="20" decoding="async" data-nimg="1" style="color:transparent;display:inline" src="/icons/rust.svg"/> based platform for the next generation of fast developer tools, and can be used for both compilation and minification.</span></div></a></div></div></section><!--/$--><!--$--><section class="vercel_root__wNDjk"><div class="vercel_inner__i2Mr5"><div aria-hidden="true" class="intro_gridContainerLine__GHkon" data-fade="true" data-side="left" style="--line-fade-stop:75%"></div><div class="vercel_main___ZAyT"><div class="stack_stack__iZkUS stack vercel_title__kXJA2" data-version="v1" style="--stack-flex:initial;--sm-stack-direction:column;--md-stack-direction:row;--sm-stack-align:center;--md-stack-align:baseline;--sm-stack-justify:center;--lg-stack-justify:flex-start;--stack-padding:0px;--sm-stack-gap:8px;--md-stack-gap:16px;--lg-stack-gap:16px;--xl-stack-gap:16px"><h2 class="gradient-text" data-main-heading="true">Get started in seconds</h2><p data-main-paragraph="true">Deploy Next.js to Vercel</p></div><div class="stack_stack__iZkUS stack vercel_content__awc0J intro_gridLineTop__WIuPu" data-version="v1" style="--line-offset:300px;--stack-flex:initial;--sm-stack-direction:column;--lg-stack-direction:row;--stack-align:stretch;--stack-justify:space-between;--stack-padding:0px;--stack-gap:0px"><div class="stack_stack__iZkUS stack vercel_meta__MtJGA" data-version="v1" style="--stack-flex:initial;--stack-direction:column;--sm-stack-align:center;--lg-stack-align:baseline;--stack-justify:flex-start;--stack-padding:0px;--stack-gap:0px"><div class="stack_stack__iZkUS stack templates_badges__9OFie vercel_badges__QzAgf" data-version="v1" style="--stack-flex:initial;--stack-direction:row;--stack-align:stretch;--stack-justify:flex-start;--stack-padding:0px;--stack-gap:16px" aria-hidden="true"><span class="templates_badge__Hhdm7" data-color="purple">Starter</span><span class="templates_badge__Hhdm7" data-color="green">Ecommerce</span><span class="templates_badge__Hhdm7" data-color="amber">Blog</span><span class="templates_badge__Hhdm7" data-color="blue">AI</span><span class="templates_badge__Hhdm7" data-color="purple">Edge Functions</span><span class="templates_badge__Hhdm7" data-color="green">Edge Config</span><span class="templates_badge__Hhdm7" data-color="amber">Portfolio</span><span class="templates_badge__Hhdm7" data-color="blue">SaaS</span><span class="templates_badge__Hhdm7" data-color="purple">Multi-tenant Apps</span><span class="templates_badge__Hhdm7" data-color="green">Realtime Apps</span><span class="templates_badge__Hhdm7" data-color="amber">Documentation</span><span class="templates_badge__Hhdm7" data-color="blue">Virtual Event</span><span class="templates_badge__Hhdm7" data-color="purple">Web3</span></div><p class="vercel_subtitle__jIOec">Vercel is a frontend cloud from the creators of Next.js, making it easy to get started with Next.js quickly.</p><p class="vercel_subtitle__jIOec">Jumpstart your Next.js development with pre-built solutions from Vercel and our community.</p><a role="link" tabindex="0" href="https://vercel.com/templates/next.js?utm_source=next-site&amp;utm_medium=deploy-template-on-vercel-cta&amp;utm_campaign=homepage-new" target="_blank" type="submit" rel="noopener noreferrer" class="button_base__BjwbK reset_reset__KRyvc button_button__81573 reset_reset__KRyvc vercel_button__bGNk4 button_large__fuY6E button_invert__YNhnn" data-geist-button="" data-prefix="false" data-suffix="true" data-version="v1" style="--geist-icon-size:16px"><span class="button_content__1aE1_">Deploy a Template on Vercel</span><span class="button_suffix__ucg7R"><svg class="with-icon_icon__MHUeb" data-testid="geist-icon" fill="none" height="24" shape-rendering="geometricPrecision" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" viewBox="0 0 24 24" width="24" style="color:currentColor;width:20px;height:20px"><path d="M7 17L17 7"/><path d="M7 7h10v10"/></svg></span></a></div><div class="stack_stack__iZkUS stack vercel_templates__DLxOb" data-version="v1" style="--stack-flex:initial;--stack-direction:row;--stack-align:center;--stack-justify:center;--stack-padding:0px;--stack-gap:0px" aria-label="Three illustrative template cards are displayed at a rotated angle, offset on top on each other: Next.js Commerce, Image Gallery Starter, and Next.js Boilerplate."><div class="stack_stack__iZkUS stack templates_templateCard__ogq_Q" data-version="v1" style="--stack-flex:initial;--stack-direction:column;--stack-align:stretch;--stack-justify:flex-start;--stack-padding:0px;--stack-gap:0px" aria-hidden="true"><img alt="A Next.js app and a Serverless Function API." loading="lazy" width="1905" height="1269" decoding="async" data-nimg="1" class="templates_image__OUeIH" style="color:transparent" srcSet="/_next/image?url=https%3A%2F%2Fassets.vercel.com%2Fimage%2Fupload%2Fv1677122002%2Fnextjs%2Fshowcase%2Ftemplate-next-boilerplate.jpg&amp;w=1920&amp;q=75&amp;dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw 1x, /_next/image?url=https%3A%2F%2Fassets.vercel.com%2Fimage%2Fupload%2Fv1677122002%2Fnextjs%2Fshowcase%2Ftemplate-next-boilerplate.jpg&amp;w=3840&amp;q=75&amp;dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw 2x" src="/_next/image?url=https%3A%2F%2Fassets.vercel.com%2Fimage%2Fupload%2Fv1677122002%2Fnextjs%2Fshowcase%2Ftemplate-next-boilerplate.jpg&amp;w=3840&amp;q=75&amp;dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw"/><div class="stack_stack__iZkUS stack templates_description__PAAfR" data-version="v1" style="--stack-flex:initial;--stack-direction:column;--stack-align:stretch;--stack-justify:flex-start;--stack-padding:0px;--stack-gap:8px"><p>Next.js Boilerplate</p><p>A Next.js app and a Serverless Function API.</p></div></div><div class="stack_stack__iZkUS stack templates_templateCard__ogq_Q" data-version="v1" style="--stack-flex:initial;--stack-direction:column;--stack-align:stretch;--stack-justify:flex-start;--stack-padding:0px;--stack-gap:0px" aria-hidden="true"><img alt="An image gallery built on Next.js and Cloudinary." loading="lazy" width="1492" height="980" decoding="async" data-nimg="1" class="templates_image__OUeIH" style="color:transparent" srcSet="/_next/image?url=https%3A%2F%2Fassets.vercel.com%2Fimage%2Fupload%2Fv1677122387%2Fnextjs%2Fshowcase%2Ftemplate-next-gallery.jpg&amp;w=1920&amp;q=75&amp;dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw 1x, /_next/image?url=https%3A%2F%2Fassets.vercel.com%2Fimage%2Fupload%2Fv1677122387%2Fnextjs%2Fshowcase%2Ftemplate-next-gallery.jpg&amp;w=3840&amp;q=75&amp;dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw 2x" src="/_next/image?url=https%3A%2F%2Fassets.vercel.com%2Fimage%2Fupload%2Fv1677122387%2Fnextjs%2Fshowcase%2Ftemplate-next-gallery.jpg&amp;w=3840&amp;q=75&amp;dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw"/><div class="stack_stack__iZkUS stack templates_description__PAAfR" data-version="v1" style="--stack-flex:initial;--stack-direction:column;--stack-align:stretch;--stack-justify:flex-start;--stack-padding:0px;--stack-gap:8px"><p>Image Gallery Starter</p><p>An image gallery built on Next.js and Cloudinary.</p></div></div><div class="stack_stack__iZkUS stack templates_templateCard__ogq_Q" data-version="v1" style="--stack-flex:initial;--stack-direction:column;--stack-align:stretch;--stack-justify:flex-start;--stack-padding:0px;--stack-gap:0px" aria-hidden="true"><img alt="An all-in-one starter kit for high-performance ecommerce sites." loading="lazy" width="1200" height="960" decoding="async" data-nimg="1" class="templates_image__OUeIH" style="color:transparent" srcSet="/_next/image?url=https%3A%2F%2Fassets.vercel.com%2Fimage%2Fupload%2Fv1677122003%2Fnextjs%2Fshowcase%2Ftemplate-next-commerce.jpg&amp;w=1200&amp;q=75&amp;dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw 1x, /_next/image?url=https%3A%2F%2Fassets.vercel.com%2Fimage%2Fupload%2Fv1677122003%2Fnextjs%2Fshowcase%2Ftemplate-next-commerce.jpg&amp;w=3840&amp;q=75&amp;dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw 2x" src="/_next/image?url=https%3A%2F%2Fassets.vercel.com%2Fimage%2Fupload%2Fv1677122003%2Fnextjs%2Fshowcase%2Ftemplate-next-commerce.jpg&amp;w=3840&amp;q=75&amp;dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw"/><div class="stack_stack__iZkUS stack templates_description__PAAfR" data-version="v1" style="--stack-flex:initial;--stack-direction:column;--stack-align:stretch;--stack-justify:flex-start;--stack-padding:0px;--stack-gap:8px"><p>Next.js Commerce</p><p>An all-in-one starter kit for high-performance ecommerce sites.</p></div></div></div></div></div></div></section><!--/$--><!--$--><section class="stack_stack__iZkUS stack customers_root__6St4m" data-version="v1" style="--stack-flex:initial;--stack-direction:column;--stack-align:center;--stack-justify:flex-start;--stack-padding:0px;--stack-gap:0px"><img alt="" aria-hidden="true" data-divider="true" loading="lazy" width="800" height="110" decoding="async" data-nimg="1" style="color:transparent" src="/icons/divider.svg"/><img alt="" aria-hidden="true" data-divider-mobile="true" loading="lazy" width="336" height="65" decoding="async" data-nimg="1" style="color:transparent" src="/icons/divider-mobile.svg"/><h2 class="customers_title__0hAia gradient-text">The framework of choice <span data-break="true"></span> when it matters</h2><div class="showcase-preview_root__4D7rp"><div class="stack_stack__iZkUS stack showcase-preview_gridDesktop__y7Cwi" data-version="v1" style="--stack-flex:initial;--stack-direction:row;--stack-align:stretch;--stack-justify:flex-start;--stack-padding:0px;--stack-gap:32px"><div class="stack_stack__iZkUS stack" data-version="v1" style="--stack-flex:initial;--stack-direction:column;--stack-align:stretch;--stack-justify:flex-start;--stack-padding:0px;--stack-gap:32px"><a class="showcase-preview_preview__HcSHu" style="width:388px;height:316px" href="/showcase"><img alt="Screenshot of Audible&#x27;s website" loading="lazy" width="388" height="316" decoding="async" data-nimg="1" style="color:transparent;background-size:cover;background-position:50% 50%;background-repeat:no-repeat;background-image:url(&quot;data:image/svg+xml;charset=utf-8,%3Csvg xmlns=&#x27;http://www.w3.org/2000/svg&#x27; viewBox=&#x27;0 0 320 240&#x27;%3E%3Cfilter id=&#x27;b&#x27; color-interpolation-filters=&#x27;sRGB&#x27;%3E%3CfeGaussianBlur stdDeviation=&#x27;20&#x27;/%3E%3CfeColorMatrix values=&#x27;1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 100 -1&#x27; result=&#x27;s&#x27;/%3E%3CfeFlood x=&#x27;0&#x27; y=&#x27;0&#x27; width=&#x27;100%25&#x27; height=&#x27;100%25&#x27;/%3E%3CfeComposite operator=&#x27;out&#x27; in=&#x27;s&#x27;/%3E%3CfeComposite in2=&#x27;SourceGraphic&#x27;/%3E%3CfeGaussianBlur stdDeviation=&#x27;20&#x27;/%3E%3C/filter%3E%3Cimage width=&#x27;100%25&#x27; height=&#x27;100%25&#x27; x=&#x27;0&#x27; y=&#x27;0&#x27; preserveAspectRatio=&#x27;none&#x27; style=&#x27;filter: url(%23b);&#x27; href=&#x27;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAGCAMAAADJ2y/JAAAATlBMVEX9/v708Ob99OjIs5xrX0zt7Ov19vX5+fnYzsHQxbn92J3ozay1g0zj5efc08etez7u5NPt3MPj5OOxdjHsyZHYvJbChDY/PUXQtI+kgVsdb9N8AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAOUlEQVR4nBXISRKAIAwAwQECSQDFffn/Ry372Hhq56pFeXq/jrwV6n5L/ae9IiOZA2GZ3YwYphwVPjg+AcShaDZKAAAAAElFTkSuQmCC&#x27;/%3E%3C/svg%3E&quot;)" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fpreview-audible.6063405a.png&amp;w=640&amp;q=75&amp;dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fpreview-audible.6063405a.png&amp;w=828&amp;q=75&amp;dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fpreview-audible.6063405a.png&amp;w=828&amp;q=75&amp;dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw"/><div class="showcase-preview_title__jFvZn">Audible<hr/><svg class="text-[rgba(177, 177, 177)]" data-testid="geist-icon" height="16" stroke-linejoin="round" style="width:14px;height:14px;color:currentColor" viewBox="0 0 16 16" width="16"><path fill-rule="evenodd" clip-rule="evenodd" d="M5.75001 2H5.00001V3.5H5.75001H11.4393L2.21968 12.7197L1.68935 13.25L2.75001 14.3107L3.28034 13.7803L12.4988 4.56182V10.25V11H13.9988V10.25V3C13.9988 2.44772 13.5511 2 12.9988 2H5.75001Z" fill="currentColor"/></svg></div></a><a class="showcase-preview_preview__HcSHu" style="width:388px;height:210px" href="/showcase"><img alt="Screenshot of Sonos&#x27;s website" loading="lazy" width="388" height="210" decoding="async" data-nimg="1" style="color:transparent;background-size:cover;background-position:50% 50%;background-repeat:no-repeat;background-image:url(&quot;data:image/svg+xml;charset=utf-8,%3Csvg xmlns=&#x27;http://www.w3.org/2000/svg&#x27; viewBox=&#x27;0 0 320 160&#x27;%3E%3Cfilter id=&#x27;b&#x27; color-interpolation-filters=&#x27;sRGB&#x27;%3E%3CfeGaussianBlur stdDeviation=&#x27;20&#x27;/%3E%3CfeColorMatrix values=&#x27;1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 100 -1&#x27; result=&#x27;s&#x27;/%3E%3CfeFlood x=&#x27;0&#x27; y=&#x27;0&#x27; width=&#x27;100%25&#x27; height=&#x27;100%25&#x27;/%3E%3CfeComposite operator=&#x27;out&#x27; in=&#x27;s&#x27;/%3E%3CfeComposite in2=&#x27;SourceGraphic&#x27;/%3E%3CfeGaussianBlur stdDeviation=&#x27;20&#x27;/%3E%3C/filter%3E%3Cimage width=&#x27;100%25&#x27; height=&#x27;100%25&#x27; x=&#x27;0&#x27; y=&#x27;0&#x27; preserveAspectRatio=&#x27;none&#x27; style=&#x27;filter: url(%23b);&#x27; href=&#x27;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAECAMAAACEE47CAAAAM1BMVEV+VkeIXFE0NCx0bFqadUySfmeViHGEZFCHfmxqRDpKTDxsZVFkZVRgVEFtTkOnnoZLSUDpG7xTAAAADHRSTlP9/////f///f39//41iceyAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAKUlEQVR4nAXBCQIAIAQEwEVLoeP/r20GmrnbSOgzOUXH8IlVATRd5JIfD/UA1mk/77IAAAAASUVORK5CYII=&#x27;/%3E%3C/svg%3E&quot;)" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fpreview-sonos.a3dbc334.png&amp;w=640&amp;q=75&amp;dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fpreview-sonos.a3dbc334.png&amp;w=828&amp;q=75&amp;dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fpreview-sonos.a3dbc334.png&amp;w=828&amp;q=75&amp;dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw"/><div class="showcase-preview_title__jFvZn">Sonos<hr/><svg class="text-[rgba(177, 177, 177)]" data-testid="geist-icon" height="16" stroke-linejoin="round" style="width:14px;height:14px;color:currentColor" viewBox="0 0 16 16" width="16"><path fill-rule="evenodd" clip-rule="evenodd" d="M5.75001 2H5.00001V3.5H5.75001H11.4393L2.21968 12.7197L1.68935 13.25L2.75001 14.3107L3.28034 13.7803L12.4988 4.56182V10.25V11H13.9988V10.25V3C13.9988 2.44772 13.5511 2 12.9988 2H5.75001Z" fill="currentColor"/></svg></div></a></div><div class="stack_stack__iZkUS stack" data-version="v1" style="--stack-flex:1;--stack-direction:column;--stack-align:stretch;--stack-justify:flex-start;--stack-padding:0px;--stack-gap:0px"><a class="showcase-preview_preview__HcSHu" style="width:302px;height:608px" href="/showcase"><img alt="Screenshot of Dice&#x27;s website" loading="lazy" width="302" height="608" decoding="async" data-nimg="1" style="color:transparent;background-size:cover;background-position:50% 50%;background-repeat:no-repeat;background-image:url(&quot;data:image/svg+xml;charset=utf-8,%3Csvg xmlns=&#x27;http://www.w3.org/2000/svg&#x27; viewBox=&#x27;0 0 160 320&#x27;%3E%3Cfilter id=&#x27;b&#x27; color-interpolation-filters=&#x27;sRGB&#x27;%3E%3CfeGaussianBlur stdDeviation=&#x27;20&#x27;/%3E%3CfeColorMatrix values=&#x27;1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 100 -1&#x27; result=&#x27;s&#x27;/%3E%3CfeFlood x=&#x27;0&#x27; y=&#x27;0&#x27; width=&#x27;100%25&#x27; height=&#x27;100%25&#x27;/%3E%3CfeComposite operator=&#x27;out&#x27; in=&#x27;s&#x27;/%3E%3CfeComposite in2=&#x27;SourceGraphic&#x27;/%3E%3CfeGaussianBlur stdDeviation=&#x27;20&#x27;/%3E%3C/filter%3E%3Cimage width=&#x27;100%25&#x27; height=&#x27;100%25&#x27; x=&#x27;0&#x27; y=&#x27;0&#x27; preserveAspectRatio=&#x27;none&#x27; style=&#x27;filter: url(%23b);&#x27; href=&#x27;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAQAAAAICAMAAADp7a43AAAAMFBMVEUCBQkXGBkREBMjJyUqLS44RCw2OjmJjotaXGGAm2M+V11ojqM9QDNbanFQaoV+rbyTQ3hmAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAKUlEQVR4nAXBhwEAIAjAsLIEnP9/a4KJCqpAxHC6M9k2HDfgnbuYUvUBCqcAsIASQz8AAAAASUVORK5CYII=&#x27;/%3E%3C/svg%3E&quot;)" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fpreview-dice.9a4fbb45.png&amp;w=640&amp;q=75&amp;dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw 1x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fpreview-dice.9a4fbb45.png&amp;w=640&amp;q=75&amp;dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw"/><div class="showcase-preview_title__jFvZn">Dice<hr/><svg class="text-[rgba(177, 177, 177)]" data-testid="geist-icon" height="16" stroke-linejoin="round" style="width:14px;height:14px;color:currentColor" viewBox="0 0 16 16" width="16"><path fill-rule="evenodd" clip-rule="evenodd" d="M5.75001 2H5.00001V3.5H5.75001H11.4393L2.21968 12.7197L1.68935 13.25L2.75001 14.3107L3.28034 13.7803L12.4988 4.56182V10.25V11H13.9988V10.25V3C13.9988 2.44772 13.5511 2 12.9988 2H5.75001Z" fill="currentColor"/></svg></div></a></div><div class="stack_stack__iZkUS stack" data-version="v1" style="--stack-flex:initial;--stack-direction:column;--stack-align:stretch;--stack-justify:flex-start;--stack-padding:0px;--stack-gap:32px"><a class="showcase-preview_preview__HcSHu" style="width:390px;height:312px" href="/showcase"><img alt="Screenshot of Notion&#x27;s website" loading="lazy" width="390" height="312" decoding="async" data-nimg="1" style="color:transparent;background-size:cover;background-position:50% 50%;background-repeat:no-repeat;background-image:url(&quot;data:image/svg+xml;charset=utf-8,%3Csvg xmlns=&#x27;http://www.w3.org/2000/svg&#x27; viewBox=&#x27;0 0 320 240&#x27;%3E%3Cfilter id=&#x27;b&#x27; color-interpolation-filters=&#x27;sRGB&#x27;%3E%3CfeGaussianBlur stdDeviation=&#x27;20&#x27;/%3E%3CfeColorMatrix values=&#x27;1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 100 -1&#x27; result=&#x27;s&#x27;/%3E%3CfeFlood x=&#x27;0&#x27; y=&#x27;0&#x27; width=&#x27;100%25&#x27; height=&#x27;100%25&#x27;/%3E%3CfeComposite operator=&#x27;out&#x27; in=&#x27;s&#x27;/%3E%3CfeComposite in2=&#x27;SourceGraphic&#x27;/%3E%3CfeGaussianBlur stdDeviation=&#x27;20&#x27;/%3E%3C/filter%3E%3Cimage width=&#x27;100%25&#x27; height=&#x27;100%25&#x27; x=&#x27;0&#x27; y=&#x27;0&#x27; preserveAspectRatio=&#x27;none&#x27; style=&#x27;filter: url(%23b);&#x27; href=&#x27;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAGCAMAAADJ2y/JAAAAIVBMVEX////19fX6+vvp6uvc3Nzx8fDi4+TR0dHKx8Xj3Na2trZZj7NkAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAL0lEQVR4nB3GuQ0AMAwDsbMkO8/+AwcIKyLlnKhBs3cEqLNcQN2Z9SOXLOhyO/UAEpwAndBun0YAAAAASUVORK5CYII=&#x27;/%3E%3C/svg%3E&quot;)" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fpreview-notion.2bd1f0c5.png&amp;w=640&amp;q=75&amp;dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fpreview-notion.2bd1f0c5.png&amp;w=828&amp;q=75&amp;dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fpreview-notion.2bd1f0c5.png&amp;w=828&amp;q=75&amp;dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw"/><div class="showcase-preview_title__jFvZn">Notion<hr/><svg class="text-[rgba(177, 177, 177)]" data-testid="geist-icon" height="16" stroke-linejoin="round" style="width:14px;height:14px;color:currentColor" viewBox="0 0 16 16" width="16"><path fill-rule="evenodd" clip-rule="evenodd" d="M5.75001 2H5.00001V3.5H5.75001H11.4393L2.21968 12.7197L1.68935 13.25L2.75001 14.3107L3.28034 13.7803L12.4988 4.56182V10.25V11H13.9988V10.25V3C13.9988 2.44772 13.5511 2 12.9988 2H5.75001Z" fill="currentColor"/></svg></div></a><div class="stack_stack__iZkUS stack" data-version="v1" style="--stack-flex:initial;--stack-direction:row;--stack-align:stretch;--stack-justify:flex-start;--stack-padding:0px;--stack-gap:32px"><a class="showcase-preview_preview__HcSHu" style="width:179px;height:125px" href="/showcase"><img alt="Screenshot of Today&#x27;s website" loading="lazy" width="179" height="125" decoding="async" data-nimg="1" style="color:transparent;background-size:cover;background-position:50% 50%;background-repeat:no-repeat;background-image:url(&quot;data:image/svg+xml;charset=utf-8,%3Csvg xmlns=&#x27;http://www.w3.org/2000/svg&#x27; viewBox=&#x27;0 0 320 240&#x27;%3E%3Cfilter id=&#x27;b&#x27; color-interpolation-filters=&#x27;sRGB&#x27;%3E%3CfeGaussianBlur stdDeviation=&#x27;20&#x27;/%3E%3CfeColorMatrix values=&#x27;1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 100 -1&#x27; result=&#x27;s&#x27;/%3E%3CfeFlood x=&#x27;0&#x27; y=&#x27;0&#x27; width=&#x27;100%25&#x27; height=&#x27;100%25&#x27;/%3E%3CfeComposite operator=&#x27;out&#x27; in=&#x27;s&#x27;/%3E%3CfeComposite in2=&#x27;SourceGraphic&#x27;/%3E%3CfeGaussianBlur stdDeviation=&#x27;20&#x27;/%3E%3C/filter%3E%3Cimage width=&#x27;100%25&#x27; height=&#x27;100%25&#x27; x=&#x27;0&#x27; y=&#x27;0&#x27; preserveAspectRatio=&#x27;none&#x27; style=&#x27;filter: url(%23b);&#x27; href=&#x27;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAGCAMAAADJ2y/JAAAAXVBMVEX+dmbVTlZVWV78+Pj08vSqoKODXVrj4OXmqqXq5ujj1dDSx8W7ur3RzND27+/fWmD+aVjr2tdxbGr4b1/LPlmBdoF0XGNnZXSdh5OVf4zIsan3UkC3traTmaS9m5Pwn6IAAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAOUlEQVR4nAXBBQKAMAwAsZu2HTLc4f/PJOF2bqmqA7qdOU9+Ro5196NAkGLSB7CrpLaLYN/zpibyAzwwAijHOLq/AAAAAElFTkSuQmCC&#x27;/%3E%3C/svg%3E&quot;)" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fpreview-today.98d66e07.png&amp;w=192&amp;q=75&amp;dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fpreview-today.98d66e07.png&amp;w=640&amp;q=75&amp;dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fpreview-today.98d66e07.png&amp;w=640&amp;q=75&amp;dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw"/><div class="showcase-preview_title__jFvZn">Today<hr/><svg class="text-[rgba(177, 177, 177)]" data-testid="geist-icon" height="16" stroke-linejoin="round" style="width:14px;height:14px;color:currentColor" viewBox="0 0 16 16" width="16"><path fill-rule="evenodd" clip-rule="evenodd" d="M5.75001 2H5.00001V3.5H5.75001H11.4393L2.21968 12.7197L1.68935 13.25L2.75001 14.3107L3.28034 13.7803L12.4988 4.56182V10.25V11H13.9988V10.25V3C13.9988 2.44772 13.5511 2 12.9988 2H5.75001Z" fill="currentColor"/></svg></div></a><a class="showcase-preview_preview__HcSHu" style="width:179px;height:125px" href="/showcase"><img alt="Screenshot of ProductHunt&#x27;s website" loading="lazy" width="179" height="125" decoding="async" data-nimg="1" style="color:transparent;background-size:cover;background-position:50% 50%;background-repeat:no-repeat;background-image:url(&quot;data:image/svg+xml;charset=utf-8,%3Csvg xmlns=&#x27;http://www.w3.org/2000/svg&#x27; viewBox=&#x27;0 0 320 200&#x27;%3E%3Cfilter id=&#x27;b&#x27; color-interpolation-filters=&#x27;sRGB&#x27;%3E%3CfeGaussianBlur stdDeviation=&#x27;20&#x27;/%3E%3CfeColorMatrix values=&#x27;1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 100 -1&#x27; result=&#x27;s&#x27;/%3E%3CfeFlood x=&#x27;0&#x27; y=&#x27;0&#x27; width=&#x27;100%25&#x27; height=&#x27;100%25&#x27;/%3E%3CfeComposite operator=&#x27;out&#x27; in=&#x27;s&#x27;/%3E%3CfeComposite in2=&#x27;SourceGraphic&#x27;/%3E%3CfeGaussianBlur stdDeviation=&#x27;20&#x27;/%3E%3C/filter%3E%3Cimage width=&#x27;100%25&#x27; height=&#x27;100%25&#x27; x=&#x27;0&#x27; y=&#x27;0&#x27; preserveAspectRatio=&#x27;none&#x27; style=&#x27;filter: url(%23b);&#x27; href=&#x27;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAFCAMAAABPT11nAAAAHlBMVEX+/v7l5ej4+Pr19PXIzM7S1NSPi5fAwcY6Ozf549c8q4OtAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAJ0lEQVR4nBXJxxEAIADDMDuh7r8wh76iDTgvMbCO1ARHcfCvRGDuPAhJAFiFigxgAAAAAElFTkSuQmCC&#x27;/%3E%3C/svg%3E&quot;)" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fpreview-ph.c43e26c6.png&amp;w=192&amp;q=75&amp;dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fpreview-ph.c43e26c6.png&amp;w=640&amp;q=75&amp;dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fpreview-ph.c43e26c6.png&amp;w=640&amp;q=75&amp;dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw"/><div class="showcase-preview_title__jFvZn">ProductHunt<hr/><svg class="text-[rgba(177, 177, 177)]" data-testid="geist-icon" height="16" stroke-linejoin="round" style="width:14px;height:14px;color:currentColor" viewBox="0 0 16 16" width="16"><path fill-rule="evenodd" clip-rule="evenodd" d="M5.75001 2H5.00001V3.5H5.75001H11.4393L2.21968 12.7197L1.68935 13.25L2.75001 14.3107L3.28034 13.7803L12.4988 4.56182V10.25V11H13.9988V10.25V3C13.9988 2.44772 13.5511 2 12.9988 2H5.75001Z" fill="currentColor"/></svg></div></a></div></div><div class="stack_stack__iZkUS stack" data-version="v1" style="--stack-flex:initial;--stack-direction:column;--stack-align:stretch;--stack-justify:flex-start;--stack-padding:0px;--stack-gap:32px"><a class="showcase-preview_preview__HcSHu" style="width:390px;height:312px" href="/showcase"><img alt="Screenshot of Nike&#x27;s website" loading="lazy" width="390" height="312" decoding="async" data-nimg="1" style="color:transparent;background-size:cover;background-position:50% 50%;background-repeat:no-repeat;background-image:url(&quot;data:image/svg+xml;charset=utf-8,%3Csvg xmlns=&#x27;http://www.w3.org/2000/svg&#x27; viewBox=&#x27;0 0 320 240&#x27;%3E%3Cfilter id=&#x27;b&#x27; color-interpolation-filters=&#x27;sRGB&#x27;%3E%3CfeGaussianBlur stdDeviation=&#x27;20&#x27;/%3E%3CfeColorMatrix values=&#x27;1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 100 -1&#x27; result=&#x27;s&#x27;/%3E%3CfeFlood x=&#x27;0&#x27; y=&#x27;0&#x27; width=&#x27;100%25&#x27; height=&#x27;100%25&#x27;/%3E%3CfeComposite operator=&#x27;out&#x27; in=&#x27;s&#x27;/%3E%3CfeComposite in2=&#x27;SourceGraphic&#x27;/%3E%3CfeGaussianBlur stdDeviation=&#x27;20&#x27;/%3E%3C/filter%3E%3Cimage width=&#x27;100%25&#x27; height=&#x27;100%25&#x27; x=&#x27;0&#x27; y=&#x27;0&#x27; preserveAspectRatio=&#x27;none&#x27; style=&#x27;filter: url(%23b);&#x27; href=&#x27;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAGCAMAAADJ2y/JAAAAJ1BMVEXx8fD9/f3o5+Pr6+rR0MzKysfe3drDwrvj4+DX0cW7tqqrppmPjoYX8ybnAAAACXBIWXMAAAsTAAALEwEAmpwYAAAALklEQVR4nAXBiQHAMAgDsbMN5Ov+81aCCOQwS2l6cGVdH+Oq53wFWzX0RqIb6QcRkgCrZLQNzAAAAABJRU5ErkJggg==&#x27;/%3E%3C/svg%3E&quot;)" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fpreview-nike.ae99d521.png&amp;w=640&amp;q=75&amp;dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fpreview-nike.ae99d521.png&amp;w=828&amp;q=75&amp;dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fpreview-nike.ae99d521.png&amp;w=828&amp;q=75&amp;dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw"/><div class="showcase-preview_title__jFvZn">Nike<hr/><svg class="text-[rgba(177, 177, 177)]" data-testid="geist-icon" height="16" stroke-linejoin="round" style="width:14px;height:14px;color:currentColor" viewBox="0 0 16 16" width="16"><path fill-rule="evenodd" clip-rule="evenodd" d="M5.75001 2H5.00001V3.5H5.75001H11.4393L2.21968 12.7197L1.68935 13.25L2.75001 14.3107L3.28034 13.7803L12.4988 4.56182V10.25V11H13.9988V10.25V3C13.9988 2.44772 13.5511 2 12.9988 2H5.75001Z" fill="currentColor"/></svg></div></a><a class="showcase-preview_preview__HcSHu" style="width:390px;height:312px" href="/showcase"><img alt="Screenshot of Washington Post&#x27;s website" loading="lazy" width="390" height="312" decoding="async" data-nimg="1" style="color:transparent;background-size:cover;background-position:50% 50%;background-repeat:no-repeat;background-image:url(&quot;data:image/svg+xml;charset=utf-8,%3Csvg xmlns=&#x27;http://www.w3.org/2000/svg&#x27; viewBox=&#x27;0 0 320 240&#x27;%3E%3Cfilter id=&#x27;b&#x27; color-interpolation-filters=&#x27;sRGB&#x27;%3E%3CfeGaussianBlur stdDeviation=&#x27;20&#x27;/%3E%3CfeColorMatrix values=&#x27;1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 100 -1&#x27; result=&#x27;s&#x27;/%3E%3CfeFlood x=&#x27;0&#x27; y=&#x27;0&#x27; width=&#x27;100%25&#x27; height=&#x27;100%25&#x27;/%3E%3CfeComposite operator=&#x27;out&#x27; in=&#x27;s&#x27;/%3E%3CfeComposite in2=&#x27;SourceGraphic&#x27;/%3E%3CfeGaussianBlur stdDeviation=&#x27;20&#x27;/%3E%3C/filter%3E%3Cimage width=&#x27;100%25&#x27; height=&#x27;100%25&#x27; x=&#x27;0&#x27; y=&#x27;0&#x27; preserveAspectRatio=&#x27;none&#x27; style=&#x27;filter: url(%23b);&#x27; href=&#x27;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAGCAMAAADJ2y/JAAAAPFBMVEX6+vrBv8Kzs7Te29nT0NDLy8vh4uT+/v729vbu7u6Cf4Xn5+bU2eG5sqappZ+hmpdsX1qXk4vDvbebjIDSGfTnAAAACXBIWXMAAAsTAAALEwEAmpwYAAAANklEQVR4nBXGWRKAIAwFwQES8gIoLve/q2V/Ne5eq60FijKOt6EMO+/LIKMM9QmJbc3+pz1IHyPzAVM+Wuz8AAAAAElFTkSuQmCC&#x27;/%3E%3C/svg%3E&quot;)" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fpreview-wapo.2769ff64.png&amp;w=640&amp;q=75&amp;dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fpreview-wapo.2769ff64.png&amp;w=828&amp;q=75&amp;dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fpreview-wapo.2769ff64.png&amp;w=828&amp;q=75&amp;dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw"/><div class="showcase-preview_title__jFvZn">Washington Post<hr/><svg class="text-[rgba(177, 177, 177)]" data-testid="geist-icon" height="16" stroke-linejoin="round" style="width:14px;height:14px;color:currentColor" viewBox="0 0 16 16" width="16"><path fill-rule="evenodd" clip-rule="evenodd" d="M5.75001 2H5.00001V3.5H5.75001H11.4393L2.21968 12.7197L1.68935 13.25L2.75001 14.3107L3.28034 13.7803L12.4988 4.56182V10.25V11H13.9988V10.25V3C13.9988 2.44772 13.5511 2 12.9988 2H5.75001Z" fill="currentColor"/></svg></div></a></div></div><div class="stack_stack__iZkUS stack showcase-preview_gridMobile__1nPyt" data-version="v1" style="--stack-flex:initial;--stack-direction:row;--stack-align:stretch;--stack-justify:flex-start;--stack-padding:0px;--stack-gap:16px"><div class="stack_stack__iZkUS stack" data-version="v1" style="--stack-flex:initial;--stack-direction:column;--stack-align:stretch;--stack-justify:flex-start;--stack-padding:0px;--stack-gap:16px"><a class="showcase-preview_preview__HcSHu" style="width:240px;height:150px" href="/showcase"><img alt="Screenshot of Sonos&#x27;s website" loading="lazy" width="240" height="150" decoding="async" data-nimg="1" style="color:transparent;background-size:cover;background-position:50% 50%;background-repeat:no-repeat;background-image:url(&quot;data:image/svg+xml;charset=utf-8,%3Csvg xmlns=&#x27;http://www.w3.org/2000/svg&#x27; viewBox=&#x27;0 0 320 160&#x27;%3E%3Cfilter id=&#x27;b&#x27; color-interpolation-filters=&#x27;sRGB&#x27;%3E%3CfeGaussianBlur stdDeviation=&#x27;20&#x27;/%3E%3CfeColorMatrix values=&#x27;1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 100 -1&#x27; result=&#x27;s&#x27;/%3E%3CfeFlood x=&#x27;0&#x27; y=&#x27;0&#x27; width=&#x27;100%25&#x27; height=&#x27;100%25&#x27;/%3E%3CfeComposite operator=&#x27;out&#x27; in=&#x27;s&#x27;/%3E%3CfeComposite in2=&#x27;SourceGraphic&#x27;/%3E%3CfeGaussianBlur stdDeviation=&#x27;20&#x27;/%3E%3C/filter%3E%3Cimage width=&#x27;100%25&#x27; height=&#x27;100%25&#x27; x=&#x27;0&#x27; y=&#x27;0&#x27; preserveAspectRatio=&#x27;none&#x27; style=&#x27;filter: url(%23b);&#x27; href=&#x27;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAECAMAAACEE47CAAAAM1BMVEV+VkeIXFE0NCx0bFqadUySfmeViHGEZFCHfmxqRDpKTDxsZVFkZVRgVEFtTkOnnoZLSUDpG7xTAAAADHRSTlP9/////f///f39//41iceyAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAKUlEQVR4nAXBCQIAIAQEwEVLoeP/r20GmrnbSOgzOUXH8IlVATRd5JIfD/UA1mk/77IAAAAASUVORK5CYII=&#x27;/%3E%3C/svg%3E&quot;)" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fpreview-sonos.a3dbc334.png&amp;w=300&amp;q=75&amp;dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fpreview-sonos.a3dbc334.png&amp;w=640&amp;q=75&amp;dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fpreview-sonos.a3dbc334.png&amp;w=640&amp;q=75&amp;dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw"/><div class="showcase-preview_title__jFvZn">Sonos<hr/><svg class="text-[rgba(177, 177, 177)]" data-testid="geist-icon" height="16" stroke-linejoin="round" style="width:14px;height:14px;color:currentColor" viewBox="0 0 16 16" width="16"><path fill-rule="evenodd" clip-rule="evenodd" d="M5.75001 2H5.00001V3.5H5.75001H11.4393L2.21968 12.7197L1.68935 13.25L2.75001 14.3107L3.28034 13.7803L12.4988 4.56182V10.25V11H13.9988V10.25V3C13.9988 2.44772 13.5511 2 12.9988 2H5.75001Z" fill="currentColor"/></svg></div></a><a class="showcase-preview_preview__HcSHu" style="width:240px;height:200px" href="/showcase"><img alt="Screenshot of Audible&#x27;s website" loading="lazy" width="240" height="200" decoding="async" data-nimg="1" style="color:transparent;background-size:cover;background-position:50% 50%;background-repeat:no-repeat;background-image:url(&quot;data:image/svg+xml;charset=utf-8,%3Csvg xmlns=&#x27;http://www.w3.org/2000/svg&#x27; viewBox=&#x27;0 0 320 240&#x27;%3E%3Cfilter id=&#x27;b&#x27; color-interpolation-filters=&#x27;sRGB&#x27;%3E%3CfeGaussianBlur stdDeviation=&#x27;20&#x27;/%3E%3CfeColorMatrix values=&#x27;1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 100 -1&#x27; result=&#x27;s&#x27;/%3E%3CfeFlood x=&#x27;0&#x27; y=&#x27;0&#x27; width=&#x27;100%25&#x27; height=&#x27;100%25&#x27;/%3E%3CfeComposite operator=&#x27;out&#x27; in=&#x27;s&#x27;/%3E%3CfeComposite in2=&#x27;SourceGraphic&#x27;/%3E%3CfeGaussianBlur stdDeviation=&#x27;20&#x27;/%3E%3C/filter%3E%3Cimage width=&#x27;100%25&#x27; height=&#x27;100%25&#x27; x=&#x27;0&#x27; y=&#x27;0&#x27; preserveAspectRatio=&#x27;none&#x27; style=&#x27;filter: url(%23b);&#x27; href=&#x27;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAGCAMAAADJ2y/JAAAATlBMVEX9/v708Ob99OjIs5xrX0zt7Ov19vX5+fnYzsHQxbn92J3ozay1g0zj5efc08etez7u5NPt3MPj5OOxdjHsyZHYvJbChDY/PUXQtI+kgVsdb9N8AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAOUlEQVR4nBXISRKAIAwAwQECSQDFffn/Ry372Hhq56pFeXq/jrwV6n5L/ae9IiOZA2GZ3YwYphwVPjg+AcShaDZKAAAAAElFTkSuQmCC&#x27;/%3E%3C/svg%3E&quot;)" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fpreview-audible.6063405a.png&amp;w=300&amp;q=75&amp;dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fpreview-audible.6063405a.png&amp;w=640&amp;q=75&amp;dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fpreview-audible.6063405a.png&amp;w=640&amp;q=75&amp;dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw"/><div class="showcase-preview_title__jFvZn">Audible<hr/><svg class="text-[rgba(177, 177, 177)]" data-testid="geist-icon" height="16" stroke-linejoin="round" style="width:14px;height:14px;color:currentColor" viewBox="0 0 16 16" width="16"><path fill-rule="evenodd" clip-rule="evenodd" d="M5.75001 2H5.00001V3.5H5.75001H11.4393L2.21968 12.7197L1.68935 13.25L2.75001 14.3107L3.28034 13.7803L12.4988 4.56182V10.25V11H13.9988V10.25V3C13.9988 2.44772 13.5511 2 12.9988 2H5.75001Z" fill="currentColor"/></svg></div></a><a class="showcase-preview_preview__HcSHu" style="width:240px;height:200px" href="/showcase"><img alt="Screenshot of Nike&#x27;s website" loading="lazy" width="240" height="200" decoding="async" data-nimg="1" style="color:transparent;background-size:cover;background-position:50% 50%;background-repeat:no-repeat;background-image:url(&quot;data:image/svg+xml;charset=utf-8,%3Csvg xmlns=&#x27;http://www.w3.org/2000/svg&#x27; viewBox=&#x27;0 0 320 240&#x27;%3E%3Cfilter id=&#x27;b&#x27; color-interpolation-filters=&#x27;sRGB&#x27;%3E%3CfeGaussianBlur stdDeviation=&#x27;20&#x27;/%3E%3CfeColorMatrix values=&#x27;1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 100 -1&#x27; result=&#x27;s&#x27;/%3E%3CfeFlood x=&#x27;0&#x27; y=&#x27;0&#x27; width=&#x27;100%25&#x27; height=&#x27;100%25&#x27;/%3E%3CfeComposite operator=&#x27;out&#x27; in=&#x27;s&#x27;/%3E%3CfeComposite in2=&#x27;SourceGraphic&#x27;/%3E%3CfeGaussianBlur stdDeviation=&#x27;20&#x27;/%3E%3C/filter%3E%3Cimage width=&#x27;100%25&#x27; height=&#x27;100%25&#x27; x=&#x27;0&#x27; y=&#x27;0&#x27; preserveAspectRatio=&#x27;none&#x27; style=&#x27;filter: url(%23b);&#x27; href=&#x27;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAGCAMAAADJ2y/JAAAAJ1BMVEXx8fD9/f3o5+Pr6+rR0MzKysfe3drDwrvj4+DX0cW7tqqrppmPjoYX8ybnAAAACXBIWXMAAAsTAAALEwEAmpwYAAAALklEQVR4nAXBiQHAMAgDsbMN5Ov+81aCCOQwS2l6cGVdH+Oq53wFWzX0RqIb6QcRkgCrZLQNzAAAAABJRU5ErkJggg==&#x27;/%3E%3C/svg%3E&quot;)" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fpreview-nike.ae99d521.png&amp;w=300&amp;q=75&amp;dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fpreview-nike.ae99d521.png&amp;w=640&amp;q=75&amp;dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fpreview-nike.ae99d521.png&amp;w=640&amp;q=75&amp;dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw"/><div class="showcase-preview_title__jFvZn">Nike<hr/><svg class="text-[rgba(177, 177, 177)]" data-testid="geist-icon" height="16" stroke-linejoin="round" style="width:14px;height:14px;color:currentColor" viewBox="0 0 16 16" width="16"><path fill-rule="evenodd" clip-rule="evenodd" d="M5.75001 2H5.00001V3.5H5.75001H11.4393L2.21968 12.7197L1.68935 13.25L2.75001 14.3107L3.28034 13.7803L12.4988 4.56182V10.25V11H13.9988V10.25V3C13.9988 2.44772 13.5511 2 12.9988 2H5.75001Z" fill="currentColor"/></svg></div></a></div><div class="stack_stack__iZkUS stack" data-version="v1" style="--stack-flex:initial;--stack-direction:column;--stack-align:stretch;--stack-justify:flex-start;--stack-padding:0px;--stack-gap:16px"><a class="showcase-preview_preview__HcSHu" style="width:240px;height:200px" href="/showcase"><img alt="Screenshot of Notion&#x27;s website" loading="lazy" width="240" height="200" decoding="async" data-nimg="1" style="color:transparent;background-size:cover;background-position:50% 50%;background-repeat:no-repeat;background-image:url(&quot;data:image/svg+xml;charset=utf-8,%3Csvg xmlns=&#x27;http://www.w3.org/2000/svg&#x27; viewBox=&#x27;0 0 320 240&#x27;%3E%3Cfilter id=&#x27;b&#x27; color-interpolation-filters=&#x27;sRGB&#x27;%3E%3CfeGaussianBlur stdDeviation=&#x27;20&#x27;/%3E%3CfeColorMatrix values=&#x27;1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 100 -1&#x27; result=&#x27;s&#x27;/%3E%3CfeFlood x=&#x27;0&#x27; y=&#x27;0&#x27; width=&#x27;100%25&#x27; height=&#x27;100%25&#x27;/%3E%3CfeComposite operator=&#x27;out&#x27; in=&#x27;s&#x27;/%3E%3CfeComposite in2=&#x27;SourceGraphic&#x27;/%3E%3CfeGaussianBlur stdDeviation=&#x27;20&#x27;/%3E%3C/filter%3E%3Cimage width=&#x27;100%25&#x27; height=&#x27;100%25&#x27; x=&#x27;0&#x27; y=&#x27;0&#x27; preserveAspectRatio=&#x27;none&#x27; style=&#x27;filter: url(%23b);&#x27; href=&#x27;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAGCAMAAADJ2y/JAAAAIVBMVEX////19fX6+vvp6uvc3Nzx8fDi4+TR0dHKx8Xj3Na2trZZj7NkAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAL0lEQVR4nB3GuQ0AMAwDsbMkO8/+AwcIKyLlnKhBs3cEqLNcQN2Z9SOXLOhyO/UAEpwAndBun0YAAAAASUVORK5CYII=&#x27;/%3E%3C/svg%3E&quot;)" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fpreview-notion.2bd1f0c5.png&amp;w=300&amp;q=75&amp;dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fpreview-notion.2bd1f0c5.png&amp;w=640&amp;q=75&amp;dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fpreview-notion.2bd1f0c5.png&amp;w=640&amp;q=75&amp;dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw"/><div class="showcase-preview_title__jFvZn">Notion<hr/><svg class="text-[rgba(177, 177, 177)]" data-testid="geist-icon" height="16" stroke-linejoin="round" style="width:14px;height:14px;color:currentColor" viewBox="0 0 16 16" width="16"><path fill-rule="evenodd" clip-rule="evenodd" d="M5.75001 2H5.00001V3.5H5.75001H11.4393L2.21968 12.7197L1.68935 13.25L2.75001 14.3107L3.28034 13.7803L12.4988 4.56182V10.25V11H13.9988V10.25V3C13.9988 2.44772 13.5511 2 12.9988 2H5.75001Z" fill="currentColor"/></svg></div></a><a class="showcase-preview_preview__HcSHu" style="width:240px;height:169px" href="/showcase"><img alt="Screenshot of ProductHunt&#x27;s website" loading="lazy" width="240" height="169" decoding="async" data-nimg="1" style="color:transparent;background-size:cover;background-position:50% 50%;background-repeat:no-repeat;background-image:url(&quot;data:image/svg+xml;charset=utf-8,%3Csvg xmlns=&#x27;http://www.w3.org/2000/svg&#x27; viewBox=&#x27;0 0 320 200&#x27;%3E%3Cfilter id=&#x27;b&#x27; color-interpolation-filters=&#x27;sRGB&#x27;%3E%3CfeGaussianBlur stdDeviation=&#x27;20&#x27;/%3E%3CfeColorMatrix values=&#x27;1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 100 -1&#x27; result=&#x27;s&#x27;/%3E%3CfeFlood x=&#x27;0&#x27; y=&#x27;0&#x27; width=&#x27;100%25&#x27; height=&#x27;100%25&#x27;/%3E%3CfeComposite operator=&#x27;out&#x27; in=&#x27;s&#x27;/%3E%3CfeComposite in2=&#x27;SourceGraphic&#x27;/%3E%3CfeGaussianBlur stdDeviation=&#x27;20&#x27;/%3E%3C/filter%3E%3Cimage width=&#x27;100%25&#x27; height=&#x27;100%25&#x27; x=&#x27;0&#x27; y=&#x27;0&#x27; preserveAspectRatio=&#x27;none&#x27; style=&#x27;filter: url(%23b);&#x27; href=&#x27;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAFCAMAAABPT11nAAAAHlBMVEX+/v7l5ej4+Pr19PXIzM7S1NSPi5fAwcY6Ozf549c8q4OtAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAJ0lEQVR4nBXJxxEAIADDMDuh7r8wh76iDTgvMbCO1ARHcfCvRGDuPAhJAFiFigxgAAAAAElFTkSuQmCC&#x27;/%3E%3C/svg%3E&quot;)" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fpreview-ph.c43e26c6.png&amp;w=300&amp;q=75&amp;dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fpreview-ph.c43e26c6.png&amp;w=640&amp;q=75&amp;dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fpreview-ph.c43e26c6.png&amp;w=640&amp;q=75&amp;dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw"/><div class="showcase-preview_title__jFvZn">ProductHunt<hr/><svg class="text-[rgba(177, 177, 177)]" data-testid="geist-icon" height="16" stroke-linejoin="round" style="width:14px;height:14px;color:currentColor" viewBox="0 0 16 16" width="16"><path fill-rule="evenodd" clip-rule="evenodd" d="M5.75001 2H5.00001V3.5H5.75001H11.4393L2.21968 12.7197L1.68935 13.25L2.75001 14.3107L3.28034 13.7803L12.4988 4.56182V10.25V11H13.9988V10.25V3C13.9988 2.44772 13.5511 2 12.9988 2H5.75001Z" fill="currentColor"/></svg></div></a><a class="showcase-preview_preview__HcSHu" style="width:240px;height:217px" href="/showcase"><img alt="Screenshot of Washington Post&#x27;s website" loading="lazy" width="240" height="217" decoding="async" data-nimg="1" style="color:transparent;background-size:cover;background-position:50% 50%;background-repeat:no-repeat;background-image:url(&quot;data:image/svg+xml;charset=utf-8,%3Csvg xmlns=&#x27;http://www.w3.org/2000/svg&#x27; viewBox=&#x27;0 0 320 240&#x27;%3E%3Cfilter id=&#x27;b&#x27; color-interpolation-filters=&#x27;sRGB&#x27;%3E%3CfeGaussianBlur stdDeviation=&#x27;20&#x27;/%3E%3CfeColorMatrix values=&#x27;1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 100 -1&#x27; result=&#x27;s&#x27;/%3E%3CfeFlood x=&#x27;0&#x27; y=&#x27;0&#x27; width=&#x27;100%25&#x27; height=&#x27;100%25&#x27;/%3E%3CfeComposite operator=&#x27;out&#x27; in=&#x27;s&#x27;/%3E%3CfeComposite in2=&#x27;SourceGraphic&#x27;/%3E%3CfeGaussianBlur stdDeviation=&#x27;20&#x27;/%3E%3C/filter%3E%3Cimage width=&#x27;100%25&#x27; height=&#x27;100%25&#x27; x=&#x27;0&#x27; y=&#x27;0&#x27; preserveAspectRatio=&#x27;none&#x27; style=&#x27;filter: url(%23b);&#x27; href=&#x27;data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAGCAMAAADJ2y/JAAAAPFBMVEX6+vrBv8Kzs7Te29nT0NDLy8vh4uT+/v729vbu7u6Cf4Xn5+bU2eG5sqappZ+hmpdsX1qXk4vDvbebjIDSGfTnAAAACXBIWXMAAAsTAAALEwEAmpwYAAAANklEQVR4nBXGWRKAIAwFwQES8gIoLve/q2V/Ne5eq60FijKOt6EMO+/LIKMM9QmJbc3+pz1IHyPzAVM+Wuz8AAAAAElFTkSuQmCC&#x27;/%3E%3C/svg%3E&quot;)" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fpreview-wapo.2769ff64.png&amp;w=300&amp;q=75&amp;dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fpreview-wapo.2769ff64.png&amp;w=640&amp;q=75&amp;dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fpreview-wapo.2769ff64.png&amp;w=640&amp;q=75&amp;dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw"/><div class="showcase-preview_title__jFvZn">Washington Post<hr/><svg class="text-[rgba(177, 177, 177)]" data-testid="geist-icon" height="16" stroke-linejoin="round" style="width:14px;height:14px;color:currentColor" viewBox="0 0 16 16" width="16"><path fill-rule="evenodd" clip-rule="evenodd" d="M5.75001 2H5.00001V3.5H5.75001H11.4393L2.21968 12.7197L1.68935 13.25L2.75001 14.3107L3.28034 13.7803L12.4988 4.56182V10.25V11H13.9988V10.25V3C13.9988 2.44772 13.5511 2 12.9988 2H5.75001Z" fill="currentColor"/></svg></div></a></div></div></div><p class="customers_subtitle__W6oUd">For <strong>performance</strong>, <strong>efficiency</strong> and<!-- --> <strong>developer experience</strong>.<!-- --> <span style="display:block"></span>Next.js is trusted by some of the biggest names on the web.</p><a role="link" tabindex="0" href="/showcase" type="submit" class="button_base__BjwbK reset_reset__KRyvc button_button__81573 reset_reset__KRyvc button_large__fuY6E button_invert__YNhnn" data-geist-button="" data-prefix="false" data-suffix="false" data-version="v1" style="--geist-icon-size:16px"><span class="button_content__1aE1_">View the Next.js Showcase</span></a><div class="stack_stack__iZkUS stack customers_quotes___W5fO" data-version="v1" style="--stack-flex:initial;--sm-stack-direction:column;--md-stack-direction:row;--stack-align:stretch;--stack-justify:flex-start;--stack-padding:0px;--stack-gap:0px"><h2 class="visually-hidden">Customer Testimonials</h2><figure class="customers_quote__basJG"><blockquote><h3><span aria-hidden="true">“</span>With Next.js at the helm of our headless tech stack, our developers can create features with velocity and speed, ultimately enabling users to create whatever, whenever they want to.<span aria-hidden="true">”</span></h3></blockquote><figcaption><svg aria-label="Loom&#x27;s logo" fill="none" height="25" viewBox="0 0 133 41" width="81" xmlns="http://www.w3.org/2000/svg"><path d="M50.9458 34.7106V5.38147H56.3305V34.7106H50.9458Z" fill="var(--geist-foreground)"></path><path d="M102.592 14.7794H107.735V17.2109C108.827 15.2666 111.379 14.2125 113.565 14.2125C116.279 14.2125 118.465 15.3879 119.477 17.5342C121.055 15.1027 123.162 14.2125 125.794 14.2125C129.478 14.2125 133 16.4408 133 21.7874V34.7104H127.777V22.8821C127.777 20.7346 126.724 19.1148 124.254 19.1148C121.945 19.1148 120.568 20.8974 120.568 23.0449V34.7117H115.225V22.8821C115.225 20.7346 114.132 19.1148 111.702 19.1148C109.353 19.1148 107.976 20.857 107.976 23.0449V34.7117H102.592V14.7794Z" fill="var(--geist-foreground)"></path><path d="M68.4996 35.288C62.4334 35.288 58.0406 30.7886 58.0406 24.7454C58.0406 18.7986 62.4192 14.1923 68.4996 14.1923C74.6095 14.1923 78.9586 18.8414 78.9586 24.7454C78.9586 30.7446 74.5632 35.288 68.4996 35.288ZM68.4996 19.0707C65.3708 19.0707 62.8258 21.6163 62.8258 24.7467C62.8258 27.877 65.3708 30.4226 68.4996 30.4226C71.6283 30.4226 74.172 27.877 74.172 24.7467C74.172 21.6163 71.6283 19.0707 68.4996 19.0707Z" fill="var(--geist-foreground)"></path><path d="M90.4595 35.288C84.3933 35.288 80.0005 30.7886 80.0005 24.7454C80.0005 18.7986 84.3791 14.1923 90.4595 14.1923C96.5694 14.1923 100.918 18.8414 100.918 24.7454C100.918 30.7446 96.5208 35.288 90.4595 35.288ZM90.4595 19.003C87.295 19.003 84.7204 21.5795 84.7204 24.7442C84.7204 27.9091 87.295 30.4856 90.4595 30.4856C93.6238 30.4856 96.1986 27.9091 96.1986 24.7442C96.1973 21.5795 93.6227 19.003 90.4595 19.003Z" fill="var(--geist-foreground)"></path><path d="M40.0926 17.817H28.3689L38.5222 11.955L36.2925 8.09189L26.1392 13.9538L31.9999 3.80141L28.1368 1.57037L22.2761 11.7228V0H17.8164V11.7239L11.9535 1.57037L8.09166 3.80029L13.9534 13.9527L3.80018 8.09189L1.57032 11.9539L11.7236 17.8158H0V22.2757H11.7225L1.57032 28.1376L3.80018 32.0007L13.9523 26.1399L8.09054 36.2923L11.9535 38.5222L17.8153 28.3687V40.0926H22.275V28.3698L28.1357 38.5222L31.9986 36.2923L26.1369 26.1388L36.2902 32.0007L38.5201 28.1376L28.3679 22.2767H40.0903V17.817H40.0926ZM20.0463 26.1117C16.6836 26.1117 13.9579 23.3862 13.9579 20.0233C13.9579 16.6605 16.6836 13.9348 20.0463 13.9348C23.409 13.9348 26.1346 16.6605 26.1346 20.0233C26.1346 23.3862 23.409 26.1117 20.0463 26.1117Z" fill="var(--geist-foreground)"></path></svg><span data-author="true">Tatiana Mac<!-- -->, <!-- -->Senior Software Engineer</span></figcaption></figure><figure class="customers_quote__basJG"><blockquote><h3><span aria-hidden="true">“</span>My favorite UX feedback from customers is: &quot;How is the app so fast?&quot; Because we’ve built on Next.js and Vercel since day one, our pages load in an instant, which is important when it comes to mission-critical software.<span aria-hidden="true">”</span></h3></blockquote><figcaption><svg aria-label="Indent&#x27;s logo" fill="none" height="20" viewBox="0 0 998 195"><path d="M271.524 10.92V192.4H235.124V10.92H271.524ZM374.307 46.28C391.467 46.28 405.334 51.74 415.907 62.66C426.48 73.407 431.767 88.487 431.767 107.9V192.4H395.367V112.84C395.367 101.4 392.507 92.647 386.787 86.58C381.067 80.34 373.267 77.22 363.387 77.22C353.334 77.22 345.36 80.34 339.467 86.58C333.747 92.647 330.887 101.4 330.887 112.84V192.4H294.487V48.36H330.887V66.3C335.74 60.06 341.894 55.2067 349.347 51.74C356.974 48.1 365.294 46.28 374.307 46.28ZM444.021 119.86C444.021 105.3 446.881 92.387 452.601 81.12C458.495 69.8533 466.468 61.1867 476.521 55.12C486.575 49.0533 497.755 46.02 510.061 46.02C519.421 46.02 528.348 48.1 536.841 52.26C545.335 56.2467 552.095 61.62 557.121 68.38V0H594.041V192.4H557.121V171.08C552.615 178.187 546.288 183.907 538.141 188.24C529.995 192.573 520.548 194.74 509.801 194.74C497.668 194.74 486.575 191.62 476.521 185.38C466.468 179.14 458.495 170.387 452.601 159.12C446.881 147.68 444.021 134.593 444.021 119.86ZM557.381 120.38C557.381 111.54 555.648 104 552.181 97.76C548.715 91.347 544.035 86.493 538.141 83.2C532.248 79.733 525.921 78 519.161 78C512.401 78 506.161 79.647 500.441 82.94C494.721 86.233 490.041 91.087 486.401 97.5C482.935 103.74 481.201 111.193 481.201 119.86C481.201 128.527 482.935 136.153 486.401 142.74C490.041 149.153 494.721 154.093 500.441 157.56C506.335 161.027 512.575 162.76 519.161 162.76C525.921 162.76 532.248 161.113 538.141 157.82C544.035 154.353 548.715 149.5 552.181 143.26C555.648 136.847 557.381 129.22 557.381 120.38ZM750.492 117.26C750.492 122.46 750.146 127.14 749.452 131.3H644.152C645.019 141.7 648.659 149.847 655.072 155.74C661.486 161.633 669.372 164.58 678.732 164.58C692.252 164.58 701.872 158.773 707.592 147.16H746.852C742.692 161.027 734.719 172.467 722.932 181.48C711.146 190.32 696.672 194.74 679.512 194.74C665.646 194.74 653.166 191.707 642.072 185.64C631.152 179.4 622.572 170.647 616.332 159.38C610.266 148.113 607.232 135.113 607.232 120.38C607.232 105.473 610.266 92.387 616.332 81.12C622.399 69.8533 630.892 61.1867 641.812 55.12C652.732 49.0533 665.299 46.02 679.512 46.02C693.206 46.02 705.426 48.9667 716.172 54.86C727.092 60.7533 735.499 69.16 741.392 80.08C747.459 90.827 750.492 103.22 750.492 117.26ZM712.792 106.86C712.619 97.5 709.239 90.047 702.652 84.5C696.066 78.78 688.006 75.92 678.472 75.92C669.459 75.92 661.832 78.693 655.592 84.24C649.526 89.613 645.799 97.153 644.412 106.86H712.792ZM843.881 46.28C861.041 46.28 874.908 51.74 885.481 62.66C896.054 73.407 901.341 88.487 901.341 107.9V192.4H864.941V112.84C864.941 101.4 862.081 92.647 856.361 86.58C850.641 80.34 842.841 77.22 832.961 77.22C822.908 77.22 814.934 80.34 809.041 86.58C803.321 92.647 800.461 101.4 800.461 112.84V192.4H764.061V48.36H800.461V66.3C805.314 60.06 811.468 55.2067 818.921 51.74C826.548 48.1 834.868 46.28 843.881 46.28ZM965.336 78.26V147.94C965.336 152.793 966.462 156.347 968.716 158.6C971.142 160.68 975.129 161.72 980.676 161.72H997.576V192.4H974.696C944.016 192.4 928.676 177.493 928.676 147.68V78.26H911.516V48.36H928.676V12.74H965.336V48.36H997.576V78.26H965.336Z" fill="var(--geist-foreground)"></path><mask height="156" id="mask0_3077_14632" maskUnits="userSpaceOnUse" style="mask-type:alpha" width="140" x="0" y="23"><path d="M0 100.914V44.9155C0.00387451 41.1367 1.00188 37.4255 2.89378 34.1544C4.78569 30.8833 7.50492 28.1676 10.7784 26.2799C14.0519 24.3922 17.7644 23.3989 21.5432 23.3999C25.322 23.4009 29.034 24.396 32.3066 26.2854L80.7664 54.2844L129.269 82.2839C132.533 84.1769 135.242 86.8939 137.126 90.1639C139.009 93.4339 140 97.1399 140 100.914C140 104.687 139.009 108.394 137.126 111.663C135.242 114.933 132.533 117.651 129.269 119.544L80.7664 147.543L32.2635 175.542C28.9921 177.421 25.2846 178.407 21.5121 178.403C17.7397 178.398 14.0345 177.403 10.7676 175.516C7.50065 173.63 4.78651 170.918 2.89682 167.653C1.00715 164.388 0.00820175 160.684 0 156.912V100.914Z" fill="var(--geist-foreground)"></path></mask><g mask="url(#mask0_3077_14632)"><path d="M0 100.914V44.9155C0.00387451 41.1367 1.00188 37.4255 2.89378 34.1544C4.78569 30.8833 7.50493 28.1676 10.7784 26.2799C14.0519 24.3922 17.7644 23.3989 21.5432 23.3999C25.322 23.4009 29.034 24.396 32.3066 26.2854L80.7664 54.2844L129.269 82.2839C132.533 84.1769 135.242 86.8939 137.126 90.1639C139.009 93.4339 140 97.1399 140 100.914C140 104.687 139.009 108.394 137.126 111.663C135.242 114.933 132.533 117.651 129.269 119.544L80.7664 147.543L32.2635 175.542C28.9921 177.421 25.2846 178.407 21.5121 178.403C17.7397 178.398 14.0345 177.403 10.7676 175.516C7.50065 173.63 4.78651 170.918 2.89682 167.653C1.00714 164.388 0.00821228 160.684 0 156.912V100.914Z" fill="#8E8E8E"></path><path d="M192.355 19.3999H46.3555V178.4H192.355V19.3999Z" fill="var(--geist-foreground)" fill-opacity="0.4"></path><path d="M233.355 28.3999H87.3555V187.4H233.355V28.3999Z" fill="var(--geist-foreground)" fill-opacity="0.4"></path></g></svg><span data-author="true">Fouad Matin<!-- -->, <!-- -->CEO</span></figcaption></figure><figure class="customers_quote__basJG"><blockquote><h3><span aria-hidden="true">“</span>Next.js has been a game-changer for our agency work and team collaboration. Its powerful features have allowed us to build high-performance websites quickly and efficiently like never before.<span aria-hidden="true">”</span></h3></blockquote><figcaption><svg aria-label="Wunderman Thompson&#x27;s logo" fill="none" height="36" viewBox="0 0 1000 348" xmlns="http://www.w3.org/2000/svg"><g clip-path="url(#clip0_3077_14635)"><path d="M91.631 34.1735H57.4575V0H34.217V34.1735H0V57.414H34.217V91.5875H57.4575V57.414H91.631V34.1735Z" fill="#A4A4A4"></path><path d="M683.593 123.273C683.568 105.808 669.416 91.6548 651.95 91.6309H617.202V195.969H628.849V154.907H651.95C652.846 154.907 653.733 154.864 654.629 154.777L673.468 195.969H686.271L665.91 151.672C676.693 146.304 683.534 135.319 683.593 123.273ZM651.95 143.313H628.849V103.182H651.95C663.039 103.201 672.023 112.185 672.042 123.273C672.004 134.345 663.022 143.303 651.95 143.313ZM271.744 164.066C271.744 179.574 261.255 185.793 248.591 185.793C235.883 185.793 225.437 179.574 225.437 164.066V91.5874H213.843V164.162C213.843 184.645 228.012 197.352 248.591 197.352C269.213 197.352 283.347 184.645 283.347 164.162V91.5874H271.753L271.744 164.066ZM162.866 172.024L147.445 91.6396H133.354L117.942 172.024L103.451 91.6396H91.631L111.671 195.978H123.943L140.382 115.193L156.829 195.978H169.093L189.133 91.6396H177.313L162.866 172.024ZM559.171 241.746H524.51V346.084H536.113V305.109H559.171C576.639 305.099 590.799 290.944 590.813 273.475C590.859 265.061 587.544 256.976 581.602 251.018C575.66 245.06 567.585 241.722 559.171 241.746ZM559.171 293.471H536.113V253.392H559.171C564.501 253.388 569.614 255.503 573.383 259.272C577.152 263.04 579.267 268.154 579.263 273.484C579.224 284.547 570.234 293.49 559.171 293.471ZM853.164 91.5874L819.93 195.935H832.02L839.761 171.894H879.31L886.955 195.935H899.219L865.785 91.5874H853.164ZM843.397 160.335L859.566 110.079L875.561 160.335H843.397ZM753.27 240.328C734.595 240.357 719.478 255.513 719.497 274.188V313.65C719.478 332.325 734.595 347.482 753.27 347.511C771.963 347.486 787.111 332.343 787.14 313.65V274.188C787.115 255.494 771.964 240.347 753.27 240.328ZM775.493 313.65C775.504 319.547 773.167 325.207 768.997 329.377C764.827 333.547 759.167 335.884 753.27 335.873C747.373 335.884 741.714 333.547 737.544 329.377C733.373 325.207 731.036 319.547 731.048 313.65V274.188C731.048 261.838 741.006 251.887 753.27 251.887C765.534 251.887 775.493 261.846 775.493 274.188V313.65ZM351.329 240.328C332.651 240.366 317.527 255.511 317.512 274.188V313.65C317.536 332.324 332.656 347.463 351.329 347.511C370.02 347.486 385.165 332.341 385.189 313.65V274.188C385.165 255.498 370.02 240.352 351.329 240.328ZM373.595 313.65C373.595 325.914 363.636 335.873 351.329 335.873C339.022 335.873 329.063 326.001 329.063 313.65V274.188C329.051 268.277 331.392 262.602 335.57 258.418C339.747 254.235 345.417 251.885 351.329 251.887C363.593 251.887 373.595 261.846 373.595 274.188V313.65ZM374.613 172.024L327.375 91.6396H316.442V195.969H328.036V115.532L375.274 195.926H386.207V91.5874H374.613V172.024ZM988.258 91.6309V172.024L941.151 91.6396H930.131V195.969H941.681V115.532L988.971 195.926H1000V91.5874L988.258 91.6309ZM882.858 322.174L835.569 241.746H824.636V346.084H836.282V265.656L883.476 346.084H894.409V241.746H882.858V322.174ZM487.98 162.109V125.457C487.97 106.784 472.835 91.6492 454.163 91.6396H419.459V195.969H454.163C472.832 195.912 487.946 180.779 487.98 162.109ZM431.053 103.182H454.111C466.41 103.177 476.382 113.148 476.377 125.448V162.109C476.377 174.373 466.47 184.375 454.111 184.375H431.053V103.182ZM586.63 184.375H534.321V149.445H580.933V137.851H534.321V103.19H586.63V91.5961H522.736V195.935H586.638V184.375H586.63ZM753.27 143.139L727.316 91.6396H715.226V195.969H726.786V115.532L749.53 161.439H756.993L779.746 115.532V195.926H791.48V91.5874H779.39L753.27 143.139ZM97.3193 253.392H134.607V346.084H146.201V253.392H183.436V241.746H97.3193V253.392ZM271.336 288.131H225.829V241.746H214.235V346.084H225.829V299.69H271.292V346.084H282.938V241.746H271.292V288.131H271.336ZM659.413 288.227L642.8 281.651C631.597 276.937 630.084 271.692 630.084 267.074C630.084 262.812 631.693 259.254 634.798 256.671C638.529 253.575 644.313 251.783 650.889 251.783C657.638 251.783 663.335 253.653 667.067 256.845C670.52 259.872 672.303 264.142 672.303 269.561V271.431H683.949V269.561C683.949 251.435 670.441 240.232 650.889 240.232C631.423 240.232 618.455 251.261 618.455 266.978C618.455 280.929 628.318 288.575 640.399 293.202L655.151 299.064C669.459 304.587 673.642 308.666 673.642 317.208C673.642 322.8 671.677 327.245 667.945 330.446C663.953 333.899 657.638 335.864 650.532 335.864C643.07 335.864 636.755 334.081 632.667 330.707C629.023 327.68 627.153 323.418 627.153 318.182V315.598H615.506V318.182C615.506 336.221 629.823 347.502 650.524 347.502C671.137 347.502 685.184 335.595 685.184 317.208C685.193 299.421 671.503 293.028 659.413 288.227ZM453.71 293.202L427.669 241.746H415.623V346.084H427.217V265.656L450.014 311.597H457.442L480.239 265.656V346.084H491.833V241.746H479.804L453.71 293.202Z" fill="var(--geist-foreground)"></path></g><defs><clipPath id="clip0_3077_14635"><rect fill="white" height="347.511" width="1000"></rect></clipPath></defs></svg><span data-author="true">Daniel Lopes<!-- -->, <!-- -->Frontend Developer</span></figcaption></figure></div></section><!--/$--></div></div></main><!--$--><div class="jsx-1021054789 footer_root__6F7g2"><div class="geist-wrapper"><footer class="footer_footer__mqdak"><div class="footer_grid__yp2LW"><div class="stack_stack__iZkUS stack" data-version="v1" style="--stack-flex:initial;--stack-direction:row;--stack-align:stretch;--stack-justify:space-between;--stack-padding:0px;--stack-gap:0px" data-logo="true"><a class="stack_stack__iZkUS stack" data-version="v1" style="--stack-flex:initial;--stack-direction:column;--stack-align:stretch;--stack-justify:flex-start;--stack-padding:0px;--stack-gap:0px" aria-label="Vercel logo" data-logo-link="" href="https://vercel.com/home?utm_source=next-site&amp;utm_medium=footer&amp;utm_campaign=next-website" rel="noopener noreferrer" target="_blank" title="Go to the Vercel website"><svg fill="none" height="20" viewBox="0 0 283 64"><path d="M141.04 16c-11.04 0-19 7.2-19 18s8.96 18 20 18c6.67 0 12.55-2.64 16.19-7.09l-7.65-4.42c-2.02 2.21-5.09 3.5-8.54 3.5-4.79 0-8.86-2.5-10.37-6.5h28.02c.22-1.12.35-2.28.35-3.5 0-10.79-7.96-17.99-19-17.99zm-9.46 14.5c1.25-3.99 4.67-6.5 9.45-6.5 4.79 0 8.21 2.51 9.45 6.5h-18.9zM248.72 16c-11.04 0-19 7.2-19 18s8.96 18 20 18c6.67 0 12.55-2.64 16.19-7.09l-7.65-4.42c-2.02 2.21-5.09 3.5-8.54 3.5-4.79 0-8.86-2.5-10.37-6.5h28.02c.22-1.12.35-2.28.35-3.5 0-10.79-7.96-17.99-19-17.99zm-9.45 14.5c1.25-3.99 4.67-6.5 9.45-6.5 4.79 0 8.21 2.51 9.45 6.5h-18.9zM200.24 34c0 6 3.92 10 10 10 4.12 0 7.21-1.87 8.8-4.92l7.68 4.43c-3.18 5.3-9.14 8.49-16.48 8.49-11.05 0-19-7.2-19-18s7.96-18 19-18c7.34 0 13.29 3.19 16.48 8.49l-7.68 4.43c-1.59-3.05-4.68-4.92-8.8-4.92-6.07 0-10 4-10 10zm82.48-29v46h-9V5h9zM36.95 0L73.9 64H0L36.95 0zm92.38 5l-27.71 48L73.91 5H84.3l17.32 30 17.32-30h10.39zm58.91 12v9.69c-1-.29-2.06-.49-3.2-.49-5.81 0-10 4-10 10V51h-9V17h9v9.2c0-5.08 5.91-9.2 13.2-9.2z" fill="var(--geist-foreground)"></path></svg></a><div class="stack_stack__iZkUS stack footer_socialsDesktop__XZ__G" data-version="v1" style="--stack-flex:initial;--stack-direction:row;--stack-align:center;--stack-justify:flex-start;--stack-padding:0px;--stack-gap:12px"><a aria-label="GitHub" href="https://github.com/vercel/next.js" rel="noopener" target="_blank"><img alt="GitHub Logo" loading="lazy" width="16" height="16" decoding="async" data-nimg="1" style="color:transparent" src="/icons/github.svg"/></a><hr/><a aria-label="Twitter" href="https://twitter.com/nextjs" rel="noopener" target="_blank"><img alt="X Logo" loading="lazy" width="16" height="16" decoding="async" data-nimg="1" class="footer_x__r5_ph" style="color:transparent" src="/icons/x.svg"/></a></div></div><div><h4>Resources</h4><a href="/docs">Docs</a><a data-zone="same" href="/learn">Learn</a><a data-zone="same" href="/showcase">Showcase</a><a data-zone="same" href="/blog">Blog</a><!--$--><a href="https://vercel.com/analytics?utm_source=next-site&amp;utm_medium=footer&amp;utm_campaign=home" rel="noopener" target="_blank">Analytics</a><!--/$--><a href="/conf" data-zone="nextjs-conf">Next.js Conf</a><!--$--><a href="https://vercel.com/products/previews?utm_source=next-site&amp;utm_medium=footer&amp;utm_campaign=home" rel="noopener" target="_blank">Previews</a><!--/$--></div><div><h4>More</h4><!--$--><a href="https://vercel.com/templates/next.js/nextjs-commerce?utm_source=next-site&amp;utm_medium=footer&amp;utm_campaign=home" rel="noopener" target="_blank">Next.js Commerce</a><!--/$--><!--$--><a href="https://vercel.com/contact/sales?utm_source=next-site&amp;utm_medium=footer&amp;utm_campaign=home" rel="noopener" target="_blank">Contact Sales</a><!--/$--><a href="https://github.com/vercel/next.js" rel="noopener noreferrer" target="_blank">GitHub</a><a href="https://github.com/vercel/next.js/releases" rel="noopener noreferrer" target="_blank">Releases</a><a data-zone="same" href="/telemetry">Telemetry</a><a data-zone="same" href="/governance">Governance</a></div><div><h4>About Vercel</h4><!--$--><a href="https://vercel.com/solutions/nextjs?utm_source=next-site&amp;utm_medium=footer&amp;utm_campaign=home" rel="noopener" target="_blank">Next.js + Vercel</a><!--/$--><!--$--><a href="https://vercel.com/oss?utm_source=next-site&amp;utm_medium=footer&amp;utm_campaign=home" rel="noopener" target="_blank">Open Source Software</a><!--/$--><a href="https://github.com/vercel" rel="noopener noreferrer" target="_blank">GitHub</a><a href="https://twitter.com/vercel" rel="noopener noreferrer" target="_blank">X</a></div><div><h4>Legal</h4><a href="https://vercel.com/legal/privacy-policy" rel="noopener" target="_blank">Privacy Policy</a><button id="fides-modal-link" type="button">Cookie Preferences</button></div><div class="footer_newsletter__GlFxe"><h4>Subscribe to our newsletter</h4><p>Stay updated on new releases and features, guides, and case studies.</p><form data-input-wrapper="true" action="" encType="multipart/form-data" method="POST"><input type="hidden" name="$ACTION_REF_1"/><input type="hidden" name="$ACTION_1:0" value="{&quot;id&quot;:&quot;60512692ba118fb8e0c58cc05726b4afbb811fc09b&quot;,&quot;bound&quot;:&quot;$@1&quot;}"/><input type="hidden" name="$ACTION_1:1" value="[{&quot;success&quot;:false,&quot;error&quot;:&quot;&quot;}]"/><input type="hidden" name="$ACTION_KEY" value="k261328331"/><input aria-label="Enter your email" data-1p-ignore="true" placeholder="you@domain.com" required="" type="email" name="email"/><button type="submit">Subscribe</button></form></div></div><div class="stack_stack__iZkUS stack footer_copyright__z9dsS" data-version="v1" style="--stack-flex:initial;--stack-direction:row;--stack-align:center;--stack-justify:space-between;--stack-padding:0px;--stack-gap:0px"><div class="stack_stack__iZkUS stack" data-version="v1" style="--stack-flex:initial;--stack-direction:column;--stack-align:stretch;--stack-justify:flex-start;--stack-padding:0px;--stack-gap:16px"><p>© <!-- -->2024<!-- --> Vercel, Inc.</p><div class="stack_stack__iZkUS stack footer_socials__VfDh3" data-version="v1" style="--stack-flex:initial;--stack-direction:row;--stack-align:center;--stack-justify:flex-start;--stack-padding:0px;--stack-gap:12px"><a aria-label="GitHub" href="https://github.com/vercel/next.js" rel="noopener" target="_blank"><img alt="GitHub Logo" loading="lazy" width="16" height="16" decoding="async" data-nimg="1" style="color:transparent" src="/icons/github.svg"/></a><hr/><a aria-label="Twitter" href="https://twitter.com/nextjs" rel="noopener" target="_blank"><img alt="X Logo" loading="lazy" width="16" height="16" decoding="async" data-nimg="1" class="footer_x__r5_ph" style="color:transparent" src="/icons/x.svg"/></a></div></div><!--$--><!--/$--></div></footer></div></div><!--/$--><!--$--><!--/$--><!--$!--><template data-dgst="BAILOUT_TO_CLIENT_SIDE_RENDERING"></template><!--/$--><script src="/_next/static/chunks/webpack-3b5fb535e17daa62.js?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw" async=""></script><script>(self.__next_f=self.__next_f||[]).push([0])</script><script>self.__next_f.push([1,"d:\"$Sreact.fragment\"\ne:I[69031,[],\"\"]\nf:I[29531,[],\"\"]\n10:I[94786,[\"6331\",\"static/chunks/6331-d83ee10a77237ab4.js?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw\",\"8712\",\"static/chunks/8712-302d303c23b75c5b.js?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw\",\"7145\",\"static/chunks/7145-d075405183f82412.js?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw\",\"2175\",\"static/chunks/2175-933f014a1846c93d.js?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw\",\"810\",\"static/chunks/810-b696c806382c7085.js?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw\",\"2545\",\"static/chunks/2545-d418110fec010f0b.js?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw\",\"1028\",\"static/chunks/1028-08bba3f96af80970.js?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw\",\"1407\",\"static/chunks/1407-770519d989c5d022.js?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw\",\"7217\",\"static/chunks/7217-65f73b4a100b486c.js?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw\",\"6060\",\"static/chunks/6060-1f1fe78bc4c86063.js?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw\",\"7487\",\"static/chunks/7487-0dc5b169ad926e1d.js?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw\",\"4908\",\"static/chunks/4908-b27ad39d34749056.js?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw\",\"7090\",\"static/chunks/7090-d0f93ba3d5e9b696.js?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw\",\"5275\",\"static/chunks/5275-731e12407a1c8f39.js?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw\",\"432\",\"static/chunks/432-2080e2f57f3b430e.js?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw\",\"5670\",\"static/chunks/5670-de97d70154173e45.js?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw\",\"1080\",\"static/chunks/app/(next-site)/layout-2fe1bb40b6c33cb4.js?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw\"],\"Analytics\"]\n11:I[22019,[\"6331\",\"static/chunks/6331-d83ee10a77237ab4.js?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw\",\"8712\",\"static/chunks/8712-302d303c23b75c5b.js?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw\",\"7145\",\"static/chunks/7145-d075405183f82412.js?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw\",\"2175\",\"static/chunks/2175-933f014a1846c93d.js?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw\",\"810\",\"static/chunks/810-b696c806382c7085.js?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw\",\"2545\",\"static/chunks/2545-d418110fec010f0b.js?dpl=dpl_7E5gqzTet4rqEUC64M"])</script><script>self.__next_f.push([1,"np5WfDK1tw\",\"1028\",\"static/chunks/1028-08bba3f96af80970.js?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw\",\"1407\",\"static/chunks/1407-770519d989c5d022.js?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw\",\"7217\",\"static/chunks/7217-65f73b4a100b486c.js?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw\",\"6060\",\"static/chunks/6060-1f1fe78bc4c86063.js?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw\",\"7487\",\"static/chunks/7487-0dc5b169ad926e1d.js?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw\",\"4908\",\"static/chunks/4908-b27ad39d34749056.js?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw\",\"7090\",\"static/chunks/7090-d0f93ba3d5e9b696.js?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw\",\"5275\",\"static/chunks/5275-731e12407a1c8f39.js?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw\",\"432\",\"static/chunks/432-2080e2f57f3b430e.js?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw\",\"5670\",\"static/chunks/5670-de97d70154173e45.js?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw\",\"1080\",\"static/chunks/app/(next-site)/layout-2fe1bb40b6c33cb4.js?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw\"],\"PrefetchCrossZoneLinksProvider\"]\n12:I[92641,[\"6331\",\"static/chunks/6331-d83ee10a77237ab4.js?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw\",\"8712\",\"static/chunks/8712-302d303c23b75c5b.js?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw\",\"7145\",\"static/chunks/7145-d075405183f82412.js?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw\",\"2175\",\"static/chunks/2175-933f014a1846c93d.js?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw\",\"810\",\"static/chunks/810-b696c806382c7085.js?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw\",\"2545\",\"static/chunks/2545-d418110fec010f0b.js?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw\",\"1028\",\"static/chunks/1028-08bba3f96af80970.js?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw\",\"1407\",\"static/chunks/1407-770519d989c5d022.js?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw\",\"7217\",\"static/chunks/7217-65f73b4a100b486c.js?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw\",\"6060\",\"static/chunks/6060-1f1fe78bc4c86063.js?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw\",\"7487\",\"static/chunks/7487-0dc5b169ad926e1d.js?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw\",\"4908\",\"static/chunks/4908-b27ad39d34749056.js?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw\",\"7090\",\"static/chunk"])</script><script>self.__next_f.push([1,"s/7090-d0f93ba3d5e9b696.js?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw\",\"5275\",\"static/chunks/5275-731e12407a1c8f39.js?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw\",\"432\",\"static/chunks/432-2080e2f57f3b430e.js?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw\",\"5670\",\"static/chunks/5670-de97d70154173e45.js?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw\",\"1080\",\"static/chunks/app/(next-site)/layout-2fe1bb40b6c33cb4.js?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw\"],\"Header\"]\n13:I[94822,[\"6331\",\"static/chunks/6331-d83ee10a77237ab4.js?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw\",\"8712\",\"static/chunks/8712-302d303c23b75c5b.js?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw\",\"7145\",\"static/chunks/7145-d075405183f82412.js?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw\",\"2175\",\"static/chunks/2175-933f014a1846c93d.js?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw\",\"810\",\"static/chunks/810-b696c806382c7085.js?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw\",\"2545\",\"static/chunks/2545-d418110fec010f0b.js?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw\",\"1028\",\"static/chunks/1028-08bba3f96af80970.js?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw\",\"1407\",\"static/chunks/1407-770519d989c5d022.js?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw\",\"7217\",\"static/chunks/7217-65f73b4a100b486c.js?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw\",\"6060\",\"static/chunks/6060-1f1fe78bc4c86063.js?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw\",\"7487\",\"static/chunks/7487-0dc5b169ad926e1d.js?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw\",\"4908\",\"static/chunks/4908-b27ad39d34749056.js?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw\",\"7090\",\"static/chunks/7090-d0f93ba3d5e9b696.js?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw\",\"5275\",\"static/chunks/5275-731e12407a1c8f39.js?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw\",\"432\",\"static/chunks/432-2080e2f57f3b430e.js?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw\",\"5670\",\"static/chunks/5670-de97d70154173e45.js?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw\",\"1080\",\"static/chunks/app/(next-site)/layout-2fe1bb40b6c33cb4.js?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw\"],\"Provider\"]\n14:I[90002,[\"6331\",\"static/chunks/6331-d83ee10a77237ab4.js?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw\",\"8712\",\"static/chunks/8712-302d303c"])</script><script>self.__next_f.push([1,"23b75c5b.js?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw\",\"810\",\"static/chunks/810-b696c806382c7085.js?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw\",\"998\",\"static/chunks/998-3736ead338b1bdc0.js?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw\",\"4908\",\"static/chunks/4908-b27ad39d34749056.js?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw\",\"432\",\"static/chunks/432-2080e2f57f3b430e.js?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw\",\"975\",\"static/chunks/app/(next-site)/page-a7260316c620665e.js?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw\"],\"HydrateMeLater\"]\n15:I[33800,[\"6331\",\"static/chunks/6331-d83ee10a77237ab4.js?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw\",\"8712\",\"static/chunks/8712-302d303c23b75c5b.js?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw\",\"7145\",\"static/chunks/7145-d075405183f82412.js?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw\",\"2175\",\"static/chunks/2175-933f014a1846c93d.js?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw\",\"810\",\"static/chunks/810-b696c806382c7085.js?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw\",\"2545\",\"static/chunks/2545-d418110fec010f0b.js?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw\",\"1028\",\"static/chunks/1028-08bba3f96af80970.js?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw\",\"1407\",\"static/chunks/1407-770519d989c5d022.js?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw\",\"7217\",\"static/chunks/7217-65f73b4a100b486c.js?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw\",\"6060\",\"static/chunks/6060-1f1fe78bc4c86063.js?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw\",\"7487\",\"static/chunks/7487-0dc5b169ad926e1d.js?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw\",\"4908\",\"static/chunks/4908-b27ad39d34749056.js?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw\",\"7090\",\"static/chunks/7090-d0f93ba3d5e9b696.js?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw\",\"5275\",\"static/chunks/5275-731e12407a1c8f39.js?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw\",\"432\",\"static/chunks/432-2080e2f57f3b430e.js?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw\",\"5670\",\"static/chunks/5670-de97d70154173e45.js?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw\",\"1080\",\"static/chunks/app/(next-site)/layout-2fe1bb40b6c33cb4.js?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw\"],\"default\"]\n16:I[88883,[\"6331\",\"static/chunks/6331-d83ee10a77237ab4.js?dpl"])</script><script>self.__next_f.push([1,"=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw\",\"8712\",\"static/chunks/8712-302d303c23b75c5b.js?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw\",\"810\",\"static/chunks/810-b696c806382c7085.js?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw\",\"998\",\"static/chunks/998-3736ead338b1bdc0.js?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw\",\"4908\",\"static/chunks/4908-b27ad39d34749056.js?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw\",\"432\",\"static/chunks/432-2080e2f57f3b430e.js?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw\",\"975\",\"static/chunks/app/(next-site)/page-a7260316c620665e.js?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw\"],\"Image\"]\n17:I[22019,[\"6331\",\"static/chunks/6331-d83ee10a77237ab4.js?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw\",\"8712\",\"static/chunks/8712-302d303c23b75c5b.js?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw\",\"7145\",\"static/chunks/7145-d075405183f82412.js?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw\",\"2175\",\"static/chunks/2175-933f014a1846c93d.js?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw\",\"810\",\"static/chunks/810-b696c806382c7085.js?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw\",\"2545\",\"static/chunks/2545-d418110fec010f0b.js?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw\",\"1028\",\"static/chunks/1028-08bba3f96af80970.js?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw\",\"1407\",\"static/chunks/1407-770519d989c5d022.js?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw\",\"7217\",\"static/chunks/7217-65f73b4a100b486c.js?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw\",\"6060\",\"static/chunks/6060-1f1fe78bc4c86063.js?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw\",\"7487\",\"static/chunks/7487-0dc5b169ad926e1d.js?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw\",\"4908\",\"static/chunks/4908-b27ad39d34749056.js?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw\",\"7090\",\"static/chunks/7090-d0f93ba3d5e9b696.js?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw\",\"5275\",\"static/chunks/5275-731e12407a1c8f39.js?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw\",\"432\",\"static/chunks/432-2080e2f57f3b430e.js?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw\",\"5670\",\"static/chunks/5670-de97d70154173e45.js?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw\",\"1080\",\"static/chunks/app/(next-site)/layout-2fe1bb40b6c33cb4.js?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw\"],\"Link\"]\n18:\""])</script><script>self.__next_f.push([1,"$Sreact.suspense\"\n19:I[35311,[\"6331\",\"static/chunks/6331-d83ee10a77237ab4.js?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw\",\"8712\",\"static/chunks/8712-302d303c23b75c5b.js?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw\",\"7145\",\"static/chunks/7145-d075405183f82412.js?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw\",\"2175\",\"static/chunks/2175-933f014a1846c93d.js?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw\",\"810\",\"static/chunks/810-b696c806382c7085.js?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw\",\"2545\",\"static/chunks/2545-d418110fec010f0b.js?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw\",\"1028\",\"static/chunks/1028-08bba3f96af80970.js?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw\",\"1407\",\"static/chunks/1407-770519d989c5d022.js?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw\",\"7217\",\"static/chunks/7217-65f73b4a100b486c.js?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw\",\"6060\",\"static/chunks/6060-1f1fe78bc4c86063.js?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw\",\"7487\",\"static/chunks/7487-0dc5b169ad926e1d.js?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw\",\"4908\",\"static/chunks/4908-b27ad39d34749056.js?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw\",\"7090\",\"static/chunks/7090-d0f93ba3d5e9b696.js?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw\",\"5275\",\"static/chunks/5275-731e12407a1c8f39.js?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw\",\"432\",\"static/chunks/432-2080e2f57f3b430e.js?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw\",\"5670\",\"static/chunks/5670-de97d70154173e45.js?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw\",\"1080\",\"static/chunks/app/(next-site)/layout-2fe1bb40b6c33cb4.js?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw\"],\"ExternalFooterLink\"]\n1a:I[94654,[\"6331\",\"static/chunks/6331-d83ee10a77237ab4.js?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw\",\"8712\",\"static/chunks/8712-302d303c23b75c5b.js?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw\",\"7145\",\"static/chunks/7145-d075405183f82412.js?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw\",\"2175\",\"static/chunks/2175-933f014a1846c93d.js?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw\",\"810\",\"static/chunks/810-b696c806382c7085.js?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw\",\"2545\",\"static/chunks/2545-d418110fec010f0b.js?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw\",\"1028\",\"static/c"])</script><script>self.__next_f.push([1,"hunks/1028-08bba3f96af80970.js?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw\",\"1407\",\"static/chunks/1407-770519d989c5d022.js?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw\",\"7217\",\"static/chunks/7217-65f73b4a100b486c.js?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw\",\"6060\",\"static/chunks/6060-1f1fe78bc4c86063.js?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw\",\"7487\",\"static/chunks/7487-0dc5b169ad926e1d.js?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw\",\"4908\",\"static/chunks/4908-b27ad39d34749056.js?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw\",\"7090\",\"static/chunks/7090-d0f93ba3d5e9b696.js?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw\",\"5275\",\"static/chunks/5275-731e12407a1c8f39.js?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw\",\"432\",\"static/chunks/432-2080e2f57f3b430e.js?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw\",\"5670\",\"static/chunks/5670-de97d70154173e45.js?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw\",\"1080\",\"static/chunks/app/(next-site)/layout-2fe1bb40b6c33cb4.js?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw\"],\"NewsletterForm\"]\n1b:I[74184,[\"6331\",\"static/chunks/6331-d83ee10a77237ab4.js?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw\",\"8712\",\"static/chunks/8712-302d303c23b75c5b.js?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw\",\"7145\",\"static/chunks/7145-d075405183f82412.js?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw\",\"2175\",\"static/chunks/2175-933f014a1846c93d.js?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw\",\"810\",\"static/chunks/810-b696c806382c7085.js?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw\",\"2545\",\"static/chunks/2545-d418110fec010f0b.js?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw\",\"1028\",\"static/chunks/1028-08bba3f96af80970.js?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw\",\"1407\",\"static/chunks/1407-770519d989c5d022.js?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw\",\"7217\",\"static/chunks/7217-65f73b4a100b486c.js?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw\",\"6060\",\"static/chunks/6060-1f1fe78bc4c86063.js?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw\",\"7487\",\"static/chunks/7487-0dc5b169ad926e1d.js?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw\",\"4908\",\"static/chunks/4908-b27ad39d34749056.js?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw\",\"7090\",\"static/chunks/7090-d0f93ba3d5e9b696.js?dpl=dpl_7E5gqzTet"])</script><script>self.__next_f.push([1,"4rqEUC64Mnp5WfDK1tw\",\"5275\",\"static/chunks/5275-731e12407a1c8f39.js?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw\",\"432\",\"static/chunks/432-2080e2f57f3b430e.js?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw\",\"5670\",\"static/chunks/5670-de97d70154173e45.js?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw\",\"1080\",\"static/chunks/app/(next-site)/layout-2fe1bb40b6c33cb4.js?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw\"],\"ThemeSwitcher\"]\n1c:I[92991,[\"6331\",\"static/chunks/6331-d83ee10a77237ab4.js?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw\",\"8712\",\"static/chunks/8712-302d303c23b75c5b.js?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw\",\"7145\",\"static/chunks/7145-d075405183f82412.js?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw\",\"2175\",\"static/chunks/2175-933f014a1846c93d.js?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw\",\"810\",\"static/chunks/810-b696c806382c7085.js?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw\",\"2545\",\"static/chunks/2545-d418110fec010f0b.js?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw\",\"1028\",\"static/chunks/1028-08bba3f96af80970.js?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw\",\"1407\",\"static/chunks/1407-770519d989c5d022.js?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw\",\"7217\",\"static/chunks/7217-65f73b4a100b486c.js?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw\",\"6060\",\"static/chunks/6060-1f1fe78bc4c86063.js?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw\",\"7487\",\"static/chunks/7487-0dc5b169ad926e1d.js?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw\",\"4908\",\"static/chunks/4908-b27ad39d34749056.js?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw\",\"7090\",\"static/chunks/7090-d0f93ba3d5e9b696.js?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw\",\"5275\",\"static/chunks/5275-731e12407a1c8f39.js?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw\",\"432\",\"static/chunks/432-2080e2f57f3b430e.js?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw\",\"5670\",\"static/chunks/5670-de97d70154173e45.js?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw\",\"1080\",\"static/chunks/app/(next-site)/layout-2fe1bb40b6c33cb4.js?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw\"],\"Cmdk\"]\n1d:I[8951,[\"6331\",\"static/chunks/6331-d83ee10a77237ab4.js?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw\",\"8712\",\"static/chunks/8712-302d303c23b75c5b.js?dpl=dpl_7E5gqzTet4rqEUC64Mnp5W"])</script><script>self.__next_f.push([1,"fDK1tw\",\"7145\",\"static/chunks/7145-d075405183f82412.js?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw\",\"2175\",\"static/chunks/2175-933f014a1846c93d.js?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw\",\"810\",\"static/chunks/810-b696c806382c7085.js?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw\",\"2545\",\"static/chunks/2545-d418110fec010f0b.js?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw\",\"1028\",\"static/chunks/1028-08bba3f96af80970.js?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw\",\"1407\",\"static/chunks/1407-770519d989c5d022.js?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw\",\"7217\",\"static/chunks/7217-65f73b4a100b486c.js?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw\",\"6060\",\"static/chunks/6060-1f1fe78bc4c86063.js?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw\",\"7487\",\"static/chunks/7487-0dc5b169ad926e1d.js?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw\",\"4908\",\"static/chunks/4908-b27ad39d34749056.js?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw\",\"7090\",\"static/chunks/7090-d0f93ba3d5e9b696.js?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw\",\"5275\",\"static/chunks/5275-731e12407a1c8f39.js?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw\",\"432\",\"static/chunks/432-2080e2f57f3b430e.js?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw\",\"5670\",\"static/chunks/5670-de97d70154173e45.js?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw\",\"1080\",\"static/chunks/app/(next-site)/layout-2fe1bb40b6c33cb4.js?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw\"],\"TrackPageView\"]\n1e:I[22019,[\"6331\",\"static/chunks/6331-d83ee10a77237ab4.js?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw\",\"8712\",\"static/chunks/8712-302d303c23b75c5b.js?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw\",\"7145\",\"static/chunks/7145-d075405183f82412.js?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw\",\"2175\",\"static/chunks/2175-933f014a1846c93d.js?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw\",\"810\",\"static/chunks/810-b696c806382c7085.js?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw\",\"2545\",\"static/chunks/2545-d418110fec010f0b.js?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw\",\"1028\",\"static/chunks/1028-08bba3f96af80970.js?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw\",\"1407\",\"static/chunks/1407-770519d989c5d022.js?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw\",\"7217\",\"static/chunks/7217-65f73b4a100b486c"])</script><script>self.__next_f.push([1,".js?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw\",\"6060\",\"static/chunks/6060-1f1fe78bc4c86063.js?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw\",\"7487\",\"static/chunks/7487-0dc5b169ad926e1d.js?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw\",\"4908\",\"static/chunks/4908-b27ad39d34749056.js?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw\",\"7090\",\"static/chunks/7090-d0f93ba3d5e9b696.js?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw\",\"5275\",\"static/chunks/5275-731e12407a1c8f39.js?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw\",\"432\",\"static/chunks/432-2080e2f57f3b430e.js?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw\",\"5670\",\"static/chunks/5670-de97d70154173e45.js?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw\",\"1080\",\"static/chunks/app/(next-site)/layout-2fe1bb40b6c33cb4.js?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw\"],\"PrefetchCrossZoneLinks\"]\n1f:I[34211,[\"6331\",\"static/chunks/6331-d83ee10a77237ab4.js?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw\",\"8712\",\"static/chunks/8712-302d303c23b75c5b.js?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw\",\"810\",\"static/chunks/810-b696c806382c7085.js?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw\",\"998\",\"static/chunks/998-3736ead338b1bdc0.js?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw\",\"4908\",\"static/chunks/4908-b27ad39d34749056.js?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw\",\"432\",\"static/chunks/432-2080e2f57f3b430e.js?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw\",\"975\",\"static/chunks/app/(next-site)/page-a7260316c620665e.js?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw\"],\"Intro\"]\n20:I[38207,[\"6331\",\"static/chunks/6331-d83ee10a77237ab4.js?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw\",\"8712\",\"static/chunks/8712-302d303c23b75c5b.js?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw\",\"810\",\"static/chunks/810-b696c806382c7085.js?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw\",\"998\",\"static/chunks/998-3736ead338b1bdc0.js?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw\",\"4908\",\"static/chunks/4908-b27ad39d34749056.js?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw\",\"432\",\"static/chunks/432-2080e2f57f3b430e.js?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw\",\"975\",\"static/chunks/app/(next-site)/page-a7260316c620665e.js?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw\"],\"OptimizationsCard\"]\n21:I[76910,[\"6331\","])</script><script>self.__next_f.push([1,"\"static/chunks/6331-d83ee10a77237ab4.js?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw\",\"8712\",\"static/chunks/8712-302d303c23b75c5b.js?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw\",\"810\",\"static/chunks/810-b696c806382c7085.js?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw\",\"998\",\"static/chunks/998-3736ead338b1bdc0.js?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw\",\"4908\",\"static/chunks/4908-b27ad39d34749056.js?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw\",\"432\",\"static/chunks/432-2080e2f57f3b430e.js?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw\",\"975\",\"static/chunks/app/(next-site)/page-a7260316c620665e.js?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw\"],\"\"]\n22:I[38207,[\"6331\",\"static/chunks/6331-d83ee10a77237ab4.js?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw\",\"8712\",\"static/chunks/8712-302d303c23b75c5b.js?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw\",\"810\",\"static/chunks/810-b696c806382c7085.js?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw\",\"998\",\"static/chunks/998-3736ead338b1bdc0.js?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw\",\"4908\",\"static/chunks/4908-b27ad39d34749056.js?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw\",\"432\",\"static/chunks/432-2080e2f57f3b430e.js?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw\",\"975\",\"static/chunks/app/(next-site)/page-a7260316c620665e.js?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw\"],\"StreamingCard\"]\n23:I[38207,[\"6331\",\"static/chunks/6331-d83ee10a77237ab4.js?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw\",\"8712\",\"static/chunks/8712-302d303c23b75c5b.js?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw\",\"810\",\"static/chunks/810-b696c806382c7085.js?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw\",\"998\",\"static/chunks/998-3736ead338b1bdc0.js?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw\",\"4908\",\"static/chunks/4908-b27ad39d34749056.js?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw\",\"432\",\"static/chunks/432-2080e2f57f3b430e.js?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw\",\"975\",\"static/chunks/app/(next-site)/page-a7260316c620665e.js?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw\"],\"NextCard\"]\n24:I[65672,[\"6331\",\"static/chunks/6331-d83ee10a77237ab4.js?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw\",\"8712\",\"static/chunks/8712-302d303c23b75c5b.js?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw\",\""])</script><script>self.__next_f.push([1,"810\",\"static/chunks/810-b696c806382c7085.js?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw\",\"998\",\"static/chunks/998-3736ead338b1bdc0.js?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw\",\"4908\",\"static/chunks/4908-b27ad39d34749056.js?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw\",\"432\",\"static/chunks/432-2080e2f57f3b430e.js?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw\",\"975\",\"static/chunks/app/(next-site)/page-a7260316c620665e.js?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw\"],\"AnimatedLines\"]\n25:I[34211,[\"6331\",\"static/chunks/6331-d83ee10a77237ab4.js?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw\",\"8712\",\"static/chunks/8712-302d303c23b75c5b.js?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw\",\"810\",\"static/chunks/810-b696c806382c7085.js?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw\",\"998\",\"static/chunks/998-3736ead338b1bdc0.js?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw\",\"4908\",\"static/chunks/4908-b27ad39d34749056.js?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw\",\"432\",\"static/chunks/432-2080e2f57f3b430e.js?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw\",\"975\",\"static/chunks/app/(next-site)/page-a7260316c620665e.js?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw\"],\"GridLine\"]\n26:I[38055,[\"6331\",\"static/chunks/6331-d83ee10a77237ab4.js?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw\",\"8712\",\"static/chunks/8712-302d303c23b75c5b.js?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw\",\"810\",\"static/chunks/810-b696c806382c7085.js?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw\",\"998\",\"static/chunks/998-3736ead338b1bdc0.js?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw\",\"4908\",\"static/chunks/4908-b27ad39d34749056.js?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw\",\"432\",\"static/chunks/432-2080e2f57f3b430e.js?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw\",\"975\",\"static/chunks/app/(next-site)/page-a7260316c620665e.js?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw\"],\"DeployTemplateButton\"]\n27:I[58493,[\"6331\",\"static/chunks/6331-d83ee10a77237ab4.js?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw\",\"8712\",\"static/chunks/8712-302d303c23b75c5b.js?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw\",\"810\",\"static/chunks/810-b696c806382c7085.js?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw\",\"998\",\"static/chunks/998-3736ead338b1bdc0.js?dpl=dpl_7E5gqzTet"])</script><script>self.__next_f.push([1,"4rqEUC64Mnp5WfDK1tw\",\"4908\",\"static/chunks/4908-b27ad39d34749056.js?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw\",\"432\",\"static/chunks/432-2080e2f57f3b430e.js?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw\",\"975\",\"static/chunks/app/(next-site)/page-a7260316c620665e.js?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw\"],\"Customers\"]\n28:I[99012,[],\"OutletBoundary\"]\n2a:I[99012,[],\"MetadataBoundary\"]\n2c:I[99012,[],\"ViewportBoundary\"]\n2e:I[17458,[],\"\"]\n1:HL[\"/_next/static/media/569ce4b8f30dc480-s.p.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n2:HL[\"/_next/static/media/93f479601ee12b01-s.p.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n3:HL[\"/_next/static/css/94930d6f827b22e1.css?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw\",\"style\"]\n4:HL[\"/_next/static/css/3a4b7cc0153d49b4.css?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw\",\"style\"]\n5:HL[\"/_next/static/css/58f50fdfd3cd38b6.css?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw\",\"style\"]\n6:HL[\"/_next/static/css/bf98005f04f1b7f7.css?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw\",\"style\"]\n7:HL[\"/_next/static/css/bfc235d8dfd01529.css?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw\",\"style\"]\n8:HL[\"/_next/static/css/824202e71e79374d.css?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw\",\"style\"]\n9:HL[\"/_next/static/css/83fe6bc36ad4703d.css?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw\",\"style\"]\na:HL[\"/_next/static/css/4ad309783bf416a2.css?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw\",\"style\"]\nb:HL[\"/_next/static/css/baf446a5c20b5fd4.css?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw\",\"style\"]\nc:HL[\"/_next/static/css/f4addedd731adba4.css?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw\",\"style\"]\n"])</script><script>self.__next_f.push([1,"0:{\"P\":null,\"b\":\"SEMkNH1r2m6FfmJdKom-Q\",\"p\":\"\",\"c\":[\"\",\"\"],\"i\":false,\"f\":[[[\"\",{\"children\":[\"(next-site)\",{\"children\":[\"__PAGE__\",{}]},\"$undefined\",\"$undefined\",true]}],[\"\",[\"$\",\"$d\",\"c\",{\"children\":[null,[\"$\",\"$Le\",null,{\"parallelRouterKey\":\"children\",\"segmentPath\":[\"children\"],\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$Lf\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[[],[[\"$\",\"title\",null,{\"children\":\"404: This page could not be found.\"}],[\"$\",\"div\",null,{\"style\":{\"fontFamily\":\"system-ui,\\\"Segoe UI\\\",Roboto,Helvetica,Arial,sans-serif,\\\"Apple Color Emoji\\\",\\\"Segoe UI Emoji\\\"\",\"height\":\"100vh\",\"textAlign\":\"center\",\"display\":\"flex\",\"flexDirection\":\"column\",\"alignItems\":\"center\",\"justifyContent\":\"center\"},\"children\":[\"$\",\"div\",null,{\"children\":[[\"$\",\"style\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}\"}}],[\"$\",\"h1\",null,{\"className\":\"next-error-h1\",\"style\":{\"display\":\"inline-block\",\"margin\":\"0 20px 0 0\",\"padding\":\"0 23px 0 0\",\"fontSize\":24,\"fontWeight\":500,\"verticalAlign\":\"top\",\"lineHeight\":\"49px\"},\"children\":404}],[\"$\",\"div\",null,{\"style\":{\"display\":\"inline-block\"},\"children\":[\"$\",\"h2\",null,{\"style\":{\"fontSize\":14,\"fontWeight\":400,\"lineHeight\":\"49px\",\"margin\":0},\"children\":\"This page could not be found.\"}]}]]}]}]]],\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]]}],{\"children\":[\"(next-site)\",[\"$\",\"$d\",\"c\",{\"children\":[[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/94930d6f827b22e1.css?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"link\",\"1\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/3a4b7cc0153d49b4.css?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"link\",\"2\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/58f50fdfd3cd38b6.css?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"link\",\"3\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/bf98005f04f1b7f7.css?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"link\",\"4\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/bfc235d8dfd01529.css?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"link\",\"5\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/824202e71e79374d.css?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"link\",\"6\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/83fe6bc36ad4703d.css?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"link\",\"7\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/4ad309783bf416a2.css?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"link\",\"8\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/baf446a5c20b5fd4.css?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"link\",\"9\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/f4addedd731adba4.css?dpl=dpl_7E5gqzTet4rqEUC64Mnp5WfDK1tw\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}]],[\"$\",\"html\",null,{\"className\":\"__variable_b4bd81 __variable_4d318d\",\"lang\":\"en\",\"suppressHydrationWarning\":true,\"children\":[[\"$\",\"head\",null,{\"children\":[[\"$\",\"style\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\".uwu-flex { display: none; } .uwu .uwu-flex { display: flex; } .uwu .uwu-hidden { display: none; }\"}}],[\"$\",\"script\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"try { if (['', 'true', '1'].includes(new URLSearchParams(document.location.search).get('uwu'))) { document.documentElement.classList.add('uwu'); console.log('Next.js uwu logo by SAWARATSUKI: https://github.com/SAWARATSUKI'); } } catch (e) {}\"}}]]}],[\"$\",\"body\",null,{\"children\":[[\"$\",\"$L10\",null,{}],[\"$\",\"$L11\",null,{\"children\":[[\"$\",\"$L12\",null,{}],[\"$\",\"$L13\",null,{\"children\":[[\"$\",\"main\",null,{\"children\":[\"$\",\"$Le\",null,{\"parallelRouterKey\":\"children\",\"segmentPath\":[\"children\",\"(next-site)\",\"children\"],\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$Lf\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[[],[[\"$\",\"title\",null,{\"children\":\"404: This page could not be found.\"}],[\"$\",\"div\",null,{\"style\":\"$0:f:0:1:1:props:children:1:props:notFound:1:1:props:style\",\"children\":[\"$\",\"div\",null,{\"children\":[[\"$\",\"style\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}\"}}],[\"$\",\"h1\",null,{\"className\":\"next-error-h1\",\"style\":\"$0:f:0:1:1:props:children:1:props:notFound:1:1:props:children:props:children:1:props:style\",\"children\":404}],[\"$\",\"div\",null,{\"style\":\"$0:f:0:1:1:props:children:1:props:notFound:1:1:props:children:props:children:2:props:style\",\"children\":[\"$\",\"h2\",null,{\"style\":\"$0:f:0:1:1:props:children:1:props:notFound:1:1:props:children:props:children:2:props:children:props:style\",\"children\":\"This page could not be found.\"}]}]]}]}]]],\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]}],[\"$\",\"$L14\",null,{\"children\":[\"$\",\"$L15\",null,{\"className\":\"footer_root__6F7g2\",\"wide\":true,\"children\":[\"$\",\"div\",null,{\"className\":\"geist-wrapper\",\"children\":[\"$\",\"footer\",null,{\"className\":\"footer_footer__mqdak\",\"children\":[[\"$\",\"div\",null,{\"className\":\"footer_grid__yp2LW\",\"children\":[[\"$\",\"div\",null,{\"className\":\"stack_stack__iZkUS stack\",\"data-testid\":\"$undefined\",\"data-version\":\"v1\",\"ref\":\"$undefined\",\"style\":{\"--stack-flex\":\"initial\",\"--stack-direction\":\"row\",\"--stack-align\":\"stretch\",\"--stack-justify\":\"space-between\",\"--stack-padding\":\"0px\",\"--stack-gap\":\"0px\"},\"data-logo\":true,\"children\":[[\"$\",\"a\",null,{\"className\":\"stack_stack__iZkUS stack\",\"data-testid\":\"$undefined\",\"data-version\":\"v1\",\"ref\":\"$undefined\",\"style\":{\"--stack-flex\":\"initial\",\"--stack-direction\":\"column\",\"--stack-align\":\"stretch\",\"--stack-justify\":\"flex-start\",\"--stack-padding\":\"0px\",\"--stack-gap\":\"0px\"},\"aria-label\":\"Vercel logo\",\"data-logo-link\":\"\",\"href\":\"https://vercel.com/home?utm_source=next-site\u0026utm_medium=footer\u0026utm_campaign=next-website\",\"rel\":\"noopener noreferrer\",\"target\":\"_blank\",\"title\":\"Go to the Vercel website\",\"children\":[\"$\",\"svg\",null,{\"fill\":\"none\",\"height\":\"20\",\"viewBox\":\"0 0 283 64\",\"children\":[\"$\",\"path\",null,{\"d\":\"M141.04 16c-11.04 0-19 7.2-19 18s8.96 18 20 18c6.67 0 12.55-2.64 16.19-7.09l-7.65-4.42c-2.02 2.21-5.09 3.5-8.54 3.5-4.79 0-8.86-2.5-10.37-6.5h28.02c.22-1.12.35-2.28.35-3.5 0-10.79-7.96-17.99-19-17.99zm-9.46 14.5c1.25-3.99 4.67-6.5 9.45-6.5 4.79 0 8.21 2.51 9.45 6.5h-18.9zM248.72 16c-11.04 0-19 7.2-19 18s8.96 18 20 18c6.67 0 12.55-2.64 16.19-7.09l-7.65-4.42c-2.02 2.21-5.09 3.5-8.54 3.5-4.79 0-8.86-2.5-10.37-6.5h28.02c.22-1.12.35-2.28.35-3.5 0-10.79-7.96-17.99-19-17.99zm-9.45 14.5c1.25-3.99 4.67-6.5 9.45-6.5 4.79 0 8.21 2.51 9.45 6.5h-18.9zM200.24 34c0 6 3.92 10 10 10 4.12 0 7.21-1.87 8.8-4.92l7.68 4.43c-3.18 5.3-9.14 8.49-16.48 8.49-11.05 0-19-7.2-19-18s7.96-18 19-18c7.34 0 13.29 3.19 16.48 8.49l-7.68 4.43c-1.59-3.05-4.68-4.92-8.8-4.92-6.07 0-10 4-10 10zm82.48-29v46h-9V5h9zM36.95 0L73.9 64H0L36.95 0zm92.38 5l-27.71 48L73.91 5H84.3l17.32 30 17.32-30h10.39zm58.91 12v9.69c-1-.29-2.06-.49-3.2-.49-5.81 0-10 4-10 10V51h-9V17h9v9.2c0-5.08 5.91-9.2 13.2-9.2z\",\"fill\":\"var(--geist-foreground)\"}]}]}],[\"$\",\"div\",null,{\"className\":\"stack_stack__iZkUS stack footer_socialsDesktop__XZ__G\",\"data-testid\":\"$undefined\",\"data-version\":\"v1\",\"ref\":\"$undefined\",\"style\":{\"--stack-flex\":\"initial\",\"--stack-direction\":\"row\",\"--stack-align\":\"center\",\"--stack-justify\":\"flex-start\",\"--stack-padding\":\"0px\",\"--stack-gap\":\"12px\"},\"children\":[[\"$\",\"a\",null,{\"aria-label\":\"GitHub\",\"href\":\"https://github.com/vercel/next.js\",\"rel\":\"noopener\",\"target\":\"_blank\",\"children\":[\"$\",\"$L16\",null,{\"alt\":\"GitHub Logo\",\"height\":\"16\",\"src\":\"/icons/github.svg\",\"width\":\"16\"}]}],[\"$\",\"hr\",null,{}],[\"$\",\"a\",null,{\"aria-label\":\"Twitter\",\"href\":\"https://twitter.com/nextjs\",\"rel\":\"noopener\",\"target\":\"_blank\",\"children\":[\"$\",\"$L16\",null,{\"alt\":\"X Logo\",\"className\":\"footer_x__r5_ph\",\"height\":\"16\",\"src\":\"/icons/x.svg\",\"width\":\"16\"}]}]]}]]}],[\"$\",\"div\",null,{\"children\":[[\"$\",\"h4\",null,{\"children\":\"Resources\"}],[\"$\",\"a\",null,{\"href\":\"/docs\",\"children\":\"Docs\"}],[\"$\",\"$L17\",null,{\"href\":\"/learn\",\"prefetch\":false,\"children\":\"Learn\"}],[\"$\",\"$L17\",null,{\"href\":\"/showcase\",\"prefetch\":false,\"children\":\"Showcase\"}],[\"$\",\"$L17\",null,{\"href\":\"/blog\",\"prefetch\":false,\"children\":\"Blog\"}],[\"$\",\"$18\",null,{\"fallback\":null,\"children\":[\"$\",\"$L19\",null,{\"path\":\"/analytics\",\"children\":\"Analytics\"}]}],[\"$\",\"$L17\",null,{\"href\":\"/conf\",\"prefetch\":false,\"children\":\"Next.js Conf\"}],[\"$\",\"$18\",null,{\"fallback\":null,\"children\":[\"$\",\"$L19\",null,{\"path\":\"/products/previews\",\"children\":\"Previews\"}]}]]}],[\"$\",\"div\",null,{\"children\":[[\"$\",\"h4\",null,{\"children\":\"More\"}],[\"$\",\"$18\",null,{\"fallback\":null,\"children\":[\"$\",\"$L19\",null,{\"path\":\"/templates/next.js/nextjs-commerce\",\"children\":\"Next.js Commerce\"}]}],[\"$\",\"$18\",null,{\"fallback\":null,\"children\":[\"$\",\"$L19\",null,{\"path\":\"/contact/sales\",\"children\":\"Contact Sales\"}]}],[\"$\",\"a\",null,{\"href\":\"https://github.com/vercel/next.js\",\"rel\":\"noopener noreferrer\",\"target\":\"_blank\",\"children\":\"GitHub\"}],[\"$\",\"a\",null,{\"href\":\"https://github.com/vercel/next.js/releases\",\"rel\":\"noopener noreferrer\",\"target\":\"_blank\",\"children\":\"Releases\"}],[\"$\",\"$L17\",null,{\"href\":\"/telemetry\",\"prefetch\":false,\"children\":\"Telemetry\"}],[\"$\",\"$L17\",null,{\"href\":\"/governance\",\"prefetch\":false,\"children\":\"Governance\"}]]}],[\"$\",\"div\",null,{\"children\":[[\"$\",\"h4\",null,{\"children\":\"About Vercel\"}],[\"$\",\"$18\",null,{\"fallback\":null,\"children\":[\"$\",\"$L19\",null,{\"path\":\"/solutions/nextjs\",\"children\":\"Next.js + Vercel\"}]}],[\"$\",\"$18\",null,{\"fallback\":null,\"children\":[\"$\",\"$L19\",null,{\"path\":\"/oss\",\"children\":\"Open Source Software\"}]}],[\"$\",\"a\",null,{\"href\":\"https://github.com/vercel\",\"rel\":\"noopener noreferrer\",\"target\":\"_blank\",\"children\":\"GitHub\"}],[\"$\",\"a\",null,{\"href\":\"https://twitter.com/vercel\",\"rel\":\"noopener noreferrer\",\"target\":\"_blank\",\"children\":\"X\"}]]}],[\"$\",\"div\",null,{\"children\":[[\"$\",\"h4\",null,{\"children\":\"Legal\"}],[\"$\",\"a\",null,{\"href\":\"https://vercel.com/legal/privacy-policy\",\"rel\":\"noopener\",\"target\":\"_blank\",\"children\":\"Privacy Policy\"}],[\"$\",\"button\",null,{\"id\":\"fides-modal-link\",\"type\":\"button\",\"children\":\"Cookie Preferences\"}]]}],[\"$\",\"$L1a\",null,{}]]}],[\"$\",\"div\",null,{\"className\":\"stack_stack__iZkUS stack footer_copyright__z9dsS\",\"data-testid\":\"$undefined\",\"data-version\":\"v1\",\"ref\":\"$undefined\",\"style\":{\"--stack-flex\":\"initial\",\"--stack-direction\":\"row\",\"--stack-align\":\"center\",\"--stack-justify\":\"space-between\",\"--stack-padding\":\"0px\",\"--stack-gap\":\"0px\"},\"children\":[[\"$\",\"div\",null,{\"className\":\"stack_stack__iZkUS stack\",\"data-testid\":\"$undefined\",\"data-version\":\"v1\",\"ref\":\"$undefined\",\"style\":{\"--stack-flex\":\"initial\",\"--stack-direction\":\"column\",\"--stack-align\":\"stretch\",\"--stack-justify\":\"flex-start\",\"--stack-padding\":\"0px\",\"--stack-gap\":\"16px\"},\"children\":[[\"$\",\"p\",null,{\"children\":[\"© \",\"2024\",\" Vercel, Inc.\"]}],[\"$\",\"div\",null,{\"className\":\"stack_stack__iZkUS stack footer_socials__VfDh3\",\"data-testid\":\"$undefined\",\"data-version\":\"v1\",\"ref\":\"$undefined\",\"style\":{\"--stack-flex\":\"initial\",\"--stack-direction\":\"row\",\"--stack-align\":\"center\",\"--stack-justify\":\"flex-start\",\"--stack-padding\":\"0px\",\"--stack-gap\":\"12px\"},\"children\":[[\"$\",\"a\",null,{\"aria-label\":\"GitHub\",\"href\":\"https://github.com/vercel/next.js\",\"rel\":\"noopener\",\"target\":\"_blank\",\"children\":[\"$\",\"$L16\",null,{\"alt\":\"GitHub Logo\",\"height\":\"16\",\"src\":\"/icons/github.svg\",\"width\":\"16\"}]}],[\"$\",\"hr\",null,{}],[\"$\",\"a\",null,{\"aria-label\":\"Twitter\",\"href\":\"https://twitter.com/nextjs\",\"rel\":\"noopener\",\"target\":\"_blank\",\"children\":[\"$\",\"$L16\",null,{\"alt\":\"X Logo\",\"className\":\"footer_x__r5_ph\",\"height\":\"16\",\"src\":\"/icons/x.svg\",\"width\":\"16\"}]}]]}]]}],[\"$\",\"$18\",null,{\"fallback\":null,\"children\":[\"$\",\"$L1b\",null,{}]}]]}]]}]}]}]}],[\"$\",\"$L14\",null,{\"children\":[\"$\",\"$L1c\",null,{}]}],[\"$\",\"$L14\",null,{\"children\":[\"$\",\"$L1d\",null,{}]}]]}]]}],[\"$\",\"$L1e\",null,{}],null]}]]}]]}],{\"children\":[\"__PAGE__\",[\"$\",\"$d\",\"c\",{\"children\":[[\"$\",\"div\",null,{\"className\":\"home_root__yKyeQ\",\"children\":[[\"$\",\"div\",null,{\"id\":\"geist-skip-nav\",\"ref\":\"$undefined\",\"tabIndex\":-1}],[\"$\",\"$L1f\",null,{}],[\"$\",\"$L14\",null,{\"children\":[\"$\",\"section\",null,{\"className\":\"features_root___IH5t\",\"children\":[\"$\",\"div\",null,{\"className\":\"stack_stack__iZkUS stack features_main__Tc5yR\",\"data-testid\":\"$undefined\",\"data-version\":\"v1\",\"ref\":\"$undefined\",\"style\":{\"--stack-flex\":\"initial\",\"--stack-direction\":\"column\",\"--stack-align\":\"center\",\"--stack-justify\":\"flex-start\",\"--stack-padding\":\"0px\",\"--stack-gap\":\"0px\"},\"children\":[[\"$\",\"div\",null,{\"className\":\"stack_stack__iZkUS stack\",\"data-testid\":\"$undefined\",\"data-version\":\"v1\",\"ref\":\"$undefined\",\"style\":{\"--stack-flex\":\"initial\",\"--sm-stack-direction\":\"column\",\"--lg-stack-direction\":\"row\",\"--xl-stack-direction\":\"$undefined\",\"--sm-stack-align\":\"center\",\"--lg-stack-align\":\"baseline\",\"--xl-stack-align\":\"$undefined\",\"--stack-justify\":\"flex-start\",\"--stack-padding\":\"0px\",\"--sm-stack-gap\":\"8px\",\"--md-stack-gap\":\"8px\",\"--lg-stack-gap\":\"16px\",\"--xl-stack-gap\":\"16px\"},\"children\":[[\"$\",\"h2\",null,{\"className\":\"gradient-text\",\"data-main-heading\":true,\"children\":\"What's in Next.js?\"}],[\"$\",\"p\",null,{\"data-main-paragraph\":true,\"children\":\"Everything you need to build great products on the web.\"}]]}],[\"$\",\"div\",null,{\"className\":\"features_grid__4rdKV\",\"data-columns\":\"3\",\"children\":[[\"$\",\"div\",null,{\"data-column\":true,\"children\":[[\"$\",\"$18\",null,{\"fallback\":null,\"children\":[\"$\",\"$L20\",null,{\"animate\":true}]}],[\"$\",\"$L21\",null,{\"aria-label\":\"Data Fetching\",\"className\":\"features_card__xYla9\",\"data-variant\":\"minimal\",\"href\":\"/docs/app/building-your-application/data-fetching\",\"ref\":\"$undefined\",\"children\":[null,[\"$\",\"div\",null,{\"className\":\"stack_stack__iZkUS stack\",\"data-testid\":\"$undefined\",\"data-version\":\"v1\",\"ref\":\"$undefined\",\"style\":{\"--stack-flex\":\"initial\",\"--stack-direction\":\"row\",\"--stack-align\":\"center\",\"--stack-justify\":\"flex-start\",\"--stack-padding\":\"0px\",\"--stack-gap\":\"8px\"},\"data-title\":true,\"children\":[\"$\",\"span\",null,{\"children\":\"Data Fetching\"}]}],[\"$\",\"div\",null,{\"data-subtitle\":true,\"children\":\"Make your React component async and await your data. Next.js supports both server and client data fetching.\"}],false]}],[\"$\",\"$L21\",null,{\"aria-label\":\"Server Actions\",\"className\":\"features_card__xYla9\",\"data-variant\":\"minimal\",\"href\":\"/docs/app/building-your-application/data-fetching/forms-and-mutations\",\"ref\":\"$undefined\",\"children\":[null,[\"$\",\"div\",null,{\"className\":\"stack_stack__iZkUS stack\",\"data-testid\":\"$undefined\",\"data-version\":\"v1\",\"ref\":\"$undefined\",\"style\":{\"--stack-flex\":\"initial\",\"--stack-direction\":\"row\",\"--stack-align\":\"center\",\"--stack-justify\":\"flex-start\",\"--stack-padding\":\"0px\",\"--stack-gap\":\"8px\"},\"data-title\":true,\"children\":[\"$\",\"span\",null,{\"children\":\"Server Actions\"}]}],[\"$\",\"div\",null,{\"data-subtitle\":true,\"children\":\"Run server code by calling a function. Skip the API. Then, easily revalidate cached data and update your UI in one network roundtrip.\"}],false]}],[\"$\",\"$L21\",null,{\"aria-label\":\"Advanced Routing \u0026 Nested Layouts\",\"className\":\"features_card__xYla9\",\"data-variant\":\"minimal\",\"href\":\"/docs/app/building-your-application/routing\",\"ref\":\"$undefined\",\"children\":[null,[\"$\",\"div\",null,{\"className\":\"stack_stack__iZkUS stack\",\"data-testid\":\"$undefined\",\"data-version\":\"v1\",\"ref\":\"$undefined\",\"style\":{\"--stack-flex\":\"initial\",\"--stack-direction\":\"row\",\"--stack-align\":\"center\",\"--stack-justify\":\"flex-start\",\"--stack-padding\":\"0px\",\"--stack-gap\":\"8px\"},\"data-title\":true,\"children\":[\"$\",\"span\",null,{\"children\":\"Advanced Routing \u0026 Nested Layouts\"}]}],[\"$\",\"div\",null,{\"data-subtitle\":true,\"children\":\"Create routes using the file system, including support for more advanced routing patterns and UI layouts.\"}],false]}]]}],[\"$\",\"div\",null,{\"data-column\":true,\"children\":[[\"$\",\"$18\",null,{\"fallback\":null,\"children\":[\"$\",\"$L22\",null,{\"animate\":true}]}],[\"$\",\"$L21\",null,{\"aria-label\":\"CSS Support\",\"className\":\"features_card__xYla9\",\"data-variant\":\"minimal\",\"href\":\"/docs/app/building-your-application/styling\",\"ref\":\"$undefined\",\"children\":[null,[\"$\",\"div\",null,{\"className\":\"stack_stack__iZkUS stack\",\"data-testid\":\"$undefined\",\"data-version\":\"v1\",\"ref\":\"$undefined\",\"style\":{\"--stack-flex\":\"initial\",\"--stack-direction\":\"row\",\"--stack-align\":\"center\",\"--stack-justify\":\"flex-start\",\"--stack-padding\":\"0px\",\"--stack-gap\":\"8px\"},\"data-title\":true,\"children\":[\"$\",\"span\",null,{\"children\":\"CSS Support\"}]}],[\"$\",\"div\",null,{\"data-subtitle\":true,\"children\":\"Style your application with your favorite tools, including support for CSS Modules, Tailwind CSS, and popular community libraries.\"}],false]}],[\"$\",\"$L21\",null,{\"aria-label\":\"Route Handlers\",\"className\":\"features_card__xYla9\",\"data-variant\":\"minimal\",\"href\":\"/docs/app/building-your-application/routing/router-handlers\",\"ref\":\"$undefined\",\"children\":[null,[\"$\",\"div\",null,{\"className\":\"stack_stack__iZkUS stack\",\"data-testid\":\"$undefined\",\"data-version\":\"v1\",\"ref\":\"$undefined\",\"style\":{\"--stack-flex\":\"initial\",\"--stack-direction\":\"row\",\"--stack-align\":\"center\",\"--stack-justify\":\"flex-start\",\"--stack-padding\":\"0px\",\"--stack-gap\":\"8px\"},\"data-title\":true,\"children\":[\"$\",\"span\",null,{\"children\":\"Route Handlers\"}]}],[\"$\",\"div\",null,{\"data-subtitle\":true,\"children\":\"Build API endpoints to securely connect with third-party services for handling auth or listening for webhooks.\"}],false]}],[\"$\",\"$L21\",null,{\"aria-label\":\"Middleware\",\"className\":\"features_card__xYla9\",\"data-variant\":\"minimal\",\"href\":\"/docs/app/building-your-application/routing/middleware\",\"ref\":\"$undefined\",\"children\":[null,[\"$\",\"div\",null,{\"className\":\"stack_stack__iZkUS stack\",\"data-testid\":\"$undefined\",\"data-version\":\"v1\",\"ref\":\"$undefined\",\"style\":{\"--stack-flex\":\"initial\",\"--stack-direction\":\"row\",\"--stack-align\":\"center\",\"--stack-justify\":\"flex-start\",\"--stack-padding\":\"0px\",\"--stack-gap\":\"8px\"},\"data-title\":true,\"children\":[\"$\",\"span\",null,{\"children\":\"Middleware\"}]}],[\"$\",\"div\",null,{\"data-subtitle\":true,\"children\":\"Take control of the incoming request. Use code to define routing and access rules for authentication, experimentation, and internationalization.\"}],false]}]]}],[\"$\",\"div\",null,{\"data-column\":true,\"children\":[[\"$\",\"$L21\",null,{\"aria-label\":\"React Server Components\",\"className\":\"features_card__xYla9\",\"data-variant\":\"callout\",\"href\":\"/docs/app/building-your-application/rendering/server-components\",\"ref\":\"$undefined\",\"children\":[[\"$\",\"div\",null,{\"data-illustration\":true,\"children\":[[\"$\",\"$L16\",null,{\"alt\":\"A tree structure of 3D spheres are connected by lines\",\"className\":\"features_lightMode__IoMFZ\",\"height\":\"212\",\"quality\":100,\"src\":\"https://assets.vercel.com/image/upload/front/nextjs/spheres-light.png\",\"style\":\"$undefined\",\"width\":\"268\"}],[\"$\",\"$L16\",null,{\"alt\":\"A tree structure of 3D spheres are connected by lines\",\"className\":\"features_darkMode__90_Sh\",\"height\":\"212\",\"quality\":100,\"src\":\"https://assets.vercel.com/image/upload/front/nextjs/spheres-dark.png\",\"style\":\"$undefined\",\"width\":\"268\"}]]}],[\"$\",\"div\",null,{\"className\":\"stack_stack__iZkUS stack\",\"data-testid\":\"$undefined\",\"data-version\":\"v1\",\"ref\":\"$undefined\",\"style\":{\"--stack-flex\":\"initial\",\"--stack-direction\":\"row\",\"--stack-align\":\"center\",\"--stack-justify\":\"flex-start\",\"--stack-padding\":\"0px\",\"--stack-gap\":\"8px\"},\"data-title\":true,\"children\":[\"$\",\"span\",null,{\"children\":\"React Server Components\"}]}],[\"$\",\"div\",null,{\"data-subtitle\":true,\"children\":\"Add components without sending additional client-side JavaScript. Built on the latest React features.\"}],false]}],[\"$\",\"$L21\",null,{\"aria-label\":\"Client and Server Rendering\",\"className\":\"features_card__xYla9\",\"data-variant\":\"minimal\",\"href\":\"/docs/app/building-your-application/rendering\",\"ref\":\"$undefined\",\"children\":[null,[\"$\",\"div\",null,{\"className\":\"stack_stack__iZkUS stack\",\"data-testid\":\"$undefined\",\"data-version\":\"v1\",\"ref\":\"$undefined\",\"style\":{\"--stack-flex\":\"initial\",\"--stack-direction\":\"row\",\"--stack-align\":\"center\",\"--stack-justify\":\"flex-start\",\"--stack-padding\":\"0px\",\"--stack-gap\":\"8px\"},\"data-title\":true,\"children\":[\"$\",\"span\",null,{\"children\":\"Client and Server Rendering\"}]}],[\"$\",\"div\",null,{\"data-subtitle\":true,\"children\":\"Flexible rendering and caching options, including Incremental Static Regeneration (ISR), on a per-page level.\"}],false]}],[\"$\",\"$18\",null,{\"fallback\":null,\"children\":[\"$\",\"$L23\",null,{}]}]]}]]}],[\"$\",\"div\",null,{\"className\":\"features_grid__4rdKV\",\"data-columns\":\"2\",\"children\":[[\"$\",\"div\",null,{\"data-column\":true,\"children\":[[\"$\",\"$18\",null,{\"fallback\":null,\"children\":[\"$\",\"$L20\",null,{}]}],[\"$\",\"$L21\",null,{\"aria-label\":\"React Server Components\",\"className\":\"features_card__xYla9\",\"data-variant\":\"callout\",\"href\":\"/docs/app/building-your-application/rendering/server-components\",\"ref\":\"$undefined\",\"children\":[[\"$\",\"div\",null,{\"data-illustration\":true,\"children\":[[\"$\",\"$L16\",null,{\"alt\":\"A tree structure of 3D spheres are connected by lines\",\"className\":\"features_lightMode__IoMFZ\",\"height\":\"212\",\"quality\":100,\"src\":\"https://assets.vercel.com/image/upload/front/nextjs/spheres-light.png\",\"style\":\"$undefined\",\"width\":\"268\"}],[\"$\",\"$L16\",null,{\"alt\":\"A tree structure of 3D spheres are connected by lines\",\"className\":\"features_darkMode__90_Sh\",\"height\":\"212\",\"quality\":100,\"src\":\"https://assets.vercel.com/image/upload/front/nextjs/spheres-dark.png\",\"style\":\"$undefined\",\"width\":\"268\"}]]}],[\"$\",\"div\",null,{\"className\":\"stack_stack__iZkUS stack\",\"data-testid\":\"$undefined\",\"data-version\":\"v1\",\"ref\":\"$undefined\",\"style\":{\"--stack-flex\":\"initial\",\"--stack-direction\":\"row\",\"--stack-align\":\"center\",\"--stack-justify\":\"flex-start\",\"--stack-padding\":\"0px\",\"--stack-gap\":\"8px\"},\"data-title\":true,\"children\":[\"$\",\"span\",null,{\"children\":\"React Server Components\"}]}],[\"$\",\"div\",null,{\"data-subtitle\":true,\"children\":\"Add components without sending additional client-side JavaScript. Built on the latest React features.\"}],false]}],[\"$\",\"$L21\",null,{\"aria-label\":\"Data Fetching\",\"className\":\"features_card__xYla9\",\"data-variant\":\"minimal\",\"href\":\"/docs/app/building-your-application/data-fetching\",\"ref\":\"$undefined\",\"children\":[null,[\"$\",\"div\",null,{\"className\":\"stack_stack__iZkUS stack\",\"data-testid\":\"$undefined\",\"data-version\":\"v1\",\"ref\":\"$undefined\",\"style\":{\"--stack-flex\":\"initial\",\"--stack-direction\":\"row\",\"--stack-align\":\"center\",\"--stack-justify\":\"flex-start\",\"--stack-padding\":\"0px\",\"--stack-gap\":\"8px\"},\"data-title\":true,\"children\":[\"$\",\"span\",null,{\"children\":\"Data Fetching\"}]}],[\"$\",\"div\",null,{\"data-subtitle\":true,\"children\":\"Make your React component async and await your data. Next.js supports both server and client data fetching.\"}],false]}],[\"$\",\"$L21\",null,{\"aria-label\":\"Server Actions\",\"className\":\"features_card__xYla9\",\"data-variant\":\"minimal\",\"href\":\"/docs/app/building-your-application/data-fetching/forms-and-mutations\",\"ref\":\"$undefined\",\"children\":[null,[\"$\",\"div\",null,{\"className\":\"stack_stack__iZkUS stack\",\"data-testid\":\"$undefined\",\"data-version\":\"v1\",\"ref\":\"$undefined\",\"style\":{\"--stack-flex\":\"initial\",\"--stack-direction\":\"row\",\"--stack-align\":\"center\",\"--stack-justify\":\"flex-start\",\"--stack-padding\":\"0px\",\"--stack-gap\":\"8px\"},\"data-title\":true,\"children\":[\"$\",\"span\",null,{\"children\":\"Server Actions\"}]}],[\"$\",\"div\",null,{\"data-subtitle\":true,\"children\":\"Run server code by calling a function. Skip the API. Then, easily revalidate cached data and update your UI in one network roundtrip.\"}],false]}],[\"$\",\"$L21\",null,{\"aria-label\":\"Advanced Routing \u0026 Nested Layouts\",\"className\":\"features_card__xYla9\",\"data-variant\":\"minimal\",\"href\":\"/docs/app/building-your-application/routing\",\"ref\":\"$undefined\",\"children\":[null,[\"$\",\"div\",null,{\"className\":\"stack_stack__iZkUS stack\",\"data-testid\":\"$undefined\",\"data-version\":\"v1\",\"ref\":\"$undefined\",\"style\":{\"--stack-flex\":\"initial\",\"--stack-direction\":\"row\",\"--stack-align\":\"center\",\"--stack-justify\":\"flex-start\",\"--stack-padding\":\"0px\",\"--stack-gap\":\"8px\"},\"data-title\":true,\"children\":[\"$\",\"span\",null,{\"children\":\"Advanced Routing \u0026 Nested Layouts\"}]}],[\"$\",\"div\",null,{\"data-subtitle\":true,\"children\":\"Create routes using the file system, including support for more advanced routing patterns and UI layouts.\"}],false]}]]}],[\"$\",\"div\",null,{\"data-column\":true,\"children\":[[\"$\",\"$18\",null,{\"fallback\":null,\"children\":[\"$\",\"$L22\",null,{\"animate\":true}]}],[\"$\",\"$L21\",null,{\"aria-label\":\"CSS Support\",\"className\":\"features_card__xYla9\",\"data-variant\":\"minimal\",\"href\":\"/docs/app/building-your-application/styling\",\"ref\":\"$undefined\",\"children\":[null,[\"$\",\"div\",null,{\"className\":\"stack_stack__iZkUS stack\",\"data-testid\":\"$undefined\",\"data-version\":\"v1\",\"ref\":\"$undefined\",\"style\":{\"--stack-flex\":\"initial\",\"--stack-direction\":\"row\",\"--stack-align\":\"center\",\"--stack-justify\":\"flex-start\",\"--stack-padding\":\"0px\",\"--stack-gap\":\"8px\"},\"data-title\":true,\"children\":[\"$\",\"span\",null,{\"children\":\"CSS Support\"}]}],[\"$\",\"div\",null,{\"data-subtitle\":true,\"children\":\"Style your application with your favorite tools, including support for CSS Modules, Tailwind CSS, and popular community libraries.\"}],false]}],[\"$\",\"$L21\",null,{\"aria-label\":\"Route Handlers\",\"className\":\"features_card__xYla9\",\"data-variant\":\"minimal\",\"href\":\"/docs/app/building-your-application/routing/router-handlers\",\"ref\":\"$undefined\",\"children\":[null,[\"$\",\"div\",null,{\"className\":\"stack_stack__iZkUS stack\",\"data-testid\":\"$undefined\",\"data-version\":\"v1\",\"ref\":\"$undefined\",\"style\":{\"--stack-flex\":\"initial\",\"--stack-direction\":\"row\",\"--stack-align\":\"center\",\"--stack-justify\":\"flex-start\",\"--stack-padding\":\"0px\",\"--stack-gap\":\"8px\"},\"data-title\":true,\"children\":[\"$\",\"span\",null,{\"children\":\"Route Handlers\"}]}],[\"$\",\"div\",null,{\"data-subtitle\":true,\"children\":\"Build API endpoints to securely connect with third-party services for handling auth or listening for webhooks.\"}],false]}],[\"$\",\"$L21\",null,{\"aria-label\":\"Middleware\",\"className\":\"features_card__xYla9\",\"data-variant\":\"minimal\",\"href\":\"/docs/app/building-your-application/routing/middleware\",\"ref\":\"$undefined\",\"children\":[null,[\"$\",\"div\",null,{\"className\":\"stack_stack__iZkUS stack\",\"data-testid\":\"$undefined\",\"data-version\":\"v1\",\"ref\":\"$undefined\",\"style\":{\"--stack-flex\":\"initial\",\"--stack-direction\":\"row\",\"--stack-align\":\"center\",\"--stack-justify\":\"flex-start\",\"--stack-padding\":\"0px\",\"--stack-gap\":\"8px\"},\"data-title\":true,\"children\":[\"$\",\"span\",null,{\"children\":\"Middleware\"}]}],[\"$\",\"div\",null,{\"data-subtitle\":true,\"children\":\"Take control of the incoming request. Use code to define routing and access rules for authentication, experimentation, and internationalization.\"}],false]}],[\"$\",\"$L21\",null,{\"aria-label\":\"Client and Server Rendering\",\"className\":\"features_card__xYla9\",\"data-variant\":\"minimal\",\"href\":\"/docs/app/building-your-application/rendering\",\"ref\":\"$undefined\",\"children\":[null,[\"$\",\"div\",null,{\"className\":\"stack_stack__iZkUS stack\",\"data-testid\":\"$undefined\",\"data-version\":\"v1\",\"ref\":\"$undefined\",\"style\":{\"--stack-flex\":\"initial\",\"--stack-direction\":\"row\",\"--stack-align\":\"center\",\"--stack-justify\":\"flex-start\",\"--stack-padding\":\"0px\",\"--stack-gap\":\"8px\"},\"data-title\":true,\"children\":[\"$\",\"span\",null,{\"children\":\"Client and Server Rendering\"}]}],[\"$\",\"div\",null,{\"data-subtitle\":true,\"children\":\"Flexible rendering and caching options, including Incremental Static Regeneration (ISR), on a per-page level.\"}],false]}],[\"$\",\"$18\",null,{\"fallback\":null,\"children\":[\"$\",\"$L23\",null,{}]}]]}]]}],[\"$\",\"div\",null,{\"className\":\"features_grid__4rdKV\",\"data-columns\":\"1\",\"children\":[\"$\",\"div\",null,{\"data-column\":true,\"children\":[[\"$\",\"$18\",null,{\"fallback\":null,\"children\":[\"$\",\"$L20\",null,{}]}],[\"$\",\"$18\",null,{\"fallback\":null,\"children\":[\"$\",\"$L22\",null,{\"animate\":true}]}],[\"$\",\"$L21\",null,{\"aria-label\":\"React Server Components\",\"className\":\"features_card__xYla9\",\"data-variant\":\"callout\",\"href\":\"/docs/app/building-your-application/rendering/server-components\",\"ref\":\"$undefined\",\"children\":[[\"$\",\"div\",null,{\"data-illustration\":true,\"children\":[[\"$\",\"$L16\",null,{\"alt\":\"A tree structure of 3D spheres are connected by lines\",\"className\":\"features_lightMode__IoMFZ\",\"height\":\"212\",\"quality\":100,\"src\":\"https://assets.vercel.com/image/upload/front/nextjs/spheres-light.png\",\"style\":\"$undefined\",\"width\":\"268\"}],[\"$\",\"$L16\",null,{\"alt\":\"A tree structure of 3D spheres are connected by lines\",\"className\":\"features_darkMode__90_Sh\",\"height\":\"212\",\"quality\":100,\"src\":\"https://assets.vercel.com/image/upload/front/nextjs/spheres-dark.png\",\"style\":\"$undefined\",\"width\":\"268\"}]]}],[\"$\",\"div\",null,{\"className\":\"stack_stack__iZkUS stack\",\"data-testid\":\"$undefined\",\"data-version\":\"v1\",\"ref\":\"$undefined\",\"style\":{\"--stack-flex\":\"initial\",\"--stack-direction\":\"row\",\"--stack-align\":\"center\",\"--stack-justify\":\"flex-start\",\"--stack-padding\":\"0px\",\"--stack-gap\":\"8px\"},\"data-title\":true,\"children\":[\"$\",\"span\",null,{\"children\":\"React Server Components\"}]}],[\"$\",\"div\",null,{\"data-subtitle\":true,\"children\":\"Add components without sending additional client-side JavaScript. Built on the latest React features.\"}],false]}],[\"$\",\"div\",null,{\"style\":{\"display\":\"contents\"},\"children\":[[\"$\",\"$L21\",null,{\"aria-label\":\"Data Fetching\",\"className\":\"features_card__xYla9\",\"data-variant\":\"minimal\",\"href\":\"/docs/app/building-your-application/data-fetching\",\"ref\":\"$undefined\",\"children\":[null,[\"$\",\"div\",null,{\"className\":\"stack_stack__iZkUS stack\",\"data-testid\":\"$undefined\",\"data-version\":\"v1\",\"ref\":\"$undefined\",\"style\":{\"--stack-flex\":\"initial\",\"--stack-direction\":\"row\",\"--stack-align\":\"center\",\"--stack-justify\":\"flex-start\",\"--stack-padding\":\"0px\",\"--stack-gap\":\"8px\"},\"data-title\":true,\"children\":[\"$\",\"span\",null,{\"children\":\"Data Fetching\"}]}],[\"$\",\"div\",null,{\"data-subtitle\":true,\"children\":\"Make your React component async and await your data. Next.js supports both server and client data fetching.\"}],false]}],[\"$\",\"$L21\",null,{\"aria-label\":\"Server Actions\",\"className\":\"features_card__xYla9\",\"data-variant\":\"minimal\",\"href\":\"/docs/app/building-your-application/data-fetching/forms-and-mutations\",\"ref\":\"$undefined\",\"children\":[null,[\"$\",\"div\",null,{\"className\":\"stack_stack__iZkUS stack\",\"data-testid\":\"$undefined\",\"data-version\":\"v1\",\"ref\":\"$undefined\",\"style\":{\"--stack-flex\":\"initial\",\"--stack-direction\":\"row\",\"--stack-align\":\"center\",\"--stack-justify\":\"flex-start\",\"--stack-padding\":\"0px\",\"--stack-gap\":\"8px\"},\"data-title\":true,\"children\":[\"$\",\"span\",null,{\"children\":\"Server Actions\"}]}],[\"$\",\"div\",null,{\"data-subtitle\":true,\"children\":\"Run server code by calling a function. Skip the API. Then, easily revalidate cached data and update your UI in one network roundtrip.\"}],false]}],[\"$\",\"$L21\",null,{\"aria-label\":\"Advanced Routing \u0026 Nested Layouts\",\"className\":\"features_card__xYla9\",\"data-variant\":\"minimal\",\"href\":\"/docs/app/building-your-application/routing\",\"ref\":\"$undefined\",\"children\":[null,[\"$\",\"div\",null,{\"className\":\"stack_stack__iZkUS stack\",\"data-testid\":\"$undefined\",\"data-version\":\"v1\",\"ref\":\"$undefined\",\"style\":{\"--stack-flex\":\"initial\",\"--stack-direction\":\"row\",\"--stack-align\":\"center\",\"--stack-justify\":\"flex-start\",\"--stack-padding\":\"0px\",\"--stack-gap\":\"8px\"},\"data-title\":true,\"children\":[\"$\",\"span\",null,{\"children\":\"Advanced Routing \u0026 Nested Layouts\"}]}],[\"$\",\"div\",null,{\"data-subtitle\":true,\"children\":\"Create routes using the file system, including support for more advanced routing patterns and UI layouts.\"}],false]}],[\"$\",\"$L21\",null,{\"aria-label\":\"CSS Support\",\"className\":\"features_card__xYla9\",\"data-variant\":\"minimal\",\"href\":\"/docs/app/building-your-application/styling\",\"ref\":\"$undefined\",\"children\":[null,[\"$\",\"div\",null,{\"className\":\"stack_stack__iZkUS stack\",\"data-testid\":\"$undefined\",\"data-version\":\"v1\",\"ref\":\"$undefined\",\"style\":{\"--stack-flex\":\"initial\",\"--stack-direction\":\"row\",\"--stack-align\":\"center\",\"--stack-justify\":\"flex-start\",\"--stack-padding\":\"0px\",\"--stack-gap\":\"8px\"},\"data-title\":true,\"children\":[\"$\",\"span\",null,{\"children\":\"CSS Support\"}]}],[\"$\",\"div\",null,{\"data-subtitle\":true,\"children\":\"Style your application with your favorite tools, including support for CSS Modules, Tailwind CSS, and popular community libraries.\"}],false]}],[\"$\",\"$L21\",null,{\"aria-label\":\"Route Handlers\",\"className\":\"features_card__xYla9\",\"data-variant\":\"minimal\",\"href\":\"/docs/app/building-your-application/routing/router-handlers\",\"ref\":\"$undefined\",\"children\":[null,[\"$\",\"div\",null,{\"className\":\"stack_stack__iZkUS stack\",\"data-testid\":\"$undefined\",\"data-version\":\"v1\",\"ref\":\"$undefined\",\"style\":{\"--stack-flex\":\"initial\",\"--stack-direction\":\"row\",\"--stack-align\":\"center\",\"--stack-justify\":\"flex-start\",\"--stack-padding\":\"0px\",\"--stack-gap\":\"8px\"},\"data-title\":true,\"children\":[\"$\",\"span\",null,{\"children\":\"Route Handlers\"}]}],[\"$\",\"div\",null,{\"data-subtitle\":true,\"children\":\"Build API endpoints to securely connect with third-party services for handling auth or listening for webhooks.\"}],false]}],[\"$\",\"$L21\",null,{\"aria-label\":\"Middleware\",\"className\":\"features_card__xYla9\",\"data-variant\":\"minimal\",\"href\":\"/docs/app/building-your-application/routing/middleware\",\"ref\":\"$undefined\",\"children\":[null,[\"$\",\"div\",null,{\"className\":\"stack_stack__iZkUS stack\",\"data-testid\":\"$undefined\",\"data-version\":\"v1\",\"ref\":\"$undefined\",\"style\":{\"--stack-flex\":\"initial\",\"--stack-direction\":\"row\",\"--stack-align\":\"center\",\"--stack-justify\":\"flex-start\",\"--stack-padding\":\"0px\",\"--stack-gap\":\"8px\"},\"data-title\":true,\"children\":[\"$\",\"span\",null,{\"children\":\"Middleware\"}]}],[\"$\",\"div\",null,{\"data-subtitle\":true,\"children\":\"Take control of the incoming request. Use code to define routing and access rules for authentication, experimentation, and internationalization.\"}],false]}],[\"$\",\"$L21\",null,{\"aria-label\":\"Client and Server Rendering\",\"className\":\"features_card__xYla9\",\"data-variant\":\"minimal\",\"href\":\"/docs/app/building-your-application/rendering\",\"ref\":\"$undefined\",\"children\":[null,[\"$\",\"div\",null,{\"className\":\"stack_stack__iZkUS stack\",\"data-testid\":\"$undefined\",\"data-version\":\"v1\",\"ref\":\"$undefined\",\"style\":{\"--stack-flex\":\"initial\",\"--stack-direction\":\"row\",\"--stack-align\":\"center\",\"--stack-justify\":\"flex-start\",\"--stack-padding\":\"0px\",\"--stack-gap\":\"8px\"},\"data-title\":true,\"children\":[\"$\",\"span\",null,{\"children\":\"Client and Server Rendering\"}]}],[\"$\",\"div\",null,{\"data-subtitle\":true,\"children\":\"Flexible rendering and caching options, including Incremental Static Regeneration (ISR), on a per-page level.\"}],false]}]]}],[\"$\",\"$L23\",null,{}]]}]}]]}]}]}],[\"$\",\"div\",null,{\"style\":{\"contentVisibility\":\"auto\",\"containIntrinsicHeight\":\"1000px\"},\"children\":[[\"$\",\"$L14\",null,{\"children\":[\"$\",\"section\",null,{\"className\":\"foundation_root__wm0ez\",\"children\":[\"$\",\"div\",null,{\"className\":\"foundation_main___w4Uu\",\"children\":[[\"$\",\"h2\",null,{\"className\":\"foundation_title__5Vz6y gradient-text\",\"data-main-heading\":true,\"children\":[\"Built on a foundation of fast, \",[\"$\",\"span\",null,{\"data-break\":true}],\" production-grade tooling\"]}],[\"$\",\"div\",null,{\"className\":\"stack_stack__iZkUS stack foundation_illustration__zb0I_\",\"data-testid\":\"$undefined\",\"data-version\":\"v1\",\"ref\":\"$undefined\",\"style\":{\"--stack-flex\":\"initial\",\"--stack-direction\":\"column\",\"--stack-align\":\"center\",\"--stack-justify\":\"center\",\"--stack-padding\":\"0px\",\"--stack-gap\":\"0px\"},\"children\":[[\"$\",\"$L24\",null,{\"data-lines\":true}],[\"$\",\"$L16\",null,{\"alt\":\"\",\"aria-hidden\":true,\"className\":\"foundation_mobileLines__3hBQx\",\"height\":\"312\",\"src\":\"/icons/mobile-lines.svg\",\"width\":\"400\"}],[\"$\",\"div\",null,{\"className\":\"stack_stack__iZkUS stack foundation_cpu__ciXpm\",\"data-testid\":\"$undefined\",\"data-version\":\"v1\",\"ref\":\"$undefined\",\"style\":{\"--stack-flex\":\"initial\",\"--stack-direction\":\"column\",\"--stack-align\":\"center\",\"--stack-justify\":\"center\",\"--stack-padding\":\"0px\",\"--stack-gap\":\"0px\"},\"aria-hidden\":true,\"children\":[[\"$\",\"div\",null,{\"data-cpu-shine\":true}],[\"$\",\"div\",null,{\"data-connectors\":true,\"data-side\":\"left\",\"children\":[[\"$\",\"span\",null,{\"data-connector\":true}],[\"$\",\"span\",null,{\"data-connector\":true}]]}],[\"$\",\"div\",null,{\"data-connectors\":true,\"data-side\":\"top\",\"children\":[[\"$\",\"span\",null,{\"data-connector\":true}],[\"$\",\"span\",null,{\"data-connector\":true}],[\"$\",\"span\",null,{\"data-connector\":true}],[\"$\",\"span\",null,{\"data-connector\":true}],[\"$\",\"span\",null,{\"data-connector\":true}],[\"$\",\"span\",null,{\"data-connector\":true}]]}],[\"$\",\"span\",null,{\"data-text\":true,\"children\":\"Powered By\"}],[\"$\",\"div\",null,{\"data-connectors\":true,\"data-side\":\"bottom\",\"children\":[[\"$\",\"span\",null,{\"data-connector\":true}],[\"$\",\"span\",null,{\"data-connector\":true}],[\"$\",\"span\",null,{\"data-connector\":true}],[\"$\",\"span\",null,{\"data-connector\":true}],[\"$\",\"span\",null,{\"data-connector\":true}],[\"$\",\"span\",null,{\"data-connector\":true}]]}],[\"$\",\"div\",null,{\"data-connectors\":true,\"data-side\":\"right\",\"children\":[[\"$\",\"span\",null,{\"data-connector\":true}],[\"$\",\"span\",null,{\"data-connector\":true}]]}]]}]]}],[\"$\",\"div\",null,{\"className\":\"stack_stack__iZkUS stack foundation_cards__jLR6D\",\"data-testid\":\"$undefined\",\"data-version\":\"v1\",\"ref\":\"$undefined\",\"style\":{\"--stack-flex\":\"initial\",\"--sm-stack-direction\":\"column\",\"--lg-stack-direction\":\"row\",\"--xl-stack-direction\":\"$undefined\",\"--stack-align\":\"center\",\"--stack-justify\":\"center\",\"--stack-padding\":\"0px\",\"--sm-stack-gap\":\"16px\",\"--md-stack-gap\":\"16px\",\"--lg-stack-gap\":\"32px\",\"--xl-stack-gap\":\"32px\"},\"children\":[[\"$\",\"a\",null,{\"className\":\"stack_stack__iZkUS stack foundation_card__v7VKB\",\"data-testid\":\"$undefined\",\"data-version\":\"v1\",\"ref\":\"$undefined\",\"style\":{\"--stack-flex\":\"initial\",\"--stack-direction\":\"column\",\"--stack-align\":\"stretch\",\"--stack-justify\":\"flex-start\",\"--stack-padding\":\"0px\",\"--stack-gap\":\"0px\"},\"data-variant\":\"react\",\"href\":\"https://react.dev\",\"rel\":\"noopener noreferrer\",\"target\":\"_blank\",\"children\":[[\"$\",\"div\",null,{\"data-icon\":true,\"children\":[\"$\",\"$L16\",null,{\"alt\":\"React Logo\",\"height\":\"40\",\"src\":\"/icons/react.svg\",\"width\":\"45\"}]}],[\"$\",\"div\",null,{\"className\":\"stack_stack__iZkUS stack\",\"data-testid\":\"$undefined\",\"data-version\":\"v1\",\"ref\":\"$undefined\",\"style\":{\"--stack-flex\":\"initial\",\"--stack-direction\":\"column\",\"--stack-align\":\"stretch\",\"--stack-justify\":\"flex-start\",\"--stack-padding\":\"0px\",\"--stack-gap\":\"4px\"},\"children\":[[\"$\",\"span\",null,{\"className\":\"stack_stack__iZkUS stack\",\"data-testid\":\"$undefined\",\"data-version\":\"v1\",\"ref\":\"$undefined\",\"style\":{\"--stack-flex\":\"initial\",\"--stack-direction\":\"row\",\"--stack-align\":\"center\",\"--stack-justify\":\"flex-start\",\"--stack-padding\":\"0px\",\"--stack-gap\":\"4px\"},\"data-title\":true,\"children\":[[\"$\",\"span\",null,{\"children\":\"React\"}],[\"$\",\"svg\",null,{\"className\":\"$undefined\",\"dangerouslySetInnerHTML\":{\"__html\":\"\u003cpath fill-rule=\\\"evenodd\\\" clip-rule=\\\"evenodd\\\" d=\\\"M5.75001 2H5.00001V3.5H5.75001H11.4393L2.21968 12.7197L1.68935 13.25L2.75001 14.3107L3.28034 13.7803L12.4988 4.56182V10.25V11H13.9988V10.25V3C13.9988 2.44772 13.5511 2 12.9988 2H5.75001Z\\\" fill=\\\"currentColor\\\"/\u003e\"},\"data-testid\":\"geist-icon\",\"height\":16,\"strokeLinejoin\":\"round\",\"style\":{\"verticalAlign\":\"$undefined\",\"width\":16,\"height\":16,\"color\":\"var(--ds-gray-700)\"},\"viewBox\":\"0 0 16 16\",\"width\":16}]]}],[\"$\",\"span\",null,{\"data-subtitle\":true,\"children\":\"The library for web and native user interfaces. Next.js is built on the latest React features, including Server Components and Actions.\"}]]}]]}],[\"$\",\"a\",null,{\"className\":\"stack_stack__iZkUS stack foundation_card__v7VKB\",\"data-testid\":\"$undefined\",\"data-version\":\"v1\",\"ref\":\"$undefined\",\"style\":{\"--stack-flex\":\"initial\",\"--stack-direction\":\"column\",\"--stack-align\":\"stretch\",\"--stack-justify\":\"flex-start\",\"--stack-padding\":\"0px\",\"--stack-gap\":\"0px\"},\"data-variant\":\"turbo\",\"href\":\"https://turbo.build\",\"rel\":\"noopener noreferrer\",\"target\":\"_blank\",\"children\":[[\"$\",\"div\",null,{\"data-icon\":true,\"children\":[\"$\",\"$L16\",null,{\"alt\":\"Turbopack Logo\",\"height\":\"40\",\"src\":\"/icons/turbopack.svg\",\"width\":\"40\"}]}],[\"$\",\"div\",null,{\"className\":\"stack_stack__iZkUS stack\",\"data-testid\":\"$undefined\",\"data-version\":\"v1\",\"ref\":\"$undefined\",\"style\":{\"--stack-flex\":\"initial\",\"--stack-direction\":\"column\",\"--stack-align\":\"stretch\",\"--stack-justify\":\"flex-start\",\"--stack-padding\":\"0px\",\"--stack-gap\":\"4px\"},\"children\":[[\"$\",\"span\",null,{\"className\":\"stack_stack__iZkUS stack\",\"data-testid\":\"$undefined\",\"data-version\":\"v1\",\"ref\":\"$undefined\",\"style\":{\"--stack-flex\":\"initial\",\"--stack-direction\":\"row\",\"--stack-align\":\"center\",\"--stack-justify\":\"flex-start\",\"--stack-padding\":\"0px\",\"--stack-gap\":\"4px\"},\"data-title\":true,\"children\":[[\"$\",\"span\",null,{\"children\":\"Turbopack\"}],[\"$\",\"svg\",null,{\"className\":\"$undefined\",\"dangerouslySetInnerHTML\":{\"__html\":\"\u003cpath fill-rule=\\\"evenodd\\\" clip-rule=\\\"evenodd\\\" d=\\\"M5.75001 2H5.00001V3.5H5.75001H11.4393L2.21968 12.7197L1.68935 13.25L2.75001 14.3107L3.28034 13.7803L12.4988 4.56182V10.25V11H13.9988V10.25V3C13.9988 2.44772 13.5511 2 12.9988 2H5.75001Z\\\" fill=\\\"currentColor\\\"/\u003e\"},\"data-testid\":\"geist-icon\",\"height\":16,\"strokeLinejoin\":\"round\",\"style\":{\"verticalAlign\":\"$undefined\",\"width\":16,\"height\":16,\"color\":\"var(--ds-gray-700)\"},\"viewBox\":\"0 0 16 16\",\"width\":16}]]}],[\"$\",\"span\",null,{\"data-subtitle\":true,\"children\":[\"An incremental bundler optimized for JavaScript and TypeScript, written in Rust \",[\"$\",\"$L16\",null,{\"alt\":\"Rust Logo\",\"height\":\"20\",\"src\":\"/icons/rust.svg\",\"style\":{\"display\":\"inline\"},\"width\":\"20\"}],\", and built into Next.js.\"]}]]}]]}],[\"$\",\"a\",null,{\"className\":\"stack_stack__iZkUS stack foundation_card__v7VKB\",\"data-testid\":\"$undefined\",\"data-version\":\"v1\",\"ref\":\"$undefined\",\"style\":{\"--stack-flex\":\"initial\",\"--stack-direction\":\"column\",\"--stack-align\":\"stretch\",\"--stack-justify\":\"flex-start\",\"--stack-padding\":\"0px\",\"--stack-gap\":\"0px\"},\"data-variant\":\"swc\",\"href\":\"https://swc.rs\",\"rel\":\"noopener noreferrer\",\"target\":\"_blank\",\"children\":[[\"$\",\"div\",null,{\"data-icon\":true,\"children\":[\"$\",\"$L16\",null,{\"alt\":\"SWC Logo\",\"height\":\"32\",\"src\":\"/icons/swc.svg\",\"width\":\"92\"}]}],[\"$\",\"div\",null,{\"className\":\"stack_stack__iZkUS stack\",\"data-testid\":\"$undefined\",\"data-version\":\"v1\",\"ref\":\"$undefined\",\"style\":{\"--stack-flex\":\"initial\",\"--stack-direction\":\"column\",\"--stack-align\":\"stretch\",\"--stack-justify\":\"flex-start\",\"--stack-padding\":\"0px\",\"--stack-gap\":\"4px\"},\"children\":[[\"$\",\"span\",null,{\"className\":\"stack_stack__iZkUS stack\",\"data-testid\":\"$undefined\",\"data-version\":\"v1\",\"ref\":\"$undefined\",\"style\":{\"--stack-flex\":\"initial\",\"--stack-direction\":\"row\",\"--stack-align\":\"center\",\"--stack-justify\":\"flex-start\",\"--stack-padding\":\"0px\",\"--stack-gap\":\"4px\"},\"data-title\":true,\"children\":[[\"$\",\"span\",null,{\"children\":\"Speedy Web Compiler\"}],[\"$\",\"svg\",null,{\"className\":\"$undefined\",\"dangerouslySetInnerHTML\":{\"__html\":\"\u003cpath fill-rule=\\\"evenodd\\\" clip-rule=\\\"evenodd\\\" d=\\\"M5.75001 2H5.00001V3.5H5.75001H11.4393L2.21968 12.7197L1.68935 13.25L2.75001 14.3107L3.28034 13.7803L12.4988 4.56182V10.25V11H13.9988V10.25V3C13.9988 2.44772 13.5511 2 12.9988 2H5.75001Z\\\" fill=\\\"currentColor\\\"/\u003e\"},\"data-testid\":\"geist-icon\",\"height\":16,\"strokeLinejoin\":\"round\",\"style\":{\"verticalAlign\":\"$undefined\",\"width\":16,\"height\":16,\"color\":\"var(--ds-gray-700)\"},\"viewBox\":\"0 0 16 16\",\"width\":16}]]}],[\"$\",\"span\",null,{\"data-subtitle\":true,\"children\":[\"An extensible Rust \",[\"$\",\"$L16\",null,{\"alt\":\"Rust Logo\",\"height\":\"20\",\"src\":\"/icons/rust.svg\",\"style\":{\"display\":\"inline\"},\"width\":\"20\"}],\" based platform for the next generation of fast developer tools, and can be used for both compilation and minification.\"]}]]}]]}]]}]]}]}]}],[\"$\",\"$L14\",null,{\"children\":[\"$\",\"section\",null,{\"className\":\"vercel_root__wNDjk\",\"children\":[\"$\",\"div\",null,{\"className\":\"vercel_inner__i2Mr5\",\"children\":[[\"$\",\"$L25\",null,{\"fade\":true,\"fadeStop\":\"75%\",\"side\":\"left\"}],[\"$\",\"div\",null,{\"className\":\"vercel_main___ZAyT\",\"children\":[[\"$\",\"div\",null,{\"className\":\"stack_stack__iZkUS stack vercel_title__kXJA2\",\"data-testid\":\"$undefined\",\"data-version\":\"v1\",\"ref\":\"$undefined\",\"style\":{\"--stack-flex\":\"initial\",\"--sm-stack-direction\":\"column\",\"--md-stack-direction\":\"row\",\"--xl-stack-direction\":\"$undefined\",\"--sm-stack-align\":\"center\",\"--md-stack-align\":\"baseline\",\"--xl-stack-align\":\"$undefined\",\"--sm-stack-justify\":\"center\",\"--lg-stack-justify\":\"flex-start\",\"--xl-stack-justify\":\"$undefined\",\"--stack-padding\":\"0px\",\"--sm-stack-gap\":\"8px\",\"--md-stack-gap\":\"16px\",\"--lg-stack-gap\":\"16px\",\"--xl-stack-gap\":\"16px\"},\"children\":[[\"$\",\"h2\",null,{\"className\":\"gradient-text\",\"data-main-heading\":true,\"children\":\"Get started in seconds\"}],[\"$\",\"p\",null,{\"data-main-paragraph\":true,\"children\":\"Deploy Next.js to Vercel\"}]]}],[\"$\",\"div\",null,{\"className\":\"stack_stack__iZkUS stack vercel_content__awc0J intro_gridLineTop__WIuPu\",\"data-testid\":\"$undefined\",\"data-version\":\"v1\",\"ref\":\"$undefined\",\"style\":{\"--line-offset\":\"300px\",\"--stack-flex\":\"initial\",\"--sm-stack-direction\":\"column\",\"--lg-stack-direction\":\"row\",\"--xl-stack-direction\":\"$undefined\",\"--stack-align\":\"stretch\",\"--stack-justify\":\"space-between\",\"--stack-padding\":\"0px\",\"--stack-gap\":\"0px\"},\"children\":[[\"$\",\"div\",null,{\"className\":\"stack_stack__iZkUS stack vercel_meta__MtJGA\",\"data-testid\":\"$undefined\",\"data-version\":\"v1\",\"ref\":\"$undefined\",\"style\":{\"--stack-flex\":\"initial\",\"--stack-direction\":\"column\",\"--sm-stack-align\":\"center\",\"--lg-stack-align\":\"baseline\",\"--xl-stack-align\":\"$undefined\",\"--stack-justify\":\"flex-start\",\"--stack-padding\":\"0px\",\"--stack-gap\":\"0px\"},\"children\":[[\"$\",\"div\",null,{\"className\":\"stack_stack__iZkUS stack templates_badges__9OFie vercel_badges__QzAgf\",\"data-testid\":\"$undefined\",\"data-version\":\"v1\",\"ref\":\"$undefined\",\"style\":{\"--stack-flex\":\"initial\",\"--stack-direction\":\"row\",\"--stack-align\":\"stretch\",\"--stack-justify\":\"flex-start\",\"--stack-padding\":\"0px\",\"--stack-gap\":\"16px\"},\"aria-hidden\":true,\"children\":[[\"$\",\"span\",\"Starter\",{\"className\":\"templates_badge__Hhdm7\",\"data-color\":\"purple\",\"children\":\"Starter\"}],[\"$\",\"span\",\"Ecommerce\",{\"className\":\"templates_badge__Hhdm7\",\"data-color\":\"green\",\"children\":\"Ecommerce\"}],[\"$\",\"span\",\"Blog\",{\"className\":\"templates_badge__Hhdm7\",\"data-color\":\"amber\",\"children\":\"Blog\"}],[\"$\",\"span\",\"AI\",{\"className\":\"templates_badge__Hhdm7\",\"data-color\":\"blue\",\"children\":\"AI\"}],[\"$\",\"span\",\"Edge Functions\",{\"className\":\"templates_badge__Hhdm7\",\"data-color\":\"purple\",\"children\":\"Edge Functions\"}],[\"$\",\"span\",\"Edge Config\",{\"className\":\"templates_badge__Hhdm7\",\"data-color\":\"green\",\"children\":\"Edge Config\"}],[\"$\",\"span\",\"Portfolio\",{\"className\":\"templates_badge__Hhdm7\",\"data-color\":\"amber\",\"children\":\"Portfolio\"}],[\"$\",\"span\",\"SaaS\",{\"className\":\"templates_badge__Hhdm7\",\"data-color\":\"blue\",\"children\":\"SaaS\"}],[\"$\",\"span\",\"Multi-tenant Apps\",{\"className\":\"templates_badge__Hhdm7\",\"data-color\":\"purple\",\"children\":\"Multi-tenant Apps\"}],[\"$\",\"span\",\"Realtime Apps\",{\"className\":\"templates_badge__Hhdm7\",\"data-color\":\"green\",\"children\":\"Realtime Apps\"}],[\"$\",\"span\",\"Documentation\",{\"className\":\"templates_badge__Hhdm7\",\"data-color\":\"amber\",\"children\":\"Documentation\"}],[\"$\",\"span\",\"Virtual Event\",{\"className\":\"templates_badge__Hhdm7\",\"data-color\":\"blue\",\"children\":\"Virtual Event\"}],[\"$\",\"span\",\"Web3\",{\"className\":\"templates_badge__Hhdm7\",\"data-color\":\"purple\",\"children\":\"Web3\"}]]}],[\"$\",\"p\",null,{\"className\":\"vercel_subtitle__jIOec\",\"children\":\"Vercel is a frontend cloud from the creators of Next.js, making it easy to get started with Next.js quickly.\"}],[\"$\",\"p\",null,{\"className\":\"vercel_subtitle__jIOec\",\"children\":\"Jumpstart your Next.js development with pre-built solutions from Vercel and our community.\"}],[\"$\",\"$L26\",null,{}]]}],[\"$\",\"div\",null,{\"className\":\"stack_stack__iZkUS stack vercel_templates__DLxOb\",\"data-testid\":\"$undefined\",\"data-version\":\"v1\",\"ref\":\"$undefined\",\"style\":{\"--stack-flex\":\"initial\",\"--stack-direction\":\"row\",\"--stack-align\":\"center\",\"--stack-justify\":\"center\",\"--stack-padding\":\"0px\",\"--stack-gap\":\"0px\"},\"aria-label\":\"Three illustrative template cards are displayed at a rotated angle, offset on top on each other: Next.js Commerce, Image Gallery Starter, and Next.js Boilerplate.\",\"children\":[[\"$\",\"div\",\"Next.js Boilerplate\",{\"className\":\"stack_stack__iZkUS stack templates_templateCard__ogq_Q\",\"data-testid\":\"$undefined\",\"data-version\":\"v1\",\"ref\":\"$undefined\",\"style\":{\"--stack-flex\":\"initial\",\"--stack-direction\":\"column\",\"--stack-align\":\"stretch\",\"--stack-justify\":\"flex-start\",\"--stack-padding\":\"0px\",\"--stack-gap\":\"0px\"},\"aria-hidden\":true,\"children\":[[\"$\",\"$L16\",null,{\"alt\":\"A Next.js app and a Serverless Function API.\",\"className\":\"templates_image__OUeIH\",\"src\":{\"width\":1905,\"height\":1269,\"src\":\"https://assets.vercel.com/image/upload/v1677122002/nextjs/showcase/template-next-boilerplate.jpg\"}}],[\"$\",\"div\",null,{\"className\":\"stack_stack__iZkUS stack templates_description__PAAfR\",\"data-testid\":\"$undefined\",\"data-version\":\"v1\",\"ref\":\"$undefined\",\"style\":{\"--stack-flex\":\"initial\",\"--stack-direction\":\"column\",\"--stack-align\":\"stretch\",\"--stack-justify\":\"flex-start\",\"--stack-padding\":\"0px\",\"--stack-gap\":\"8px\"},\"children\":[[\"$\",\"p\",null,{\"children\":\"Next.js Boilerplate\"}],[\"$\",\"p\",null,{\"children\":\"A Next.js app and a Serverless Function API.\"}]]}]]}],[\"$\",\"div\",\"Image Gallery Starter\",{\"className\":\"stack_stack__iZkUS stack templates_templateCard__ogq_Q\",\"data-testid\":\"$undefined\",\"data-version\":\"v1\",\"ref\":\"$undefined\",\"style\":{\"--stack-flex\":\"initial\",\"--stack-direction\":\"column\",\"--stack-align\":\"stretch\",\"--stack-justify\":\"flex-start\",\"--stack-padding\":\"0px\",\"--stack-gap\":\"0px\"},\"aria-hidden\":true,\"children\":[[\"$\",\"$L16\",null,{\"alt\":\"An image gallery built on Next.js and Cloudinary.\",\"className\":\"templates_image__OUeIH\",\"src\":{\"width\":1492,\"height\":980,\"src\":\"https://assets.vercel.com/image/upload/v1677122387/nextjs/showcase/template-next-gallery.jpg\"}}],[\"$\",\"div\",null,{\"className\":\"stack_stack__iZkUS stack templates_description__PAAfR\",\"data-testid\":\"$undefined\",\"data-version\":\"v1\",\"ref\":\"$undefined\",\"style\":{\"--stack-flex\":\"initial\",\"--stack-direction\":\"column\",\"--stack-align\":\"stretch\",\"--stack-justify\":\"flex-start\",\"--stack-padding\":\"0px\",\"--stack-gap\":\"8px\"},\"children\":[[\"$\",\"p\",null,{\"children\":\"Image Gallery Starter\"}],[\"$\",\"p\",null,{\"children\":\"An image gallery built on Next.js and Cloudinary.\"}]]}]]}],[\"$\",\"div\",\"Next.js Commerce\",{\"className\":\"stack_stack__iZkUS stack templates_templateCard__ogq_Q\",\"data-testid\":\"$undefined\",\"data-version\":\"v1\",\"ref\":\"$undefined\",\"style\":{\"--stack-flex\":\"initial\",\"--stack-direction\":\"column\",\"--stack-align\":\"stretch\",\"--stack-justify\":\"flex-start\",\"--stack-padding\":\"0px\",\"--stack-gap\":\"0px\"},\"aria-hidden\":true,\"children\":[[\"$\",\"$L16\",null,{\"alt\":\"An all-in-one starter kit for high-performance ecommerce sites.\",\"className\":\"templates_image__OUeIH\",\"src\":{\"width\":1200,\"height\":960,\"src\":\"https://assets.vercel.com/image/upload/v1677122003/nextjs/showcase/template-next-commerce.jpg\"}}],[\"$\",\"div\",null,{\"className\":\"stack_stack__iZkUS stack templates_description__PAAfR\",\"data-testid\":\"$undefined\",\"data-version\":\"v1\",\"ref\":\"$undefined\",\"style\":{\"--stack-flex\":\"initial\",\"--stack-direction\":\"column\",\"--stack-align\":\"stretch\",\"--stack-justify\":\"flex-start\",\"--stack-padding\":\"0px\",\"--stack-gap\":\"8px\"},\"children\":[[\"$\",\"p\",null,{\"children\":\"Next.js Commerce\"}],[\"$\",\"p\",null,{\"children\":\"An all-in-one starter kit for high-performance ecommerce sites.\"}]]}]]}]]}]]}]]}]]}]}]}],[\"$\",\"$L14\",null,{\"children\":[\"$\",\"$L27\",null,{}]}]]}]]}],null,[\"$\",\"$L28\",null,{\"children\":\"$L29\"}]]}],{},null]},null]},null],[\"$\",\"$d\",\"h\",{\"children\":[null,[\"$\",\"$d\",\"OX5VVP8kltyx7c4FKPITO\",{\"children\":[[\"$\",\"$L2a\",null,{\"children\":\"$L2b\"}],[\"$\",\"$L2c\",null,{\"children\":\"$L2d\"}],[\"$\",\"meta\",null,{\"name\":\"next-size-adjust\",\"content\":\"\"}]]}]]}]]],\"m\":\"$undefined\",\"G\":[\"$2e\",\"$undefined\"],\"s\":false,\"S\":true}\n"])</script><script>self.__next_f.push([1,"2d:[[\"$\",\"meta\",\"0\",{\"name\":\"viewport\",\"content\":\"width=device-width, initial-scale=1\"}]]\n2b:[[\"$\",\"meta\",\"0\",{\"charSet\":\"utf-8\"}],[\"$\",\"title\",\"1\",{\"children\":\"Next.js by Vercel - The React Framework\"}],[\"$\",\"meta\",\"2\",{\"name\":\"description\",\"content\":\"Next.js by Vercel is the full-stack React framework for the web.\"}],[\"$\",\"meta\",\"3\",{\"property\":\"og:title\",\"content\":\"Next.js by Vercel - The React Framework\"}],[\"$\",\"meta\",\"4\",{\"property\":\"og:description\",\"content\":\"Next.js by Vercel is the full-stack React framework for the web.\"}],[\"$\",\"meta\",\"5\",{\"property\":\"og:image\",\"content\":\"https://assets.vercel.com/image/upload/front/nextjs/twitter-card.png\"}],[\"$\",\"meta\",\"6\",{\"name\":\"twitter:card\",\"content\":\"summary_large_image\"}],[\"$\",\"meta\",\"7\",{\"name\":\"twitter:site\",\"content\":\"@vercel\"}],[\"$\",\"meta\",\"8\",{\"name\":\"twitter:title\",\"content\":\"Next.js by Vercel - The React Framework\"}],[\"$\",\"meta\",\"9\",{\"name\":\"twitter:description\",\"content\":\"Production grade React applications that scale. The world's leading companies use Next.js by Vercel to build static and dynamic websites and web applications.\"}],[\"$\",\"meta\",\"10\",{\"name\":\"twitter:image\",\"content\":\"https://assets.vercel.com/image/upload/front/nextjs/twitter-card.png\"}],[\"$\",\"link\",\"11\",{\"rel\":\"icon\",\"href\":\"/favicon.ico\",\"type\":\"image/x-icon\",\"sizes\":\"48x48\"}]]\n"])</script><script>self.__next_f.push([1,"29:null\n"])</script></body></html>

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