CINXE.COM
Sponsors | Nextra
<!DOCTYPE html><html lang="en" dir="ltr"><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="stylesheet" href="/_next/static/css/d6edc982f2f29506.css" data-precedence="next"/><link rel="stylesheet" href="/_next/static/css/07afa2a3631d78c7.css" data-precedence="next"/><link rel="preload" as="script" fetchPriority="low" href="/_next/static/chunks/webpack-726e110d5143bd83.js"/><script src="/_next/static/chunks/a3566b52-fd067c77c32526fe.js" async=""></script><script src="/_next/static/chunks/7903-a059912a7115fd7c.js" async=""></script><script src="/_next/static/chunks/main-app-26a8cf8af4e44cb2.js" async=""></script><script src="/_next/static/chunks/d314db54-cd1d3dd8772def2b.js" async=""></script><script src="/_next/static/chunks/1069-448e2840a9e91c1a.js" async=""></script><script src="/_next/static/chunks/1361-edc4decfb0f25492.js" async=""></script><script src="/_next/static/chunks/2693-5bea67ee96cb9760.js" async=""></script><script src="/_next/static/chunks/8101-9ac0c4ba3263e667.js" async=""></script><script src="/_next/static/chunks/app/sponsors/page-ff20b123cdc75813.js" async=""></script><script src="/_next/static/chunks/9850-80c3267dfbd9d1b2.js" async=""></script><script src="/_next/static/chunks/app/not-found-52b0e88099c84268.js" async=""></script><script src="/_next/static/chunks/4291-4d6c04c45125c156.js" async=""></script><script src="/_next/static/chunks/1971-47c8a3eee38b14a9.js" async=""></script><script src="/_next/static/chunks/2791-baaedb648a3e3bdb.js" async=""></script><script src="/_next/static/chunks/2383-846cc0562307a456.js" async=""></script><script src="/_next/static/chunks/app/layout-5a980d1ff1f50517.js" async=""></script><meta name="theme-color" media="(prefers-color-scheme: light)" content="rgb(250,250,250)"/><meta name="theme-color" media="(prefers-color-scheme: dark)" content="rgb(17,17,17)"/><title>Sponsors | Nextra</title><meta name="description" content="Support Nextra by exploring its sponsors. Learn how they contribute to the development and success of the Nextra framework"/><meta name="application-name" content="Nextra"/><meta name="generator" content="Next.js"/><meta name="keywords" content="Nextra,Next.js,React,JavaScript,MDX,Markdown,Static Site Generator"/><meta name="msapplication-TileColor" content="#fff"/><link rel="canonical" href="https://nextra.site/sponsors"/><meta name="mobile-web-app-capable" content="yes"/><meta name="apple-mobile-web-app-title" content="Nextra"/><meta name="apple-mobile-web-app-status-bar-style" content="default"/><meta property="og:title" content="Sponsors | Nextra"/><meta property="og:description" content="Support Nextra by exploring its sponsors. Learn how they contribute to the development and success of the Nextra framework"/><meta property="og:image" content="https://nextra.site/og?title=Sponsors"/><meta name="twitter:card" content="summary"/><meta name="twitter:site" content="https://nextra.site"/><meta name="twitter:title" content="Sponsors | Nextra"/><meta name="twitter:description" content="Support Nextra by exploring its sponsors. Learn how they contribute to the development and success of the Nextra framework"/><meta name="twitter:image" content="https://nextra.site/og?title=Sponsors"/><link rel="icon" href="/icon.svg?cac6a12bdc398585" type="image/svg+xml" sizes="any"/><style>:root { --nextra-primary-hue: 212deg; --nextra-primary-saturation: 100%; --nextra-primary-lightness: 45%; --nextra-bg: 250,250,250; --nextra-content-width: 90rem; } .dark { --nextra-primary-hue: 204deg; --nextra-primary-saturation: 100%; --nextra-primary-lightness: 55%; --nextra-bg: 17,17,17; } ::selection { background: hsla(var(--nextra-primary-hue),var(--nextra-primary-saturation),var(--nextra-primary-lightness),.3); } html { background: rgb(var(--nextra-bg)); }</style><script src="/_next/static/chunks/polyfills-42372ed130431b0a.js" noModule=""></script></head><body><script>((e,t,r,n,i,o,a,s)=>{let l=document.documentElement,u=["light","dark"];function c(t){(Array.isArray(e)?e:[e]).forEach(e=>{let r="class"===e,n=r&&o?i.map(e=>o[e]||e):i;r?(l.classList.remove(...n),l.classList.add(t)):l.setAttribute(e,t)}),s&&u.includes(t)&&(l.style.colorScheme=t)}if(n)c(n);else try{let e=localStorage.getItem(t)||r,n=a&&"system"===e?window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":"light":e;c(n)}catch(e){}})("class","theme","system",null,["light","dark"],null,true,true)</script><a href="#nextra-skip-nav" class="nextra-skip-nav x:sr-only" type="button" data-headlessui-state="">Skip to Content</a><div class="nextra-banner x:max-md:sticky x:top-0 x:z-20 x:flex x:items-center x:px-2 x:text-slate-50 x:dark:text-white x:bg-neutral-900 x:dark:bg-[linear-gradient(1deg,#383838,#212121)] x:print:[display:none]"><div class="x:w-full x:text-center x:font-medium x:text-sm x:py-2.5">🎉 Nextra 4.0 is released. dimaMachina is looking<!-- --> <a href="https://github.com/dimaMachina" target="_blank" rel="noreferrer" class="x:focus-visible:nextra-focus x:text-primary-600 x:underline x:hover:no-underline x:decoration-from-font x:[text-underline-position:from-font]">for a new job or consulting<!-- --> <svg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.7" viewBox="0 0 24 24" height="1em" class="x:inline x:align-baseline x:shrink-0"><path d="M7 17L17 7"></path><path d="M7 7h10v10"></path></svg></a>.</div></div><header class="nextra-navbar x:sticky x:top-0 x:z-30 x:w-full x:bg-transparent x:print:hidden x:max-md:[.nextra-banner:not([class$=hidden])~&]:top-(--nextra-banner-height)"><div class="nextra-navbar-blur x:absolute x:-z-1 x:size-full nextra-border x:border-b x:backdrop-blur-md x:bg-nextra-bg/70"></div><nav style="height:var(--nextra-navbar-height)" class="x:mx-auto x:flex x:max-w-(--nextra-content-width) x:items-center x:gap-4 x:pl-[max(env(safe-area-inset-left),1.5rem)] x:pr-[max(env(safe-area-inset-right),1.5rem)] x:justify-end"><a class="x:flex x:items-center x:me-auto x:transition-opacity x:focus-visible:nextra-focus x:hover:opacity-75" href="/"><svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 361 70" height="20" class="hover:transition-all hover:duration-1000 motion-reduce:hover:transition-none [mask-image:linear-gradient(60deg,#000_25%,rgba(0,0,0,.2)_50%,#000_75%)] [mask-position:0] [mask-size:400%] hover:[mask-position:100%]"><path d="M114.913 33.276V62.04h-11.57V12.95h11.059v8.341h.575q1.694-4.122 5.401-6.552 3.74-2.429 9.237-2.429 5.082 0 8.853 2.174 3.803 2.173 5.88 6.296 2.11 4.123 2.078 10.003v31.258h-11.57V32.573q0-4.922-2.557-7.702-2.524-2.78-6.999-2.78-3.036 0-5.401 1.342-2.334 1.309-3.676 3.803-1.31 2.493-1.31 6.04M176.32 63q-7.382 0-12.752-3.068-5.337-3.1-8.214-8.757-2.876-5.689-2.876-13.391 0-7.575 2.876-13.296 2.909-5.752 8.118-8.949 5.21-3.228 12.241-3.228 4.539 0 8.565 1.47a19.35 19.35 0 0 1 7.159 4.475q3.132 3.036 4.922 7.734 1.79 4.667 1.79 11.122v3.548h-40.238v-7.798h29.148q-.032-3.324-1.438-5.913a10.46 10.46 0 0 0-3.931-4.123q-2.493-1.502-5.817-1.502-3.548 0-6.232 1.726a11.9 11.9 0 0 0-4.187 4.475q-1.47 2.748-1.502 6.04v6.808q0 4.283 1.566 7.35 1.566 3.037 4.378 4.667 2.813 1.598 6.584 1.598 2.525 0 4.57-.704 2.046-.735 3.548-2.14 1.502-1.407 2.269-3.485l10.803 1.215q-1.023 4.282-3.9 7.479-2.844 3.164-7.286 4.922-4.443 1.725-10.164 1.725m34.777-50.05 9.908 18.122 10.067-18.121h12.241l-14.798 24.545 15.054 24.545h-12.177l-10.387-17.674-10.291 17.674h-12.273l14.957-24.545-14.574-24.545zm63.878 0v8.95h-28.221v-8.95zM253.722 1.19h11.569v46.086q0 2.333.704 3.58.735 1.215 1.917 1.661c1.182.446 1.662.448 2.621.448q1.087 0 1.981-.16a17 17 0 0 0 1.407-.288l1.949 9.045q-.927.32-2.652.703-1.695.384-4.155.448-4.347.127-7.831-1.31-3.483-1.47-5.529-4.539-2.014-3.068-1.981-7.67zm29.129 60.852V12.95h11.218v8.181h.512q1.342-4.25 4.602-6.551 3.26-2.334 7.511-2.333 1.981 0 3.643.479 1.662.48 2.94 1.31l-3.579 9.588q-.927-.447-2.046-.735-1.118-.287-2.524-.287-3.004 0-5.434 1.342a10.2 10.2 0 0 0-3.867 3.74q-1.406 2.364-1.406 5.496v28.86zm51.222.862q-5.784 0-10.355-2.972-4.57-2.972-7.223-8.63-2.652-5.655-2.652-13.742 0-8.182 2.684-13.807 2.717-5.657 7.319-8.533 4.602-2.91 10.259-2.909 4.316 0 7.095 1.47 2.78 1.439 4.411 3.484 1.63 2.014 2.525 3.803h.479V12.95h11.602v49.09h-11.378v-7.734h-.703q-.895 1.79-2.589 3.803-1.694 1.981-4.474 3.388t-7 1.406m3.228-9.492q3.676 0 6.265-1.981 2.588-2.014 3.931-5.593c1.343-3.58 1.342-5.167 1.342-8.342q0-4.762-1.342-8.278-1.311-3.515-3.9-5.465-2.556-1.95-6.296-1.95-3.867 0-6.456 2.014c-2.589 2.014-3.025 3.196-3.899 5.561q-1.31 3.548-1.31 8.118 0 4.602 1.31 8.214 1.342 3.58 3.931 5.657 2.621 2.045 6.424 2.045"></path><path stroke="currentColor" stroke-width="2" d="M64.883 1.813 62.037 4.66c-14.91 14.91-39.083 14.91-53.992 0L5.198 1.813a2.394 2.394 0 0 0-3.385 3.385L4.66 8.045c14.91 14.91 14.91 39.083 0 53.992l-2.847 2.846a2.394 2.394 0 0 0 3.385 3.386l2.847-2.847c14.91-14.91 39.082-14.91 53.992 0l2.846 2.847a2.394 2.394 0 1 0 3.386-3.386l-2.847-2.846c-14.91-14.91-14.91-39.083 0-53.992l2.847-2.846a2.394 2.394 0 0 0-3.386-3.386Z"></path></svg></a><div class="x:flex x:gap-4 x:overflow-x-auto nextra-scrollbar x:py-1.5 x:max-md:hidden"><a class="x:focus-visible:nextra-focus x:text-sm x:contrast-more:text-gray-700 x:contrast-more:dark:text-gray-100 x:whitespace-nowrap x:text-gray-600 x:hover:text-gray-800 x:dark:text-gray-400 x:dark:hover:text-gray-200 x:ring-inset x:transition-colors x:aria-[current]:font-medium x:aria-[current]:subpixel-antialiased x:aria-[current]:text-current" href="/docs">Documentation</a><button class="x:text-sm x:contrast-more:text-gray-700 x:contrast-more:dark:text-gray-100 x:whitespace-nowrap x:text-gray-600 x:hover:text-gray-800 x:dark:text-gray-400 x:dark:hover:text-gray-200 x:ring-inset x:transition-colors x:items-center x:flex x:gap-1.5 x:cursor-pointer" id="headlessui-menu-button-:R3kd7lb:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state="">Versions<svg viewBox="0 0 24 24" stroke="currentColor" fill="none" stroke-width="2" height="14" class="x:*:origin-center x:*:transition-transform x:*:rotate-90"><path d="M9 5l7 7-7 7" stroke-linecap="round" stroke-linejoin="round"></path></svg></button><a class="x:focus-visible:nextra-focus x:text-sm x:contrast-more:text-gray-700 x:contrast-more:dark:text-gray-100 x:whitespace-nowrap x:text-gray-600 x:hover:text-gray-800 x:dark:text-gray-400 x:dark:hover:text-gray-200 x:ring-inset x:transition-colors x:aria-[current]:font-medium x:aria-[current]:subpixel-antialiased x:aria-[current]:text-current" href="/blog">Blog</a><a class="x:focus-visible:nextra-focus x:text-sm x:contrast-more:text-gray-700 x:contrast-more:dark:text-gray-100 x:whitespace-nowrap x:text-gray-600 x:hover:text-gray-800 x:dark:text-gray-400 x:dark:hover:text-gray-200 x:ring-inset x:transition-colors x:aria-[current]:font-medium x:aria-[current]:subpixel-antialiased x:aria-[current]:text-current" href="/about">About</a><a class="x:focus-visible:nextra-focus x:text-sm x:contrast-more:text-gray-700 x:contrast-more:dark:text-gray-100 x:whitespace-nowrap x:text-gray-600 x:hover:text-gray-800 x:dark:text-gray-400 x:dark:hover:text-gray-200 x:ring-inset x:transition-colors x:aria-[current]:font-medium x:aria-[current]:subpixel-antialiased x:aria-[current]:text-current" href="/showcase">Showcase</a><a class="x:focus-visible:nextra-focus x:text-sm x:contrast-more:text-gray-700 x:contrast-more:dark:text-gray-100 x:whitespace-nowrap x:text-gray-600 x:hover:text-gray-800 x:dark:text-gray-400 x:dark:hover:text-gray-200 x:ring-inset x:transition-colors x:aria-[current]:font-medium x:aria-[current]:subpixel-antialiased x:aria-[current]:text-current" aria-current="true" href="/sponsors">Sponsors</a></div><div class="x:max-md:hidden"><div class="nextra-search x:relative x:flex x:items-center x:text-gray-900 x:dark:text-gray-300 x:contrast-more:text-gray-800 x:contrast-more:dark:text-gray-300"><input spellCheck="false" class="x:rounded-lg x:px-3 x:py-2 x:transition-colors x:w-full x:md:w-64 x:text-base x:leading-tight x:md:text-sm x:bg-black/[.05] x:dark:bg-gray-50/10 x:placeholder:text-gray-500 x:dark:placeholder:text-gray-400 x:contrast-more:border x:contrast-more:border-current x:[&::-webkit-search-cancel-button]:appearance-none" autoComplete="off" placeholder="Search documentation…" id="headlessui-combobox-input-:R5ml7lb:" role="combobox" type="search" aria-expanded="false" aria-autocomplete="list" data-headlessui-state="" value=""/></div></div><a href="https://github.com/shuding/nextra" target="_blank" rel="noreferrer" class="x:focus-visible:nextra-focus"><svg fill="currentColor" viewBox="3 3 18 18" height="24"><path d="M12 3C7.0275 3 3 7.12937 3 12.2276C3 16.3109 5.57625 19.7597 9.15374 20.9824C9.60374 21.0631 9.77249 20.7863 9.77249 20.5441C9.77249 20.3249 9.76125 19.5982 9.76125 18.8254C7.5 19.2522 6.915 18.2602 6.735 17.7412C6.63375 17.4759 6.19499 16.6569 5.8125 16.4378C5.4975 16.2647 5.0475 15.838 5.80124 15.8264C6.51 15.8149 7.01625 16.4954 7.18499 16.7723C7.99499 18.1679 9.28875 17.7758 9.80625 17.5335C9.885 16.9337 10.1212 16.53 10.38 16.2993C8.3775 16.0687 6.285 15.2728 6.285 11.7432C6.285 10.7397 6.63375 9.9092 7.20749 9.26326C7.1175 9.03257 6.8025 8.08674 7.2975 6.81794C7.2975 6.81794 8.05125 6.57571 9.77249 7.76377C10.4925 7.55615 11.2575 7.45234 12.0225 7.45234C12.7875 7.45234 13.5525 7.55615 14.2725 7.76377C15.9937 6.56418 16.7475 6.81794 16.7475 6.81794C17.2424 8.08674 16.9275 9.03257 16.8375 9.26326C17.4113 9.9092 17.76 10.7281 17.76 11.7432C17.76 15.2843 15.6563 16.0687 13.6537 16.2993C13.98 16.5877 14.2613 17.1414 14.2613 18.0065C14.2613 19.2407 14.25 20.2326 14.25 20.5441C14.25 20.7863 14.4188 21.0746 14.8688 20.9824C16.6554 20.364 18.2079 19.1866 19.3078 17.6162C20.4077 16.0457 20.9995 14.1611 21 12.2276C21 7.12937 16.9725 3 12 3Z"></path></svg></a><button class="x:transition x:cursor-pointer nextra-hamburger x:md:hidden" aria-label="Menu" type="button" data-headlessui-state=""><svg viewBox="0 0 24 24" stroke="currentColor" stroke-width="2" stroke-linecap="round" height="24" class=""><g><path d="M4 6h16"></path></g><path d="M4 12h16"></path><g><path d="M4 18h16"></path></g></svg></button></nav></header><aside class="nextra-mobile-nav x:flex x:flex-col x:fixed x:inset-0 x:pt-(--nextra-navbar-height) x:z-20 x:overscroll-contain x:[contain:layout_style] x:md:hidden x:[.nextra-banner:not([class$=hidden])~&]:pt-[calc(var(--nextra-banner-height)+var(--nextra-navbar-height))] x:bg-nextra-bg x:[transform:translate3d(0,-100%,0)]"><div class="x:px-4 x:pt-4"><div class="nextra-search x:relative x:flex x:items-center x:text-gray-900 x:dark:text-gray-300 x:contrast-more:text-gray-800 x:contrast-more:dark:text-gray-300"><input spellCheck="false" class="x:rounded-lg x:px-3 x:py-2 x:transition-colors x:w-full x:md:w-64 x:text-base x:leading-tight x:md:text-sm x:bg-black/[.05] x:dark:bg-gray-50/10 x:placeholder:text-gray-500 x:dark:placeholder:text-gray-400 x:contrast-more:border x:contrast-more:border-current x:[&::-webkit-search-cancel-button]:appearance-none" autoComplete="off" placeholder="Search documentation…" id="headlessui-combobox-input-:Rmqrlb:" role="combobox" type="search" aria-expanded="false" aria-autocomplete="list" data-headlessui-state="" value=""/></div></div><ul class="x:grid x:gap-1 x:p-4 x:overflow-y-auto nextra-scrollbar nextra-mask"><li class=""><button class="x:transition x:cursor-pointer x:items-center x:justify-between x:gap-2 x:text-start x:w-full x:flex x:rounded x:px-2 x:py-1.5 x:text-sm x:transition-colors x:[word-break:break-word] x:cursor-pointer x:contrast-more:border x:text-gray-500 x:hover:bg-gray-100 x:hover:text-gray-900 x:dark:text-neutral-400 x:dark:hover:bg-primary-100/5 x:dark:hover:text-gray-50 x:contrast-more:text-gray-900 x:contrast-more:dark:text-gray-50 x:contrast-more:border-transparent x:contrast-more:hover:border-gray-900 x:contrast-more:dark:hover:border-gray-50" data-href="/docs" type="button" data-headlessui-state="">Documentation<svg viewBox="0 0 24 24" stroke="currentColor" fill="none" stroke-width="2" height="18" class="x:shrink-0 x:rounded-sm x:p-0.5 x:hover:bg-gray-800/5 x:dark:hover:bg-gray-100/5 x:motion-reduce:*:transition-none x:*:origin-center x:*:transition-transform x:*:rtl:-rotate-180"><path d="M9 5l7 7-7 7" stroke-linecap="round" stroke-linejoin="round"></path></svg></button><div class="x:transform-gpu x:transition-all x:ease-in-out x:motion-reduce:transition-none x:opacity-0 x:overflow-hidden" style="height:0;transition-duration:300ms"><ul class="x:grid x:gap-1 x:relative x:before:absolute x:before:inset-y-1 x:before:w-px x:before:bg-gray-200 x:before:content-[""] x:dark:before:bg-neutral-800 x:ps-3 x:before:start-0 x:pt-1 x:ms-3"><li class=""><a class="x:focus-visible:nextra-focus x:flex x:rounded x:px-2 x:py-1.5 x:text-sm x:transition-colors x:[word-break:break-word] x:cursor-pointer x:contrast-more:border x:text-gray-500 x:hover:bg-gray-100 x:hover:text-gray-900 x:dark:text-neutral-400 x:dark:hover:bg-primary-100/5 x:dark:hover:text-gray-50 x:contrast-more:text-gray-900 x:contrast-more:dark:text-gray-50 x:contrast-more:border-transparent x:contrast-more:hover:border-gray-900 x:contrast-more:dark:hover:border-gray-50" href="/docs">Introduction</a></li><li class=""><a class="x:focus-visible:nextra-focus x:items-center x:justify-between x:gap-2 x:flex x:rounded x:px-2 x:py-1.5 x:text-sm x:transition-colors x:[word-break:break-word] x:cursor-pointer x:contrast-more:border x:text-gray-500 x:hover:bg-gray-100 x:hover:text-gray-900 x:dark:text-neutral-400 x:dark:hover:bg-primary-100/5 x:dark:hover:text-gray-50 x:contrast-more:text-gray-900 x:contrast-more:dark:text-gray-50 x:contrast-more:border-transparent x:contrast-more:hover:border-gray-900 x:contrast-more:dark:hover:border-gray-50" href="/docs/file-conventions">File Conventions<svg viewBox="0 0 24 24" stroke="currentColor" fill="none" stroke-width="2" height="18" class="x:shrink-0 x:rounded-sm x:p-0.5 x:hover:bg-gray-800/5 x:dark:hover:bg-gray-100/5 x:motion-reduce:*:transition-none x:*:origin-center x:*:transition-transform x:*:rtl:-rotate-180"><path d="M9 5l7 7-7 7" stroke-linecap="round" stroke-linejoin="round"></path></svg></a><div class="x:transform-gpu x:transition-all x:ease-in-out x:motion-reduce:transition-none x:opacity-0 x:overflow-hidden" style="height:0;transition-duration:300ms"><ul class="x:grid x:gap-1 x:relative x:before:absolute x:before:inset-y-1 x:before:w-px x:before:bg-gray-200 x:before:content-[""] x:dark:before:bg-neutral-800 x:ps-3 x:before:start-0 x:pt-1 x:ms-3"><li class="[word-break:break-word] x:not-first:mt-5 x:mb-2 x:px-2 x:py-1.5 x:text-sm x:font-semibold x:text-gray-900 x:dark:text-gray-100">Files</li><li class=""><a class="x:focus-visible:nextra-focus x:flex x:rounded x:px-2 x:py-1.5 x:text-sm x:transition-colors x:[word-break:break-word] x:cursor-pointer x:contrast-more:border x:text-gray-500 x:hover:bg-gray-100 x:hover:text-gray-900 x:dark:text-neutral-400 x:dark:hover:bg-primary-100/5 x:dark:hover:text-gray-50 x:contrast-more:text-gray-900 x:contrast-more:dark:text-gray-50 x:contrast-more:border-transparent x:contrast-more:hover:border-gray-900 x:contrast-more:dark:hover:border-gray-50" href="/docs/file-conventions/page-file"><code class="nextra-code" dir="ltr">page.mdx</code></a></li><li class=""><a class="x:focus-visible:nextra-focus x:flex x:rounded x:px-2 x:py-1.5 x:text-sm x:transition-colors x:[word-break:break-word] x:cursor-pointer x:contrast-more:border x:text-gray-500 x:hover:bg-gray-100 x:hover:text-gray-900 x:dark:text-neutral-400 x:dark:hover:bg-primary-100/5 x:dark:hover:text-gray-50 x:contrast-more:text-gray-900 x:contrast-more:dark:text-gray-50 x:contrast-more:border-transparent x:contrast-more:hover:border-gray-900 x:contrast-more:dark:hover:border-gray-50" href="/docs/file-conventions/meta-file"><code class="nextra-code" dir="ltr">_meta.js</code></a></li><li class=""><a href="https://nextjs.org/docs/app/api-reference/file-conventions/page" target="_blank" rel="noreferrer" class="x:focus-visible:nextra-focus x:flex x:rounded x:px-2 x:py-1.5 x:text-sm x:transition-colors x:[word-break:break-word] x:cursor-pointer x:contrast-more:border x:text-gray-500 x:hover:bg-gray-100 x:hover:text-gray-900 x:dark:text-neutral-400 x:dark:hover:bg-primary-100/5 x:dark:hover:text-gray-50 x:contrast-more:text-gray-900 x:contrast-more:dark:text-gray-50 x:contrast-more:border-transparent x:contrast-more:hover:border-gray-900 x:contrast-more:dark:hover:border-gray-50"><code class="nextra-code" dir="ltr">page.jsx</code> <svg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.7" viewBox="0 0 24 24" height="1em" class="x:inline x:align-baseline x:shrink-0"><path d="M7 17L17 7"></path><path d="M7 7h10v10"></path></svg></a></li><li class=""><a href="https://nextjs.org/docs/app/api-reference/file-conventions/layout" target="_blank" rel="noreferrer" class="x:focus-visible:nextra-focus x:flex x:rounded x:px-2 x:py-1.5 x:text-sm x:transition-colors x:[word-break:break-word] x:cursor-pointer x:contrast-more:border x:text-gray-500 x:hover:bg-gray-100 x:hover:text-gray-900 x:dark:text-neutral-400 x:dark:hover:bg-primary-100/5 x:dark:hover:text-gray-50 x:contrast-more:text-gray-900 x:contrast-more:dark:text-gray-50 x:contrast-more:border-transparent x:contrast-more:hover:border-gray-900 x:contrast-more:dark:hover:border-gray-50"><code class="nextra-code" dir="ltr">layout.jsx</code> <svg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.7" viewBox="0 0 24 24" height="1em" class="x:inline x:align-baseline x:shrink-0"><path d="M7 17L17 7"></path><path d="M7 7h10v10"></path></svg></a></li><li class="[word-break:break-word] x:not-first:mt-5 x:mb-2 x:px-2 x:py-1.5 x:text-sm x:font-semibold x:text-gray-900 x:dark:text-gray-100">Top-Level Files</li><li class=""><a class="x:focus-visible:nextra-focus x:flex x:rounded x:px-2 x:py-1.5 x:text-sm x:transition-colors x:[word-break:break-word] x:cursor-pointer x:contrast-more:border x:text-gray-500 x:hover:bg-gray-100 x:hover:text-gray-900 x:dark:text-neutral-400 x:dark:hover:bg-primary-100/5 x:dark:hover:text-gray-50 x:contrast-more:text-gray-900 x:contrast-more:dark:text-gray-50 x:contrast-more:border-transparent x:contrast-more:hover:border-gray-900 x:contrast-more:dark:hover:border-gray-50" href="/docs/file-conventions/mdx-components-file"><code class="nextra-code" dir="ltr">mdx-components.js</code></a></li><li class="[word-break:break-word] x:not-first:mt-5 x:mb-2 x:px-2 x:py-1.5 x:text-sm x:font-semibold x:text-gray-900 x:dark:text-gray-100">Top-Level Folders</li><li class=""><a class="x:focus-visible:nextra-focus x:flex x:rounded x:px-2 x:py-1.5 x:text-sm x:transition-colors x:[word-break:break-word] x:cursor-pointer x:contrast-more:border x:text-gray-500 x:hover:bg-gray-100 x:hover:text-gray-900 x:dark:text-neutral-400 x:dark:hover:bg-primary-100/5 x:dark:hover:text-gray-50 x:contrast-more:text-gray-900 x:contrast-more:dark:text-gray-50 x:contrast-more:border-transparent x:contrast-more:hover:border-gray-900 x:contrast-more:dark:hover:border-gray-50" href="/docs/file-conventions/content-directory"><code class="nextra-code" dir="ltr">content</code></a></li><li class=""><a class="x:focus-visible:nextra-focus x:flex x:rounded x:px-2 x:py-1.5 x:text-sm x:transition-colors x:[word-break:break-word] x:cursor-pointer x:contrast-more:border x:text-gray-500 x:hover:bg-gray-100 x:hover:text-gray-900 x:dark:text-neutral-400 x:dark:hover:bg-primary-100/5 x:dark:hover:text-gray-50 x:contrast-more:text-gray-900 x:contrast-more:dark:text-gray-50 x:contrast-more:border-transparent x:contrast-more:hover:border-gray-900 x:contrast-more:dark:hover:border-gray-50" href="/docs/file-conventions/src-directory"><code class="nextra-code" dir="ltr">src</code></a></li><li class=""><a href="https://nextjs.org/docs/app/getting-started/installation?utm_source=nextra.site&utm_medium=referral&utm_campaign=sidebar#create-the-app-directory" target="_blank" rel="noreferrer" class="x:focus-visible:nextra-focus x:flex x:rounded x:px-2 x:py-1.5 x:text-sm x:transition-colors x:[word-break:break-word] x:cursor-pointer x:contrast-more:border x:text-gray-500 x:hover:bg-gray-100 x:hover:text-gray-900 x:dark:text-neutral-400 x:dark:hover:bg-primary-100/5 x:dark:hover:text-gray-50 x:contrast-more:text-gray-900 x:contrast-more:dark:text-gray-50 x:contrast-more:border-transparent x:contrast-more:hover:border-gray-900 x:contrast-more:dark:hover:border-gray-50"><code class="nextra-code" dir="ltr">app</code> <svg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.7" viewBox="0 0 24 24" height="1em" class="x:inline x:align-baseline x:shrink-0"><path d="M7 17L17 7"></path><path d="M7 7h10v10"></path></svg></a></li><li class=""><a href="https://nextjs.org/docs/app/building-your-application/optimizing/static-assets?utm_source=nextra.site&utm_medium=referral&utm_campaign=sidebar" target="_blank" rel="noreferrer" class="x:focus-visible:nextra-focus x:flex x:rounded x:px-2 x:py-1.5 x:text-sm x:transition-colors x:[word-break:break-word] x:cursor-pointer x:contrast-more:border x:text-gray-500 x:hover:bg-gray-100 x:hover:text-gray-900 x:dark:text-neutral-400 x:dark:hover:bg-primary-100/5 x:dark:hover:text-gray-50 x:contrast-more:text-gray-900 x:contrast-more:dark:text-gray-50 x:contrast-more:border-transparent x:contrast-more:hover:border-gray-900 x:contrast-more:dark:hover:border-gray-50"><code class="nextra-code" dir="ltr">public</code> <svg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.7" viewBox="0 0 24 24" height="1em" class="x:inline x:align-baseline x:shrink-0"><path d="M7 17L17 7"></path><path d="M7 7h10v10"></path></svg></a></li></ul></div></li><li class=""><a class="x:focus-visible:nextra-focus x:items-center x:justify-between x:gap-2 x:flex x:rounded x:px-2 x:py-1.5 x:text-sm x:transition-colors x:[word-break:break-word] x:cursor-pointer x:contrast-more:border x:text-gray-500 x:hover:bg-gray-100 x:hover:text-gray-900 x:dark:text-neutral-400 x:dark:hover:bg-primary-100/5 x:dark:hover:text-gray-50 x:contrast-more:text-gray-900 x:contrast-more:dark:text-gray-50 x:contrast-more:border-transparent x:contrast-more:hover:border-gray-900 x:contrast-more:dark:hover:border-gray-50" href="/docs/guide">Guide<svg viewBox="0 0 24 24" stroke="currentColor" fill="none" stroke-width="2" height="18" class="x:shrink-0 x:rounded-sm x:p-0.5 x:hover:bg-gray-800/5 x:dark:hover:bg-gray-100/5 x:motion-reduce:*:transition-none x:*:origin-center x:*:transition-transform x:*:rtl:-rotate-180"><path d="M9 5l7 7-7 7" stroke-linecap="round" stroke-linejoin="round"></path></svg></a><div class="x:transform-gpu x:transition-all x:ease-in-out x:motion-reduce:transition-none x:opacity-0 x:overflow-hidden" style="height:0;transition-duration:300ms"><ul class="x:grid x:gap-1 x:relative x:before:absolute x:before:inset-y-1 x:before:w-px x:before:bg-gray-200 x:before:content-[""] x:dark:before:bg-neutral-800 x:ps-3 x:before:start-0 x:pt-1 x:ms-3"><li class=""><a class="x:focus-visible:nextra-focus x:flex x:rounded x:px-2 x:py-1.5 x:text-sm x:transition-colors x:[word-break:break-word] x:cursor-pointer x:contrast-more:border x:text-gray-500 x:hover:bg-gray-100 x:hover:text-gray-900 x:dark:text-neutral-400 x:dark:hover:bg-primary-100/5 x:dark:hover:text-gray-50 x:contrast-more:text-gray-900 x:contrast-more:dark:text-gray-50 x:contrast-more:border-transparent x:contrast-more:hover:border-gray-900 x:contrast-more:dark:hover:border-gray-50" href="/docs/guide/markdown">Markdown</a></li><li class=""><a class="x:focus-visible:nextra-focus x:flex x:rounded x:px-2 x:py-1.5 x:text-sm x:transition-colors x:[word-break:break-word] x:cursor-pointer x:contrast-more:border x:text-gray-500 x:hover:bg-gray-100 x:hover:text-gray-900 x:dark:text-neutral-400 x:dark:hover:bg-primary-100/5 x:dark:hover:text-gray-50 x:contrast-more:text-gray-900 x:contrast-more:dark:text-gray-50 x:contrast-more:border-transparent x:contrast-more:hover:border-gray-900 x:contrast-more:dark:hover:border-gray-50" href="/docs/guide/syntax-highlighting">Syntax Highlighting</a></li><li class=""><a class="x:focus-visible:nextra-focus x:flex x:rounded x:px-2 x:py-1.5 x:text-sm x:transition-colors x:[word-break:break-word] x:cursor-pointer x:contrast-more:border x:text-gray-500 x:hover:bg-gray-100 x:hover:text-gray-900 x:dark:text-neutral-400 x:dark:hover:bg-primary-100/5 x:dark:hover:text-gray-50 x:contrast-more:text-gray-900 x:contrast-more:dark:text-gray-50 x:contrast-more:border-transparent x:contrast-more:hover:border-gray-900 x:contrast-more:dark:hover:border-gray-50" href="/docs/guide/link">Next.js Link</a></li><li class=""><a class="x:focus-visible:nextra-focus x:flex x:rounded x:px-2 x:py-1.5 x:text-sm x:transition-colors x:[word-break:break-word] x:cursor-pointer x:contrast-more:border x:text-gray-500 x:hover:bg-gray-100 x:hover:text-gray-900 x:dark:text-neutral-400 x:dark:hover:bg-primary-100/5 x:dark:hover:text-gray-50 x:contrast-more:text-gray-900 x:contrast-more:dark:text-gray-50 x:contrast-more:border-transparent x:contrast-more:hover:border-gray-900 x:contrast-more:dark:hover:border-gray-50" href="/docs/guide/image">Next.js Image</a></li><li class=""><a class="x:focus-visible:nextra-focus x:flex x:rounded x:px-2 x:py-1.5 x:text-sm x:transition-colors x:[word-break:break-word] x:cursor-pointer x:contrast-more:border x:text-gray-500 x:hover:bg-gray-100 x:hover:text-gray-900 x:dark:text-neutral-400 x:dark:hover:bg-primary-100/5 x:dark:hover:text-gray-50 x:contrast-more:text-gray-900 x:contrast-more:dark:text-gray-50 x:contrast-more:border-transparent x:contrast-more:hover:border-gray-900 x:contrast-more:dark:hover:border-gray-50" href="/docs/guide/ssg">Next.js SSG</a></li><li class=""><a class="x:focus-visible:nextra-focus x:flex x:rounded x:px-2 x:py-1.5 x:text-sm x:transition-colors x:[word-break:break-word] x:cursor-pointer x:contrast-more:border x:text-gray-500 x:hover:bg-gray-100 x:hover:text-gray-900 x:dark:text-neutral-400 x:dark:hover:bg-primary-100/5 x:dark:hover:text-gray-50 x:contrast-more:text-gray-900 x:contrast-more:dark:text-gray-50 x:contrast-more:border-transparent x:contrast-more:hover:border-gray-900 x:contrast-more:dark:hover:border-gray-50" href="/docs/guide/i18n">Next.js I18n</a></li><li class=""><a class="x:focus-visible:nextra-focus x:flex x:rounded x:px-2 x:py-1.5 x:text-sm x:transition-colors x:[word-break:break-word] x:cursor-pointer x:contrast-more:border x:text-gray-500 x:hover:bg-gray-100 x:hover:text-gray-900 x:dark:text-neutral-400 x:dark:hover:bg-primary-100/5 x:dark:hover:text-gray-50 x:contrast-more:text-gray-900 x:contrast-more:dark:text-gray-50 x:contrast-more:border-transparent x:contrast-more:hover:border-gray-900 x:contrast-more:dark:hover:border-gray-50" href="/docs/guide/custom-css">Custom CSS</a></li><li class=""><a class="x:focus-visible:nextra-focus x:flex x:rounded x:px-2 x:py-1.5 x:text-sm x:transition-colors x:[word-break:break-word] x:cursor-pointer x:contrast-more:border x:text-gray-500 x:hover:bg-gray-100 x:hover:text-gray-900 x:dark:text-neutral-400 x:dark:hover:bg-primary-100/5 x:dark:hover:text-gray-50 x:contrast-more:text-gray-900 x:contrast-more:dark:text-gray-50 x:contrast-more:border-transparent x:contrast-more:hover:border-gray-900 x:contrast-more:dark:hover:border-gray-50" href="/docs/guide/static-exports">Static Exports</a></li><li class=""><a class="x:focus-visible:nextra-focus x:flex x:rounded x:px-2 x:py-1.5 x:text-sm x:transition-colors x:[word-break:break-word] x:cursor-pointer x:contrast-more:border x:text-gray-500 x:hover:bg-gray-100 x:hover:text-gray-900 x:dark:text-neutral-400 x:dark:hover:bg-primary-100/5 x:dark:hover:text-gray-50 x:contrast-more:text-gray-900 x:contrast-more:dark:text-gray-50 x:contrast-more:border-transparent x:contrast-more:hover:border-gray-900 x:contrast-more:dark:hover:border-gray-50" href="/docs/guide/search">Search Engine</a></li><li class=""><a class="x:focus-visible:nextra-focus x:flex x:rounded x:px-2 x:py-1.5 x:text-sm x:transition-colors x:[word-break:break-word] x:cursor-pointer x:contrast-more:border x:text-gray-500 x:hover:bg-gray-100 x:hover:text-gray-900 x:dark:text-neutral-400 x:dark:hover:bg-primary-100/5 x:dark:hover:text-gray-50 x:contrast-more:text-gray-900 x:contrast-more:dark:text-gray-50 x:contrast-more:border-transparent x:contrast-more:hover:border-gray-900 x:contrast-more:dark:hover:border-gray-50" href="/docs/guide/github-alert-syntax">GitHub Alert Syntax</a></li><li class=""><a class="x:focus-visible:nextra-focus x:flex x:rounded x:px-2 x:py-1.5 x:text-sm x:transition-colors x:[word-break:break-word] x:cursor-pointer x:contrast-more:border x:text-gray-500 x:hover:bg-gray-100 x:hover:text-gray-900 x:dark:text-neutral-400 x:dark:hover:bg-primary-100/5 x:dark:hover:text-gray-50 x:contrast-more:text-gray-900 x:contrast-more:dark:text-gray-50 x:contrast-more:border-transparent x:contrast-more:hover:border-gray-900 x:contrast-more:dark:hover:border-gray-50" href="/docs/guide/turbopack">Usage with Turbopack</a></li><li class=""><a href="https://nextjs.org/docs/app/building-your-application/deploying?utm_source=nextra.site&utm_medium=referral&utm_campaign=sidebar" target="_blank" rel="noreferrer" class="x:focus-visible:nextra-focus x:flex x:rounded x:px-2 x:py-1.5 x:text-sm x:transition-colors x:[word-break:break-word] x:cursor-pointer x:contrast-more:border x:text-gray-500 x:hover:bg-gray-100 x:hover:text-gray-900 x:dark:text-neutral-400 x:dark:hover:bg-primary-100/5 x:dark:hover:text-gray-50 x:contrast-more:text-gray-900 x:contrast-more:dark:text-gray-50 x:contrast-more:border-transparent x:contrast-more:hover:border-gray-900 x:contrast-more:dark:hover:border-gray-50">Deploying<!-- --> <svg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.7" viewBox="0 0 24 24" height="1em" class="x:inline x:align-baseline x:shrink-0"><path d="M7 17L17 7"></path><path d="M7 7h10v10"></path></svg></a></li></ul></div></li><li class=""><a class="x:focus-visible:nextra-focus x:items-center x:justify-between x:gap-2 x:flex x:rounded x:px-2 x:py-1.5 x:text-sm x:transition-colors x:[word-break:break-word] x:cursor-pointer x:contrast-more:border x:text-gray-500 x:hover:bg-gray-100 x:hover:text-gray-900 x:dark:text-neutral-400 x:dark:hover:bg-primary-100/5 x:dark:hover:text-gray-50 x:contrast-more:text-gray-900 x:contrast-more:dark:text-gray-50 x:contrast-more:border-transparent x:contrast-more:hover:border-gray-900 x:contrast-more:dark:hover:border-gray-50" href="/docs/advanced">Advanced<svg viewBox="0 0 24 24" stroke="currentColor" fill="none" stroke-width="2" height="18" class="x:shrink-0 x:rounded-sm x:p-0.5 x:hover:bg-gray-800/5 x:dark:hover:bg-gray-100/5 x:motion-reduce:*:transition-none x:*:origin-center x:*:transition-transform x:*:rtl:-rotate-180"><path d="M9 5l7 7-7 7" stroke-linecap="round" stroke-linejoin="round"></path></svg></a><div class="x:transform-gpu x:transition-all x:ease-in-out x:motion-reduce:transition-none x:opacity-0 x:overflow-hidden" style="height:0;transition-duration:300ms"><ul class="x:grid x:gap-1 x:relative x:before:absolute x:before:inset-y-1 x:before:w-px x:before:bg-gray-200 x:before:content-[""] x:dark:before:bg-neutral-800 x:ps-3 x:before:start-0 x:pt-1 x:ms-3"><li class=""><a class="x:focus-visible:nextra-focus x:flex x:rounded x:px-2 x:py-1.5 x:text-sm x:transition-colors x:[word-break:break-word] x:cursor-pointer x:contrast-more:border x:text-gray-500 x:hover:bg-gray-100 x:hover:text-gray-900 x:dark:text-neutral-400 x:dark:hover:bg-primary-100/5 x:dark:hover:text-gray-50 x:contrast-more:text-gray-900 x:contrast-more:dark:text-gray-50 x:contrast-more:border-transparent x:contrast-more:hover:border-gray-900 x:contrast-more:dark:hover:border-gray-50" href="/docs/advanced/npm2yarn">Npm2Yarn</a></li><li class=""><a class="x:focus-visible:nextra-focus x:flex x:rounded x:px-2 x:py-1.5 x:text-sm x:transition-colors x:[word-break:break-word] x:cursor-pointer x:contrast-more:border x:text-gray-500 x:hover:bg-gray-100 x:hover:text-gray-900 x:dark:text-neutral-400 x:dark:hover:bg-primary-100/5 x:dark:hover:text-gray-50 x:contrast-more:text-gray-900 x:contrast-more:dark:text-gray-50 x:contrast-more:border-transparent x:contrast-more:hover:border-gray-900 x:contrast-more:dark:hover:border-gray-50" href="/docs/advanced/mermaid">Mermaid</a></li><li class=""><a class="x:focus-visible:nextra-focus x:flex x:rounded x:px-2 x:py-1.5 x:text-sm x:transition-colors x:[word-break:break-word] x:cursor-pointer x:contrast-more:border x:text-gray-500 x:hover:bg-gray-100 x:hover:text-gray-900 x:dark:text-neutral-400 x:dark:hover:bg-primary-100/5 x:dark:hover:text-gray-50 x:contrast-more:text-gray-900 x:contrast-more:dark:text-gray-50 x:contrast-more:border-transparent x:contrast-more:hover:border-gray-900 x:contrast-more:dark:hover:border-gray-50" href="/docs/advanced/tailwind-css">Tailwind CSS</a></li><li class=""><a class="x:focus-visible:nextra-focus x:flex x:rounded x:px-2 x:py-1.5 x:text-sm x:transition-colors x:[word-break:break-word] x:cursor-pointer x:contrast-more:border x:text-gray-500 x:hover:bg-gray-100 x:hover:text-gray-900 x:dark:text-neutral-400 x:dark:hover:bg-primary-100/5 x:dark:hover:text-gray-50 x:contrast-more:text-gray-900 x:contrast-more:dark:text-gray-50 x:contrast-more:border-transparent x:contrast-more:hover:border-gray-900 x:contrast-more:dark:hover:border-gray-50" href="/docs/advanced/latex">LaTeX</a></li><li class=""><a class="x:focus-visible:nextra-focus x:flex x:rounded x:px-2 x:py-1.5 x:text-sm x:transition-colors x:[word-break:break-word] x:cursor-pointer x:contrast-more:border x:text-gray-500 x:hover:bg-gray-100 x:hover:text-gray-900 x:dark:text-neutral-400 x:dark:hover:bg-primary-100/5 x:dark:hover:text-gray-50 x:contrast-more:text-gray-900 x:contrast-more:dark:text-gray-50 x:contrast-more:border-transparent x:contrast-more:hover:border-gray-900 x:contrast-more:dark:hover:border-gray-50" href="/docs/advanced/table">Rendering Tables</a></li><li class=""><a class="x:focus-visible:nextra-focus x:flex x:rounded x:px-2 x:py-1.5 x:text-sm x:transition-colors x:[word-break:break-word] x:cursor-pointer x:contrast-more:border x:text-gray-500 x:hover:bg-gray-100 x:hover:text-gray-900 x:dark:text-neutral-400 x:dark:hover:bg-primary-100/5 x:dark:hover:text-gray-50 x:contrast-more:text-gray-900 x:contrast-more:dark:text-gray-50 x:contrast-more:border-transparent x:contrast-more:hover:border-gray-900 x:contrast-more:dark:hover:border-gray-50" href="/docs/advanced/typescript">TypeScript</a></li><li class=""><a class="x:focus-visible:nextra-focus x:flex x:rounded x:px-2 x:py-1.5 x:text-sm x:transition-colors x:[word-break:break-word] x:cursor-pointer x:contrast-more:border x:text-gray-500 x:hover:bg-gray-100 x:hover:text-gray-900 x:dark:text-neutral-400 x:dark:hover:bg-primary-100/5 x:dark:hover:text-gray-50 x:contrast-more:text-gray-900 x:contrast-more:dark:text-gray-50 x:contrast-more:border-transparent x:contrast-more:hover:border-gray-900 x:contrast-more:dark:hover:border-gray-50" href="/docs/advanced/remote">Remote Content</a></li><li class=""><a class="x:focus-visible:nextra-focus x:flex x:rounded x:px-2 x:py-1.5 x:text-sm x:transition-colors x:[word-break:break-word] x:cursor-pointer x:contrast-more:border x:text-gray-500 x:hover:bg-gray-100 x:hover:text-gray-900 x:dark:text-neutral-400 x:dark:hover:bg-primary-100/5 x:dark:hover:text-gray-50 x:contrast-more:text-gray-900 x:contrast-more:dark:text-gray-50 x:contrast-more:border-transparent x:contrast-more:hover:border-gray-900 x:contrast-more:dark:hover:border-gray-50" href="/docs/advanced/playground">Playground</a></li><li class=""><a class="x:focus-visible:nextra-focus x:flex x:rounded x:px-2 x:py-1.5 x:text-sm x:transition-colors x:[word-break:break-word] x:cursor-pointer x:contrast-more:border x:text-gray-500 x:hover:bg-gray-100 x:hover:text-gray-900 x:dark:text-neutral-400 x:dark:hover:bg-primary-100/5 x:dark:hover:text-gray-50 x:contrast-more:text-gray-900 x:contrast-more:dark:text-gray-50 x:contrast-more:border-transparent x:contrast-more:hover:border-gray-900 x:contrast-more:dark:hover:border-gray-50" href="/docs/advanced/customize-the-cascade-layers">Customize Cascade Layers</a></li><li class=""><a class="x:focus-visible:nextra-focus x:flex x:rounded x:px-2 x:py-1.5 x:text-sm x:transition-colors x:[word-break:break-word] x:cursor-pointer x:contrast-more:border x:text-gray-500 x:hover:bg-gray-100 x:hover:text-gray-900 x:dark:text-neutral-400 x:dark:hover:bg-primary-100/5 x:dark:hover:text-gray-50 x:contrast-more:text-gray-900 x:contrast-more:dark:text-gray-50 x:contrast-more:border-transparent x:contrast-more:hover:border-gray-900 x:contrast-more:dark:hover:border-gray-50" href="/docs/advanced/twoslash">Twoslash Support</a></li></ul></div></li><li class=""><a class="x:focus-visible:nextra-focus x:items-center x:justify-between x:gap-2 x:flex x:rounded x:px-2 x:py-1.5 x:text-sm x:transition-colors x:[word-break:break-word] x:cursor-pointer x:contrast-more:border x:text-gray-500 x:hover:bg-gray-100 x:hover:text-gray-900 x:dark:text-neutral-400 x:dark:hover:bg-primary-100/5 x:dark:hover:text-gray-50 x:contrast-more:text-gray-900 x:contrast-more:dark:text-gray-50 x:contrast-more:border-transparent x:contrast-more:hover:border-gray-900 x:contrast-more:dark:hover:border-gray-50" href="/docs/built-ins">Built-In Components<svg viewBox="0 0 24 24" stroke="currentColor" fill="none" stroke-width="2" height="18" class="x:shrink-0 x:rounded-sm x:p-0.5 x:hover:bg-gray-800/5 x:dark:hover:bg-gray-100/5 x:motion-reduce:*:transition-none x:*:origin-center x:*:transition-transform x:*:rtl:-rotate-180"><path d="M9 5l7 7-7 7" stroke-linecap="round" stroke-linejoin="round"></path></svg></a><div class="x:transform-gpu x:transition-all x:ease-in-out x:motion-reduce:transition-none x:opacity-0 x:overflow-hidden" style="height:0;transition-duration:300ms"><ul class="x:grid x:gap-1 x:relative x:before:absolute x:before:inset-y-1 x:before:w-px x:before:bg-gray-200 x:before:content-[""] x:dark:before:bg-neutral-800 x:ps-3 x:before:start-0 x:pt-1 x:ms-3"><li class="[word-break:break-word] x:not-first:mt-5 x:mb-2 x:px-2 x:py-1.5 x:text-sm x:font-semibold x:text-gray-900 x:dark:text-gray-100">Layout Components</li><li class=""><a class="x:focus-visible:nextra-focus x:flex x:rounded x:px-2 x:py-1.5 x:text-sm x:transition-colors x:[word-break:break-word] x:cursor-pointer x:contrast-more:border x:text-gray-500 x:hover:bg-gray-100 x:hover:text-gray-900 x:dark:text-neutral-400 x:dark:hover:bg-primary-100/5 x:dark:hover:text-gray-50 x:contrast-more:text-gray-900 x:contrast-more:dark:text-gray-50 x:contrast-more:border-transparent x:contrast-more:hover:border-gray-900 x:contrast-more:dark:hover:border-gray-50" href="/docs/built-ins/banner">Banner</a></li><li class=""><a class="x:focus-visible:nextra-focus x:flex x:rounded x:px-2 x:py-1.5 x:text-sm x:transition-colors x:[word-break:break-word] x:cursor-pointer x:contrast-more:border x:text-gray-500 x:hover:bg-gray-100 x:hover:text-gray-900 x:dark:text-neutral-400 x:dark:hover:bg-primary-100/5 x:dark:hover:text-gray-50 x:contrast-more:text-gray-900 x:contrast-more:dark:text-gray-50 x:contrast-more:border-transparent x:contrast-more:hover:border-gray-900 x:contrast-more:dark:hover:border-gray-50" href="/docs/built-ins/head">Head</a></li><li class=""><a class="x:focus-visible:nextra-focus x:flex x:rounded x:px-2 x:py-1.5 x:text-sm x:transition-colors x:[word-break:break-word] x:cursor-pointer x:contrast-more:border x:text-gray-500 x:hover:bg-gray-100 x:hover:text-gray-900 x:dark:text-neutral-400 x:dark:hover:bg-primary-100/5 x:dark:hover:text-gray-50 x:contrast-more:text-gray-900 x:contrast-more:dark:text-gray-50 x:contrast-more:border-transparent x:contrast-more:hover:border-gray-900 x:contrast-more:dark:hover:border-gray-50" href="/docs/built-ins/search">Search</a></li><li class="[word-break:break-word] x:not-first:mt-5 x:mb-2 x:px-2 x:py-1.5 x:text-sm x:font-semibold x:text-gray-900 x:dark:text-gray-100">Content Components</li><li class=""><a class="x:focus-visible:nextra-focus x:flex x:rounded x:px-2 x:py-1.5 x:text-sm x:transition-colors x:[word-break:break-word] x:cursor-pointer x:contrast-more:border x:text-gray-500 x:hover:bg-gray-100 x:hover:text-gray-900 x:dark:text-neutral-400 x:dark:hover:bg-primary-100/5 x:dark:hover:text-gray-50 x:contrast-more:text-gray-900 x:contrast-more:dark:text-gray-50 x:contrast-more:border-transparent x:contrast-more:hover:border-gray-900 x:contrast-more:dark:hover:border-gray-50" href="/docs/built-ins/bleed">Bleed</a></li><li class=""><a class="x:focus-visible:nextra-focus x:flex x:rounded x:px-2 x:py-1.5 x:text-sm x:transition-colors x:[word-break:break-word] x:cursor-pointer x:contrast-more:border x:text-gray-500 x:hover:bg-gray-100 x:hover:text-gray-900 x:dark:text-neutral-400 x:dark:hover:bg-primary-100/5 x:dark:hover:text-gray-50 x:contrast-more:text-gray-900 x:contrast-more:dark:text-gray-50 x:contrast-more:border-transparent x:contrast-more:hover:border-gray-900 x:contrast-more:dark:hover:border-gray-50" href="/docs/built-ins/callout">Callout</a></li><li class=""><a class="x:focus-visible:nextra-focus x:flex x:rounded x:px-2 x:py-1.5 x:text-sm x:transition-colors x:[word-break:break-word] x:cursor-pointer x:contrast-more:border x:text-gray-500 x:hover:bg-gray-100 x:hover:text-gray-900 x:dark:text-neutral-400 x:dark:hover:bg-primary-100/5 x:dark:hover:text-gray-50 x:contrast-more:text-gray-900 x:contrast-more:dark:text-gray-50 x:contrast-more:border-transparent x:contrast-more:hover:border-gray-900 x:contrast-more:dark:hover:border-gray-50" href="/docs/built-ins/cards">Cards</a></li><li class=""><a class="x:focus-visible:nextra-focus x:flex x:rounded x:px-2 x:py-1.5 x:text-sm x:transition-colors x:[word-break:break-word] x:cursor-pointer x:contrast-more:border x:text-gray-500 x:hover:bg-gray-100 x:hover:text-gray-900 x:dark:text-neutral-400 x:dark:hover:bg-primary-100/5 x:dark:hover:text-gray-50 x:contrast-more:text-gray-900 x:contrast-more:dark:text-gray-50 x:contrast-more:border-transparent x:contrast-more:hover:border-gray-900 x:contrast-more:dark:hover:border-gray-50" href="/docs/built-ins/filetree">FileTree</a></li><li class=""><a class="x:focus-visible:nextra-focus x:flex x:rounded x:px-2 x:py-1.5 x:text-sm x:transition-colors x:[word-break:break-word] x:cursor-pointer x:contrast-more:border x:text-gray-500 x:hover:bg-gray-100 x:hover:text-gray-900 x:dark:text-neutral-400 x:dark:hover:bg-primary-100/5 x:dark:hover:text-gray-50 x:contrast-more:text-gray-900 x:contrast-more:dark:text-gray-50 x:contrast-more:border-transparent x:contrast-more:hover:border-gray-900 x:contrast-more:dark:hover:border-gray-50" href="/docs/built-ins/steps">Steps</a></li><li class=""><a class="x:focus-visible:nextra-focus x:flex x:rounded x:px-2 x:py-1.5 x:text-sm x:transition-colors x:[word-break:break-word] x:cursor-pointer x:contrast-more:border x:text-gray-500 x:hover:bg-gray-100 x:hover:text-gray-900 x:dark:text-neutral-400 x:dark:hover:bg-primary-100/5 x:dark:hover:text-gray-50 x:contrast-more:text-gray-900 x:contrast-more:dark:text-gray-50 x:contrast-more:border-transparent x:contrast-more:hover:border-gray-900 x:contrast-more:dark:hover:border-gray-50" href="/docs/built-ins/table">Table</a></li><li class=""><a class="x:focus-visible:nextra-focus x:flex x:rounded x:px-2 x:py-1.5 x:text-sm x:transition-colors x:[word-break:break-word] x:cursor-pointer x:contrast-more:border x:text-gray-500 x:hover:bg-gray-100 x:hover:text-gray-900 x:dark:text-neutral-400 x:dark:hover:bg-primary-100/5 x:dark:hover:text-gray-50 x:contrast-more:text-gray-900 x:contrast-more:dark:text-gray-50 x:contrast-more:border-transparent x:contrast-more:hover:border-gray-900 x:contrast-more:dark:hover:border-gray-50" href="/docs/built-ins/tabs">Tabs</a></li></ul></div></li><li class="[word-break:break-word] x:not-first:mt-5 x:mb-2 x:px-2 x:py-1.5 x:text-sm x:font-semibold x:text-gray-900 x:dark:text-gray-100">Themes</li><li class=""><a class="x:focus-visible:nextra-focus x:items-center x:justify-between x:gap-2 x:flex x:rounded x:px-2 x:py-1.5 x:text-sm x:transition-colors x:[word-break:break-word] x:cursor-pointer x:contrast-more:border x:text-gray-500 x:hover:bg-gray-100 x:hover:text-gray-900 x:dark:text-neutral-400 x:dark:hover:bg-primary-100/5 x:dark:hover:text-gray-50 x:contrast-more:text-gray-900 x:contrast-more:dark:text-gray-50 x:contrast-more:border-transparent x:contrast-more:hover:border-gray-900 x:contrast-more:dark:hover:border-gray-50" href="/docs/docs-theme">Docs Theme<svg viewBox="0 0 24 24" stroke="currentColor" fill="none" stroke-width="2" height="18" class="x:shrink-0 x:rounded-sm x:p-0.5 x:hover:bg-gray-800/5 x:dark:hover:bg-gray-100/5 x:motion-reduce:*:transition-none x:*:origin-center x:*:transition-transform x:*:rtl:-rotate-180"><path d="M9 5l7 7-7 7" stroke-linecap="round" stroke-linejoin="round"></path></svg></a><div class="x:transform-gpu x:transition-all x:ease-in-out x:motion-reduce:transition-none x:opacity-0 x:overflow-hidden" style="height:0;transition-duration:300ms"><ul class="x:grid x:gap-1 x:relative x:before:absolute x:before:inset-y-1 x:before:w-px x:before:bg-gray-200 x:before:content-[""] x:dark:before:bg-neutral-800 x:ps-3 x:before:start-0 x:pt-1 x:ms-3"><li class=""><a class="x:focus-visible:nextra-focus x:flex x:rounded x:px-2 x:py-1.5 x:text-sm x:transition-colors x:[word-break:break-word] x:cursor-pointer x:contrast-more:border x:text-gray-500 x:hover:bg-gray-100 x:hover:text-gray-900 x:dark:text-neutral-400 x:dark:hover:bg-primary-100/5 x:dark:hover:text-gray-50 x:contrast-more:text-gray-900 x:contrast-more:dark:text-gray-50 x:contrast-more:border-transparent x:contrast-more:hover:border-gray-900 x:contrast-more:dark:hover:border-gray-50" href="/docs/docs-theme/start">Get Started</a></li><li class=""><a class="x:focus-visible:nextra-focus x:items-center x:justify-between x:gap-2 x:flex x:rounded x:px-2 x:py-1.5 x:text-sm x:transition-colors x:[word-break:break-word] x:cursor-pointer x:contrast-more:border x:text-gray-500 x:hover:bg-gray-100 x:hover:text-gray-900 x:dark:text-neutral-400 x:dark:hover:bg-primary-100/5 x:dark:hover:text-gray-50 x:contrast-more:text-gray-900 x:contrast-more:dark:text-gray-50 x:contrast-more:border-transparent x:contrast-more:hover:border-gray-900 x:contrast-more:dark:hover:border-gray-50" href="/docs/docs-theme/built-ins">Built-In Components<svg viewBox="0 0 24 24" stroke="currentColor" fill="none" stroke-width="2" height="18" class="x:shrink-0 x:rounded-sm x:p-0.5 x:hover:bg-gray-800/5 x:dark:hover:bg-gray-100/5 x:motion-reduce:*:transition-none x:*:origin-center x:*:transition-transform x:*:rtl:-rotate-180"><path d="M9 5l7 7-7 7" stroke-linecap="round" stroke-linejoin="round"></path></svg></a><div class="x:transform-gpu x:transition-all x:ease-in-out x:motion-reduce:transition-none x:opacity-0 x:overflow-hidden" style="height:0;transition-duration:300ms"><ul class="x:grid x:gap-1 x:relative x:before:absolute x:before:inset-y-1 x:before:w-px x:before:bg-gray-200 x:before:content-[""] x:dark:before:bg-neutral-800 x:ps-3 x:before:start-0 x:pt-1 x:ms-3"><li class=""><a class="x:focus-visible:nextra-focus x:flex x:rounded x:px-2 x:py-1.5 x:text-sm x:transition-colors x:[word-break:break-word] x:cursor-pointer x:contrast-more:border x:text-gray-500 x:hover:bg-gray-100 x:hover:text-gray-900 x:dark:text-neutral-400 x:dark:hover:bg-primary-100/5 x:dark:hover:text-gray-50 x:contrast-more:text-gray-900 x:contrast-more:dark:text-gray-50 x:contrast-more:border-transparent x:contrast-more:hover:border-gray-900 x:contrast-more:dark:hover:border-gray-50" href="/docs/docs-theme/built-ins/layout">Layout</a></li><li class=""><a class="x:focus-visible:nextra-focus x:flex x:rounded x:px-2 x:py-1.5 x:text-sm x:transition-colors x:[word-break:break-word] x:cursor-pointer x:contrast-more:border x:text-gray-500 x:hover:bg-gray-100 x:hover:text-gray-900 x:dark:text-neutral-400 x:dark:hover:bg-primary-100/5 x:dark:hover:text-gray-50 x:contrast-more:text-gray-900 x:contrast-more:dark:text-gray-50 x:contrast-more:border-transparent x:contrast-more:hover:border-gray-900 x:contrast-more:dark:hover:border-gray-50" href="/docs/docs-theme/built-ins/footer">Footer</a></li><li class=""><a class="x:focus-visible:nextra-focus x:flex x:rounded x:px-2 x:py-1.5 x:text-sm x:transition-colors x:[word-break:break-word] x:cursor-pointer x:contrast-more:border x:text-gray-500 x:hover:bg-gray-100 x:hover:text-gray-900 x:dark:text-neutral-400 x:dark:hover:bg-primary-100/5 x:dark:hover:text-gray-50 x:contrast-more:text-gray-900 x:contrast-more:dark:text-gray-50 x:contrast-more:border-transparent x:contrast-more:hover:border-gray-900 x:contrast-more:dark:hover:border-gray-50" href="/docs/docs-theme/built-ins/navbar">Navbar</a></li><li class=""><a class="x:focus-visible:nextra-focus x:flex x:rounded x:px-2 x:py-1.5 x:text-sm x:transition-colors x:[word-break:break-word] x:cursor-pointer x:contrast-more:border x:text-gray-500 x:hover:bg-gray-100 x:hover:text-gray-900 x:dark:text-neutral-400 x:dark:hover:bg-primary-100/5 x:dark:hover:text-gray-50 x:contrast-more:text-gray-900 x:contrast-more:dark:text-gray-50 x:contrast-more:border-transparent x:contrast-more:hover:border-gray-900 x:contrast-more:dark:hover:border-gray-50" href="/docs/docs-theme/built-ins/not-found">NotFoundPage</a></li></ul></div></li><li class=""><a class="x:focus-visible:nextra-focus x:flex x:rounded x:px-2 x:py-1.5 x:text-sm x:transition-colors x:[word-break:break-word] x:cursor-pointer x:contrast-more:border x:text-gray-500 x:hover:bg-gray-100 x:hover:text-gray-900 x:dark:text-neutral-400 x:dark:hover:bg-primary-100/5 x:dark:hover:text-gray-50 x:contrast-more:text-gray-900 x:contrast-more:dark:text-gray-50 x:contrast-more:border-transparent x:contrast-more:hover:border-gray-900 x:contrast-more:dark:hover:border-gray-50" href="/docs/docs-theme/api">API</a></li></ul></div></li><li class=""><a class="x:focus-visible:nextra-focus x:items-center x:justify-between x:gap-2 x:flex x:rounded x:px-2 x:py-1.5 x:text-sm x:transition-colors x:[word-break:break-word] x:cursor-pointer x:contrast-more:border x:text-gray-500 x:hover:bg-gray-100 x:hover:text-gray-900 x:dark:text-neutral-400 x:dark:hover:bg-primary-100/5 x:dark:hover:text-gray-50 x:contrast-more:text-gray-900 x:contrast-more:dark:text-gray-50 x:contrast-more:border-transparent x:contrast-more:hover:border-gray-900 x:contrast-more:dark:hover:border-gray-50" href="/docs/blog-theme">Blog Theme<svg viewBox="0 0 24 24" stroke="currentColor" fill="none" stroke-width="2" height="18" class="x:shrink-0 x:rounded-sm x:p-0.5 x:hover:bg-gray-800/5 x:dark:hover:bg-gray-100/5 x:motion-reduce:*:transition-none x:*:origin-center x:*:transition-transform x:*:rtl:-rotate-180"><path d="M9 5l7 7-7 7" stroke-linecap="round" stroke-linejoin="round"></path></svg></a><div class="x:transform-gpu x:transition-all x:ease-in-out x:motion-reduce:transition-none x:opacity-0 x:overflow-hidden" style="height:0;transition-duration:300ms"><ul class="x:grid x:gap-1 x:relative x:before:absolute x:before:inset-y-1 x:before:w-px x:before:bg-gray-200 x:before:content-[""] x:dark:before:bg-neutral-800 x:ps-3 x:before:start-0 x:pt-1 x:ms-3"><li class=""><a class="x:focus-visible:nextra-focus x:flex x:rounded x:px-2 x:py-1.5 x:text-sm x:transition-colors x:[word-break:break-word] x:cursor-pointer x:contrast-more:border x:text-gray-500 x:hover:bg-gray-100 x:hover:text-gray-900 x:dark:text-neutral-400 x:dark:hover:bg-primary-100/5 x:dark:hover:text-gray-50 x:contrast-more:text-gray-900 x:contrast-more:dark:text-gray-50 x:contrast-more:border-transparent x:contrast-more:hover:border-gray-900 x:contrast-more:dark:hover:border-gray-50" href="/docs/blog-theme/start">Get Started</a></li><li class=""><a class="x:focus-visible:nextra-focus x:flex x:rounded x:px-2 x:py-1.5 x:text-sm x:transition-colors x:[word-break:break-word] x:cursor-pointer x:contrast-more:border x:text-gray-500 x:hover:bg-gray-100 x:hover:text-gray-900 x:dark:text-neutral-400 x:dark:hover:bg-primary-100/5 x:dark:hover:text-gray-50 x:contrast-more:text-gray-900 x:contrast-more:dark:text-gray-50 x:contrast-more:border-transparent x:contrast-more:hover:border-gray-900 x:contrast-more:dark:hover:border-gray-50" href="/docs/blog-theme/get-posts-and-tags">Get Posts and Their Tags</a></li><li class=""><a class="x:focus-visible:nextra-focus x:flex x:rounded x:px-2 x:py-1.5 x:text-sm x:transition-colors x:[word-break:break-word] x:cursor-pointer x:contrast-more:border x:text-gray-500 x:hover:bg-gray-100 x:hover:text-gray-900 x:dark:text-neutral-400 x:dark:hover:bg-primary-100/5 x:dark:hover:text-gray-50 x:contrast-more:text-gray-900 x:contrast-more:dark:text-gray-50 x:contrast-more:border-transparent x:contrast-more:hover:border-gray-900 x:contrast-more:dark:hover:border-gray-50" href="/docs/blog-theme/posts"><code class="nextra-code" dir="ltr">/posts</code> Page</a></li><li class=""><a class="x:focus-visible:nextra-focus x:flex x:rounded x:px-2 x:py-1.5 x:text-sm x:transition-colors x:[word-break:break-word] x:cursor-pointer x:contrast-more:border x:text-gray-500 x:hover:bg-gray-100 x:hover:text-gray-900 x:dark:text-neutral-400 x:dark:hover:bg-primary-100/5 x:dark:hover:text-gray-50 x:contrast-more:text-gray-900 x:contrast-more:dark:text-gray-50 x:contrast-more:border-transparent x:contrast-more:hover:border-gray-900 x:contrast-more:dark:hover:border-gray-50" href="/docs/blog-theme/tags"><code class="nextra-code" dir="ltr">/tags/:id</code> Page</a></li><li class=""><a class="x:focus-visible:nextra-focus x:flex x:rounded x:px-2 x:py-1.5 x:text-sm x:transition-colors x:[word-break:break-word] x:cursor-pointer x:contrast-more:border x:text-gray-500 x:hover:bg-gray-100 x:hover:text-gray-900 x:dark:text-neutral-400 x:dark:hover:bg-primary-100/5 x:dark:hover:text-gray-50 x:contrast-more:text-gray-900 x:contrast-more:dark:text-gray-50 x:contrast-more:border-transparent x:contrast-more:hover:border-gray-900 x:contrast-more:dark:hover:border-gray-50" href="/docs/blog-theme/rss"><code class="nextra-code" dir="ltr">/rss.xml</code> Route</a></li></ul></div></li><li class=""><a class="x:focus-visible:nextra-focus x:flex x:rounded x:px-2 x:py-1.5 x:text-sm x:transition-colors x:[word-break:break-word] x:cursor-pointer x:contrast-more:border x:text-gray-500 x:hover:bg-gray-100 x:hover:text-gray-900 x:dark:text-neutral-400 x:dark:hover:bg-primary-100/5 x:dark:hover:text-gray-50 x:contrast-more:text-gray-900 x:contrast-more:dark:text-gray-50 x:contrast-more:border-transparent x:contrast-more:hover:border-gray-900 x:contrast-more:dark:hover:border-gray-50" href="/docs/custom-theme">Custom Theme</a></li><li class="[word-break:break-word] x:not-first:mt-5 x:mb-2 x:px-2 x:py-1.5 x:text-sm x:font-semibold x:text-gray-900 x:dark:text-gray-100">More</li><li class=""><a class="x:focus-visible:nextra-focus x:flex x:rounded x:px-2 x:py-1.5 x:text-sm x:transition-colors x:[word-break:break-word] x:cursor-pointer x:contrast-more:border x:text-gray-500 x:hover:bg-gray-100 x:hover:text-gray-900 x:dark:text-neutral-400 x:dark:hover:bg-primary-100/5 x:dark:hover:text-gray-50 x:contrast-more:text-gray-900 x:contrast-more:dark:text-gray-50 x:contrast-more:border-transparent x:contrast-more:hover:border-gray-900 x:contrast-more:dark:hover:border-gray-50" href="/about">About Nextra</a></li><li class=""><a href="https://nextjs.org?utm_source=nextra.site&utm_medium=referral&utm_campaign=sidebar" target="_blank" rel="noreferrer" class="x:focus-visible:nextra-focus x:flex x:rounded x:px-2 x:py-1.5 x:text-sm x:transition-colors x:[word-break:break-word] x:cursor-pointer x:contrast-more:border x:text-gray-500 x:hover:bg-gray-100 x:hover:text-gray-900 x:dark:text-neutral-400 x:dark:hover:bg-primary-100/5 x:dark:hover:text-gray-50 x:contrast-more:text-gray-900 x:contrast-more:dark:text-gray-50 x:contrast-more:border-transparent x:contrast-more:hover:border-gray-900 x:contrast-more:dark:hover:border-gray-50">Next.js Docs<!-- --> <svg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.7" viewBox="0 0 24 24" height="1em" class="x:inline x:align-baseline x:shrink-0"><path d="M7 17L17 7"></path><path d="M7 7h10v10"></path></svg></a></li><li class=""><a href="https://the-guild.dev/blog/nextra-4?utm_source=nextra.site&utm_campaign=sidebar&utm_content=sidebar_link#nextra-theme-docs-changes" target="_blank" rel="noreferrer" class="x:focus-visible:nextra-focus x:flex x:rounded x:px-2 x:py-1.5 x:text-sm x:transition-colors x:[word-break:break-word] x:cursor-pointer x:contrast-more:border x:text-gray-500 x:hover:bg-gray-100 x:hover:text-gray-900 x:dark:text-neutral-400 x:dark:hover:bg-primary-100/5 x:dark:hover:text-gray-50 x:contrast-more:text-gray-900 x:contrast-more:dark:text-gray-50 x:contrast-more:border-transparent x:contrast-more:hover:border-gray-900 x:contrast-more:dark:hover:border-gray-50">Migration from Nextra v3<!-- --> <svg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.7" viewBox="0 0 24 24" height="1em" class="x:inline x:align-baseline x:shrink-0"><path d="M7 17L17 7"></path><path d="M7 7h10v10"></path></svg></a></li></ul></div></li><li class=""><button class="x:transition x:cursor-pointer x:items-center x:justify-between x:gap-2 x:text-start x:w-full x:flex x:rounded x:px-2 x:py-1.5 x:text-sm x:transition-colors x:[word-break:break-word] x:cursor-pointer x:contrast-more:border x:text-gray-500 x:hover:bg-gray-100 x:hover:text-gray-900 x:dark:text-neutral-400 x:dark:hover:bg-primary-100/5 x:dark:hover:text-gray-50 x:contrast-more:text-gray-900 x:contrast-more:dark:text-gray-50 x:contrast-more:border-transparent x:contrast-more:hover:border-gray-900 x:contrast-more:dark:hover:border-gray-50" type="button" data-headlessui-state="">Versions<svg viewBox="0 0 24 24" stroke="currentColor" fill="none" stroke-width="2" height="18" class="x:shrink-0 x:rounded-sm x:p-0.5 x:hover:bg-gray-800/5 x:dark:hover:bg-gray-100/5 x:motion-reduce:*:transition-none x:*:origin-center x:*:transition-transform x:*:rtl:-rotate-180"><path d="M9 5l7 7-7 7" stroke-linecap="round" stroke-linejoin="round"></path></svg></button><div class="x:transform-gpu x:transition-all x:ease-in-out x:motion-reduce:transition-none x:opacity-0 x:overflow-hidden" style="height:0;transition-duration:300ms"><ul class="x:grid x:gap-1 x:relative x:before:absolute x:before:inset-y-1 x:before:w-px x:before:bg-gray-200 x:before:content-[""] x:dark:before:bg-neutral-800 x:ps-3 x:before:start-0 x:pt-1 x:ms-3"><li class=""><a href="https://nextra-v2-7hslbun8z-shud.vercel.app" target="_blank" rel="noreferrer" class="x:focus-visible:nextra-focus x:flex x:rounded x:px-2 x:py-1.5 x:text-sm x:transition-colors x:[word-break:break-word] x:cursor-pointer x:contrast-more:border x:text-gray-500 x:hover:bg-gray-100 x:hover:text-gray-900 x:dark:text-neutral-400 x:dark:hover:bg-primary-100/5 x:dark:hover:text-gray-50 x:contrast-more:text-gray-900 x:contrast-more:dark:text-gray-50 x:contrast-more:border-transparent x:contrast-more:hover:border-gray-900 x:contrast-more:dark:hover:border-gray-50">Nextra v3 Docs<!-- --> <svg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.7" viewBox="0 0 24 24" height="1em" class="x:inline x:align-baseline x:shrink-0"><path d="M7 17L17 7"></path><path d="M7 7h10v10"></path></svg></a></li><li class=""><a href="https://nextra-v2-oe0zrpzjp-shud.vercel.app" target="_blank" rel="noreferrer" class="x:focus-visible:nextra-focus x:flex x:rounded x:px-2 x:py-1.5 x:text-sm x:transition-colors x:[word-break:break-word] x:cursor-pointer x:contrast-more:border x:text-gray-500 x:hover:bg-gray-100 x:hover:text-gray-900 x:dark:text-neutral-400 x:dark:hover:bg-primary-100/5 x:dark:hover:text-gray-50 x:contrast-more:text-gray-900 x:contrast-more:dark:text-gray-50 x:contrast-more:border-transparent x:contrast-more:hover:border-gray-900 x:contrast-more:dark:hover:border-gray-50">Nextra v2 Docs<!-- --> <svg fill="none" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.7" viewBox="0 0 24 24" height="1em" class="x:inline x:align-baseline x:shrink-0"><path d="M7 17L17 7"></path><path d="M7 7h10v10"></path></svg></a></li></ul></div></li><li class=""><a class="x:focus-visible:nextra-focus x:flex x:rounded x:px-2 x:py-1.5 x:text-sm x:transition-colors x:[word-break:break-word] x:cursor-pointer x:contrast-more:border x:text-gray-500 x:hover:bg-gray-100 x:hover:text-gray-900 x:dark:text-neutral-400 x:dark:hover:bg-primary-100/5 x:dark:hover:text-gray-50 x:contrast-more:text-gray-900 x:contrast-more:dark:text-gray-50 x:contrast-more:border-transparent x:contrast-more:hover:border-gray-900 x:contrast-more:dark:hover:border-gray-50" href="/blog">Blog</a></li><li class=""><a class="x:focus-visible:nextra-focus x:flex x:rounded x:px-2 x:py-1.5 x:text-sm x:transition-colors x:[word-break:break-word] x:cursor-pointer x:contrast-more:border x:text-gray-500 x:hover:bg-gray-100 x:hover:text-gray-900 x:dark:text-neutral-400 x:dark:hover:bg-primary-100/5 x:dark:hover:text-gray-50 x:contrast-more:text-gray-900 x:contrast-more:dark:text-gray-50 x:contrast-more:border-transparent x:contrast-more:hover:border-gray-900 x:contrast-more:dark:hover:border-gray-50" href="/about">About</a></li><li class=""><a class="x:focus-visible:nextra-focus x:flex x:rounded x:px-2 x:py-1.5 x:text-sm x:transition-colors x:[word-break:break-word] x:cursor-pointer x:contrast-more:border x:text-gray-500 x:hover:bg-gray-100 x:hover:text-gray-900 x:dark:text-neutral-400 x:dark:hover:bg-primary-100/5 x:dark:hover:text-gray-50 x:contrast-more:text-gray-900 x:contrast-more:dark:text-gray-50 x:contrast-more:border-transparent x:contrast-more:hover:border-gray-900 x:contrast-more:dark:hover:border-gray-50" href="/showcase">Showcase</a></li><li class="active"><a class="x:focus-visible:nextra-focus x:flex x:rounded x:px-2 x:py-1.5 x:text-sm x:transition-colors x:[word-break:break-word] x:cursor-pointer x:contrast-more:border x:bg-primary-100 x:font-semibold x:text-primary-800 x:dark:bg-primary-400/10 x:dark:text-primary-600 x:contrast-more:border-primary-500!" href="/sponsors">Sponsors</a></li></ul><div class="nextra-sidebar-footer x:border-t nextra-border x:flex x:items-center x:gap-2 x:py-4 x:mx-4 x:mt-auto"><button title="Change theme" class="x:cursor-pointer x:h-7 x:rounded-md x:px-2 x:text-xs x:font-medium x:transition-colors x:text-gray-600 x:dark:text-gray-400 x:flex x:items-center x:gap-2 x:grow" id="headlessui-listbox-button-:Rrerlb:" type="button" aria-haspopup="listbox" aria-expanded="false" data-headlessui-state=""><svg fill="currentColor" viewBox="2 2 20 20" stroke="currentColor" height="12"><path stroke-linecap="round" stroke-width="2" d="M12 3v1m0 16v1m9-9h-1M4 12H3m15.364 6.364l-.707-.707M6.343 6.343l-.707-.707m12.728 0l-.707.707M6.343 17.657l-.707.707M16 12a4 4 0 11-8 0 4 4 0 018 0z"></path></svg>Light</button></div></aside><div class="x:mx-auto x:flex x:max-w-(--nextra-content-width)"><aside id=":R2vfblb:" class="nextra-sidebar x:print:hidden x:transition-all x:ease-in-out x:max-md:hidden x:flex x:flex-col x:h-[calc(100dvh-var(--nextra-menu-height))] x:top-(--nextra-navbar-height) x:shrink-0 x:w-64 x:hidden"><div class="x:p-4 x:overflow-y-auto nextra-scrollbar nextra-mask x:grow"></div><div class="x:sticky x:bottom-0 x:bg-nextra-bg nextra-sidebar-footer x:border-t nextra-border x:flex x:items-center x:gap-2 x:py-4 x:mx-4"><button title="Change theme" class="x:cursor-pointer x:h-7 x:rounded-md x:px-2 x:text-xs x:font-medium x:transition-colors x:text-gray-600 x:dark:text-gray-400 x:flex x:items-center x:gap-2 x:grow" id="headlessui-listbox-button-:Rrlavfblb:" type="button" aria-haspopup="listbox" aria-expanded="false" data-headlessui-state=""><svg fill="currentColor" viewBox="2 2 20 20" stroke="currentColor" height="12"><path stroke-linecap="round" stroke-width="2" d="M12 3v1m0 16v1m9-9h-1M4 12H3m15.364 6.364l-.707-.707M6.343 6.343l-.707-.707m12.728 0l-.707.707M6.343 17.657l-.707.707M16 12a4 4 0 11-8 0 4 4 0 018 0z"></path></svg>Light</button><button class="x:transition x:cursor-pointer x:rounded-md x:p-2 x:text-gray-600 x:dark:text-gray-400" aria-expanded="true" aria-controls=":R2vfblb:" title="Collapse sidebar" type="button" data-headlessui-state=""><svg viewBox="0 0 16 16" fill="currentColor" height="12" class=""><path d="M4.177 7.823l2.396-2.396A.25.25 0 017 5.604v4.792a.25.25 0 01-.427.177L4.177 8.177a.25.25 0 010-.354z"></path><path fill-rule="evenodd" d="M0 1.75C0 .784.784 0 1.75 0h12.5C15.216 0 16 .784 16 1.75v12.5A1.75 1.75 0 0114.25 16H1.75A1.75 1.75 0 010 14.25V1.75zm1.75-.25a.25.25 0 00-.25.25v12.5c0 .138.112.25.25.25H9.5v-13H1.75zm12.5 13H11v-13h3.25a.25.25 0 01.25.25v12.5a.25.25 0 01-.25.25z"></path></svg></button></div></aside><article class="x:w-full x:min-w-0 x:break-words x:min-h-[calc(100vh-var(--nextra-navbar-height))] x:text-slate-700 x:dark:text-slate-200 x:pb-8 x:px-4 x:pt-4 x:md:px-12 nextra-body-typesetting-article"><div id="nextra-skip-nav"></div><main data-pagefind-body="true"><h1 class="x:tracking-tight x:text-slate-900 x:dark:text-slate-100 x:font-bold x:mt-2 x:text-4xl">Sponsors</h1> <div class="mb-12 text-center"><a class="x:transition x:cursor-pointer x:border x:border-gray-300 x:dark:border-neutral-700 x:contrast-more:border-gray-900 x:contrast-more:dark:border-gray-50 x:rounded-md x:p-1.5 mt-3 inline-block !px-6 hover:!no-underline" href="https://github.com/sponsors/dimaMachina" target="_blank" rel="noreferrer" type="button" data-headlessui-state="">Become a Sponsor</a></div> <!-- --> <div class="nextra-cards x:mt-4 x:gap-4 x:grid not-prose" style="--rows:3"><a class="x:group x:focus-visible:nextra-focus nextra-card x:flex x:flex-col x:justify-start x:overflow-hidden x:rounded-lg x:border x:border-gray-200 x:text-current x:no-underline x:dark:shadow-none x:hover:shadow-gray-100 x:dark:hover:shadow-none x:shadow-gray-100 x:active:shadow-sm x:active:shadow-gray-200 x:transition-all x:duration-200 x:hover:border-gray-300 x:bg-gray-100 x:shadow x:dark:border-neutral-700 x:dark:bg-neutral-800 x:dark:text-gray-50 x:hover:shadow-lg x:dark:hover:border-neutral-500 x:dark:hover:bg-neutral-700 !no-underline" target="_blank" rel="noreferrer" href="https://the-guild.dev/graphql/hive?utm_source=nextra.site&utm_campaign=nextra&utm_content=logolink"><img alt="GraphQL Hive preview" data-pagefind-index-attrs="title,alt" loading="lazy" width="2304" height="1158" decoding="async" data-nimg="1" class="[aspect-ratio:12/6.3] object-cover" style="color:transparent;background-size:cover;background-position:50% 50%;background-repeat:no-repeat;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 160'%3E%3Cfilter id='b' color-interpolation-filters='sRGB'%3E%3CfeGaussianBlur stdDeviation='20'/%3E%3CfeColorMatrix values='1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 100 -1' result='s'/%3E%3CfeFlood x='0' y='0' width='100%25' height='100%25'/%3E%3CfeComposite operator='out' in='s'/%3E%3CfeComposite in2='SourceGraphic'/%3E%3CfeGaussianBlur stdDeviation='20'/%3E%3C/filter%3E%3Cimage width='100%25' height='100%25' x='0' y='0' preserveAspectRatio='none' style='filter: url(%23b);' href='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAECAMAAACEE47CAAAAElBMVEUBMysiUk0MPjYWR0E4ZF8uWlVOBB+6AAAAAnRSTlP+/qap3hAAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAjSURBVHicFcbBEQAwDMIwY8j+K/eql6A2FarZ/eltOwCb5QEFMQBK9hLnPwAAAABJRU5ErkJggg=='/%3E%3C/svg%3E")" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fgraphql-hive.69a9c823.png&w=3840&q=75 1x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fgraphql-hive.69a9c823.png&w=3840&q=75"/><span class="x:flex x:font-semibold x:items-center x:gap-2 x:p-4 x:text-gray-700 x:hover:text-gray-900 x:after:content-["→"] x:after:transition-transform x:after:duration-75 x:group-hover:after:translate-x-0.5 x:group-focus:after:translate-x-0.5 x:dark:text-gray-300 x:dark:hover:text-gray-100" title="GraphQL Hive"><span class="_truncate">GraphQL Hive</span></span></a><a class="x:group x:focus-visible:nextra-focus nextra-card x:flex x:flex-col x:justify-start x:overflow-hidden x:rounded-lg x:border x:border-gray-200 x:text-current x:no-underline x:dark:shadow-none x:hover:shadow-gray-100 x:dark:hover:shadow-none x:shadow-gray-100 x:active:shadow-sm x:active:shadow-gray-200 x:transition-all x:duration-200 x:hover:border-gray-300 x:bg-gray-100 x:shadow x:dark:border-neutral-700 x:dark:bg-neutral-800 x:dark:text-gray-50 x:hover:shadow-lg x:dark:hover:border-neutral-500 x:dark:hover:bg-neutral-700 !no-underline" target="_blank" rel="noreferrer" href="https://speakeasyapi.dev/docs?utm_source=nextra.site&utm_campaign=nextra&utm_content=logolink"><img alt="Speakeasy preview" data-pagefind-index-attrs="title,alt" loading="lazy" width="2400" height="1261" decoding="async" data-nimg="1" class="[aspect-ratio:12/6.3] object-cover" style="color:transparent;background-size:cover;background-position:50% 50%;background-repeat:no-repeat;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 160'%3E%3Cfilter id='b' color-interpolation-filters='sRGB'%3E%3CfeGaussianBlur stdDeviation='20'/%3E%3CfeColorMatrix values='1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 100 -1' result='s'/%3E%3CfeFlood x='0' y='0' width='100%25' height='100%25'/%3E%3CfeComposite operator='out' in='s'/%3E%3CfeComposite in2='SourceGraphic'/%3E%3CfeGaussianBlur stdDeviation='20'/%3E%3C/filter%3E%3Cimage width='100%25' height='100%25' x='0' y='0' preserveAspectRatio='none' style='filter: url(%23b);' href='data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAECAMAAACEE47CAAAAGFBMVEXz3C/OuijWwireySzn0S3hyyynlyGFeBoHBcsXAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIElEQVR4nGNgYWaAADZ2RhBgZWBhZGZiYmZigYozMAAABEcANIgPJ7UAAAAASUVORK5CYII='/%3E%3C/svg%3E")" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fspeakeasy.ceaece44.png&w=3840&q=75 1x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fspeakeasy.ceaece44.png&w=3840&q=75"/><span class="x:flex x:font-semibold x:items-center x:gap-2 x:p-4 x:text-gray-700 x:hover:text-gray-900 x:after:content-["→"] x:after:transition-transform x:after:duration-75 x:group-hover:after:translate-x-0.5 x:group-focus:after:translate-x-0.5 x:dark:text-gray-300 x:dark:hover:text-gray-100" title="Speakeasy"><span class="_truncate">Speakeasy</span></span></a><a class="x:group x:focus-visible:nextra-focus nextra-card x:flex x:flex-col x:justify-start x:overflow-hidden x:rounded-lg x:border x:border-gray-200 x:text-current x:no-underline x:dark:shadow-none x:hover:shadow-gray-100 x:dark:hover:shadow-none x:shadow-gray-100 x:active:shadow-sm x:active:shadow-gray-200 x:transition-all x:duration-200 x:hover:border-gray-300 x:bg-gray-100 x:shadow x:dark:border-neutral-700 x:dark:bg-neutral-800 x:dark:text-gray-50 x:hover:shadow-lg x:dark:hover:border-neutral-500 x:dark:hover:bg-neutral-700 !no-underline" target="_blank" rel="noreferrer" href="https://xyflow.com?utm_source=nextra.site&utm_campaign=nextra&utm_content=logolink"><img alt="xyflow preview" data-pagefind-index-attrs="title,alt" loading="lazy" width="1200" height="640" decoding="async" data-nimg="1" class="[aspect-ratio:12/6.3] object-cover" style="color:transparent;background-size:cover;background-position:50% 50%;background-repeat:no-repeat;background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 160'%3E%3Cfilter id='b' color-interpolation-filters='sRGB'%3E%3CfeGaussianBlur stdDeviation='20'/%3E%3CfeColorMatrix values='1 0 0 0 0 0 1 0 0 0 0 0 1 0 0 0 0 0 100 -1' result='s'/%3E%3CfeFlood x='0' y='0' width='100%25' height='100%25'/%3E%3CfeComposite operator='out' in='s'/%3E%3CfeComposite in2='SourceGraphic'/%3E%3CfeGaussianBlur stdDeviation='20'/%3E%3C/filter%3E%3Cimage width='100%25' height='100%25' x='0' y='0' preserveAspectRatio='none' style='filter: url(%23b);' href='data:image/jpeg;base64,/9j/2wBDAAoKCgoKCgsMDAsPEA4QDxYUExMUFiIYGhgaGCIzICUgICUgMy03LCksNy1RQDg4QFFeT0pPXnFlZXGPiI+7u/v/2wBDAQoKCgoKCgsMDAsPEA4QDxYUExMUFiIYGhgaGCIzICUgICUgMy03LCksNy1RQDg4QFFeT0pPXnFlZXGPiI+7u/v/wgARCAAEAAgDASIAAhEBAxEB/8QAFQABAQAAAAAAAAAAAAAAAAAAAAf/xAAVAQEBAAAAAAAAAAAAAAAAAAABAv/aAAwDAQACEAMQAAAArop//8QAGRAAAgMBAAAAAAAAAAAAAAAAAQIAAyEx/9oACAEBAAE/ABQotZgz9wE5P//EABYRAAMAAAAAAAAAAAAAAAAAAAABQf/aAAgBAgEBPwBw/8QAFREBAQAAAAAAAAAAAAAAAAAAAFH/2gAIAQMBAT8Aj//Z'/%3E%3C/svg%3E")" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fxyflow.1a087ad6.jpg&w=1200&q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fxyflow.1a087ad6.jpg&w=3840&q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fxyflow.1a087ad6.jpg&w=3840&q=75"/><span class="x:flex x:font-semibold x:items-center x:gap-2 x:p-4 x:text-gray-700 x:hover:text-gray-900 x:after:content-["→"] x:after:transition-transform x:after:duration-75 x:group-hover:after:translate-x-0.5 x:group-focus:after:translate-x-0.5 x:dark:text-gray-300 x:dark:hover:text-gray-100" title="xyflow"><span class="_truncate">xyflow</span></span></a></div></main><div class="x:mt-16"></div></article></div><div class="x:bg-gray-100 x:pb-[env(safe-area-inset-bottom)] x:dark:bg-neutral-900 x:print:bg-transparent"><div class="x:mx-auto x:flex x:max-w-(--nextra-content-width) x:gap-2 x:py-2 x:px-4"><button title="Change theme" class="x:cursor-pointer x:h-7 x:rounded-md x:px-2 x:text-xs x:font-medium x:transition-colors x:text-gray-600 x:dark:text-gray-400 x:flex x:items-center x:gap-2" id="headlessui-listbox-button-:R6svlb:" type="button" aria-haspopup="listbox" aria-expanded="false" data-headlessui-state=""><svg fill="currentColor" viewBox="2 2 20 20" stroke="currentColor" height="12"><path stroke-linecap="round" stroke-width="2" d="M12 3v1m0 16v1m9-9h-1M4 12H3m15.364 6.364l-.707-.707M6.343 6.343l-.707-.707m12.728 0l-.707.707M6.343 17.657l-.707.707M16 12a4 4 0 11-8 0 4 4 0 018 0z"></path></svg>Light</button></div><hr class="nextra-border"/><footer class="x:mx-auto x:flex x:max-w-(--nextra-content-width) x:justify-center x:py-12 x:text-gray-600 x:dark:text-gray-400 x:md:justify-start x:pl-[max(env(safe-area-inset-left),1.5rem)] x:pr-[max(env(safe-area-inset-right),1.5rem)] flex-col items-center md:items-start"><a class="x:focus-visible:nextra-focus flex items-center gap-1" target="_blank" rel="noreferrer" title="vercel.com homepage" href="https://vercel.com?utm_source=nextra.site">Powered by<svg xmlns="http://www.w3.org/2000/svg" fill="currentColor" viewBox="0 0 283 64" height="20"><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.99m-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.5zM248.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.99m-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.5zM200.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 10m82.48-29v46h-9V5zM36.95 0 73.9 64H0zm92.38 5-27.71 48L73.91 5H84.3l17.32 30 17.32-30zm58.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.2"></path></svg></a><p class="mt-6 text-xs">© <!-- -->2025<!-- --> The Nextra Project.</p></footer></div><script src="/_next/static/chunks/webpack-726e110d5143bd83.js" async=""></script><script>(self.__next_f=self.__next_f||[]).push([0])</script><script>self.__next_f.push([1,"1:\"$Sreact.fragment\"\n3:I[57846,[],\"\"]\n4:I[72316,[],\"\"]\n5:I[98824,[\"6646\",\"static/chunks/d314db54-cd1d3dd8772def2b.js\",\"1069\",\"static/chunks/1069-448e2840a9e91c1a.js\",\"1361\",\"static/chunks/1361-edc4decfb0f25492.js\",\"2693\",\"static/chunks/2693-5bea67ee96cb9760.js\",\"8101\",\"static/chunks/8101-9ac0c4ba3263e667.js\",\"716\",\"static/chunks/app/sponsors/page-ff20b123cdc75813.js\"],\"Sidebar\"]\n6:I[19583,[\"6646\",\"static/chunks/d314db54-cd1d3dd8772def2b.js\",\"1069\",\"static/chunks/1069-448e2840a9e91c1a.js\",\"1361\",\"static/chunks/1361-edc4decfb0f25492.js\",\"2693\",\"static/chunks/2693-5bea67ee96cb9760.js\",\"8101\",\"static/chunks/8101-9ac0c4ba3263e667.js\",\"716\",\"static/chunks/app/sponsors/page-ff20b123cdc75813.js\"],\"ClientWrapper\"]\n7:I[64934,[\"6646\",\"static/chunks/d314db54-cd1d3dd8772def2b.js\",\"1069\",\"static/chunks/1069-448e2840a9e91c1a.js\",\"1361\",\"static/chunks/1361-edc4decfb0f25492.js\",\"2693\",\"static/chunks/2693-5bea67ee96cb9760.js\",\"8101\",\"static/chunks/8101-9ac0c4ba3263e667.js\",\"716\",\"static/chunks/app/sponsors/page-ff20b123cdc75813.js\"],\"Button\"]\n8:I[33339,[\"6646\",\"static/chunks/d314db54-cd1d3dd8772def2b.js\",\"1069\",\"static/chunks/1069-448e2840a9e91c1a.js\",\"1361\",\"static/chunks/1361-edc4decfb0f25492.js\",\"2693\",\"static/chunks/2693-5bea67ee96cb9760.js\",\"8101\",\"static/chunks/8101-9ac0c4ba3263e667.js\",\"716\",\"static/chunks/app/sponsors/page-ff20b123cdc75813.js\"],\"\"]\n9:I[80316,[\"6646\",\"static/chunks/d314db54-cd1d3dd8772def2b.js\",\"1069\",\"static/chunks/1069-448e2840a9e91c1a.js\",\"1361\",\"static/chunks/1361-edc4decfb0f25492.js\",\"2693\",\"static/chunks/2693-5bea67ee96cb9760.js\",\"8101\",\"static/chunks/8101-9ac0c4ba3263e667.js\",\"716\",\"static/chunks/app/sponsors/page-ff20b123cdc75813.js\"],\"Image\"]\na:I[92055,[],\"OutletBoundary\"]\nc:I[92055,[],\"MetadataBoundary\"]\ne:I[92055,[],\"ViewportBoundary\"]\n10:I[50049,[],\"\"]\n:HL[\"/_next/static/css/d6edc982f2f29506.css\",\"style\"]\n:HL[\"/_next/static/css/07afa2a3631d78c7.css\",\"style\"]\n"])</script><script>self.__next_f.push([1,"0:{\"P\":null,\"b\":\"KL34XqSTBshgEqZIehONi\",\"p\":\"\",\"c\":[\"\",\"sponsors\"],\"i\":false,\"f\":[[[\"\",{\"children\":[\"sponsors\",{\"children\":[\"__PAGE__\",{}]}]},\"$undefined\",\"$undefined\",true],[\"\",[\"$\",\"$1\",\"c\",{\"children\":[[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/d6edc982f2f29506.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}],[\"$\",\"link\",\"1\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/07afa2a3631d78c7.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}]],\"$L2\"]}],{\"children\":[\"sponsors\",[\"$\",\"$1\",\"c\",{\"children\":[null,[\"$\",\"$L3\",null,{\"parallelRouterKey\":\"children\",\"segmentPath\":[\"children\",\"sponsors\",\"children\"],\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L4\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]]}],{\"children\":[\"__PAGE__\",[\"$\",\"$1\",\"c\",{\"children\":[[\"$\",\"div\",null,{\"className\":\"x:mx-auto x:flex x:max-w-(--nextra-content-width)\",\"children\":[[\"$\",\"$L5\",null,{\"toc\":[]}],[\"$\",\"$L6\",null,{\"toc\":\"$0:f:0:1:2:children:2:children:1:props:children:0:props:children:0:props:toc\",\"metadata\":{\"description\":\"Support Nextra by exploring its sponsors. Learn how they contribute to the development and success of the Nextra framework\",\"title\":\"Sponsors\",\"filePath\":\"app/sponsors/page.mdx\",\"timestamp\":1739175025000,\"openGraph\":{\"images\":\"https://nextra.site/og?title=Sponsors\"}},\"bottomContent\":\"$undefined\",\"children\":[[\"$\",\"div\",null,{\"id\":\"nextra-skip-nav\"}],[\"$\",\"main\",null,{\"data-pagefind-body\":true,\"children\":[[\"$\",\"h1\",null,{\"id\":\"$undefined\",\"className\":\"x:tracking-tight x:text-slate-900 x:dark:text-slate-100 x:font-bold x:mt-2 x:text-4xl\",\"children\":[\"Sponsors\",\"$undefined\"]}],\"\\n\",[\"$\",\"div\",null,{\"className\":\"mb-12 text-center\",\"children\":[\"$\",\"$L7\",null,{\"className\":\"mt-3 inline-block !px-6 hover:!no-underline\",\"variant\":\"outline\",\"href\":\"https://github.com/sponsors/dimaMachina\",\"as\":\"a\",\"target\":\"_blank\",\"rel\":\"noreferrer\",\"children\":\"Become a Sponsor\"}]}],\"\\n\",\"\\n\",[\"$\",\"div\",null,{\"className\":\"nextra-cards x:mt-4 x:gap-4 x:grid not-prose\",\"style\":{\"--rows\":3},\"children\":[[\"$\",\"$L8\",null,{\"href\":\"https://the-guild.dev/graphql/hive?utm_source=nextra.site\u0026utm_campaign=nextra\u0026utm_content=logolink\",\"className\":\"x:group x:focus-visible:nextra-focus nextra-card x:flex x:flex-col x:justify-start x:overflow-hidden x:rounded-lg x:border x:border-gray-200 x:text-current x:no-underline x:dark:shadow-none x:hover:shadow-gray-100 x:dark:hover:shadow-none x:shadow-gray-100 x:active:shadow-sm x:active:shadow-gray-200 x:transition-all x:duration-200 x:hover:border-gray-300 x:bg-gray-100 x:shadow x:dark:border-neutral-700 x:dark:bg-neutral-800 x:dark:text-gray-50 x:hover:shadow-lg x:dark:hover:border-neutral-500 x:dark:hover:bg-neutral-700 !no-underline\",\"target\":\"_blank\",\"rel\":\"noreferrer\",\"children\":[[\"$\",\"$L9\",null,{\"alt\":\"GraphQL Hive preview\",\"placeholder\":\"blur\",\"src\":{\"src\":\"/_next/static/media/graphql-hive.69a9c823.png\",\"height\":1158,\"width\":2304,\"blurDataURL\":\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAECAMAAACEE47CAAAAElBMVEUBMysiUk0MPjYWR0E4ZF8uWlVOBB+6AAAAAnRSTlP+/qap3hAAAAAJcEhZcwAACxMAAAsTAQCanBgAAAAjSURBVHicFcbBEQAwDMIwY8j+K/eql6A2FarZ/eltOwCb5QEFMQBK9hLnPwAAAABJRU5ErkJggg==\",\"blurWidth\":8,\"blurHeight\":4},\"className\":\"[aspect-ratio:12/6.3] object-cover\",\"ref\":\"$undefined\",\"data-pagefind-index-attrs\":\"title,alt\"}],[\"$\",\"span\",null,{\"className\":\"x:flex x:font-semibold x:items-center x:gap-2 x:p-4 x:text-gray-700 x:hover:text-gray-900 x:after:content-[\\\"→\\\"] x:after:transition-transform x:after:duration-75 x:group-hover:after:translate-x-0.5 x:group-focus:after:translate-x-0.5 x:dark:text-gray-300 x:dark:hover:text-gray-100\",\"title\":\"GraphQL Hive\",\"children\":[\"$undefined\",[\"$\",\"span\",null,{\"className\":\"_truncate\",\"children\":\"GraphQL Hive\"}]]}]]}],[\"$\",\"$L8\",null,{\"href\":\"https://speakeasyapi.dev/docs?utm_source=nextra.site\u0026utm_campaign=nextra\u0026utm_content=logolink\",\"className\":\"x:group x:focus-visible:nextra-focus nextra-card x:flex x:flex-col x:justify-start x:overflow-hidden x:rounded-lg x:border x:border-gray-200 x:text-current x:no-underline x:dark:shadow-none x:hover:shadow-gray-100 x:dark:hover:shadow-none x:shadow-gray-100 x:active:shadow-sm x:active:shadow-gray-200 x:transition-all x:duration-200 x:hover:border-gray-300 x:bg-gray-100 x:shadow x:dark:border-neutral-700 x:dark:bg-neutral-800 x:dark:text-gray-50 x:hover:shadow-lg x:dark:hover:border-neutral-500 x:dark:hover:bg-neutral-700 !no-underline\",\"target\":\"_blank\",\"rel\":\"noreferrer\",\"children\":[[\"$\",\"$L9\",null,{\"alt\":\"Speakeasy preview\",\"placeholder\":\"blur\",\"src\":{\"src\":\"/_next/static/media/speakeasy.ceaece44.png\",\"height\":1261,\"width\":2400,\"blurDataURL\":\"data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAECAMAAACEE47CAAAAGFBMVEXz3C/OuijWwireySzn0S3hyyynlyGFeBoHBcsXAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIElEQVR4nGNgYWaAADZ2RhBgZWBhZGZiYmZigYozMAAABEcANIgPJ7UAAAAASUVORK5CYII=\",\"blurWidth\":8,\"blurHeight\":4},\"className\":\"[aspect-ratio:12/6.3] object-cover\",\"ref\":\"$undefined\",\"data-pagefind-index-attrs\":\"title,alt\"}],[\"$\",\"span\",null,{\"className\":\"x:flex x:font-semibold x:items-center x:gap-2 x:p-4 x:text-gray-700 x:hover:text-gray-900 x:after:content-[\\\"→\\\"] x:after:transition-transform x:after:duration-75 x:group-hover:after:translate-x-0.5 x:group-focus:after:translate-x-0.5 x:dark:text-gray-300 x:dark:hover:text-gray-100\",\"title\":\"Speakeasy\",\"children\":[\"$undefined\",[\"$\",\"span\",null,{\"className\":\"_truncate\",\"children\":\"Speakeasy\"}]]}]]}],[\"$\",\"$L8\",null,{\"href\":\"https://xyflow.com?utm_source=nextra.site\u0026utm_campaign=nextra\u0026utm_content=logolink\",\"className\":\"x:group x:focus-visible:nextra-focus nextra-card x:flex x:flex-col x:justify-start x:overflow-hidden x:rounded-lg x:border x:border-gray-200 x:text-current x:no-underline x:dark:shadow-none x:hover:shadow-gray-100 x:dark:hover:shadow-none x:shadow-gray-100 x:active:shadow-sm x:active:shadow-gray-200 x:transition-all x:duration-200 x:hover:border-gray-300 x:bg-gray-100 x:shadow x:dark:border-neutral-700 x:dark:bg-neutral-800 x:dark:text-gray-50 x:hover:shadow-lg x:dark:hover:border-neutral-500 x:dark:hover:bg-neutral-700 !no-underline\",\"target\":\"_blank\",\"rel\":\"noreferrer\",\"children\":[[\"$\",\"$L9\",null,{\"alt\":\"xyflow preview\",\"placeholder\":\"blur\",\"src\":{\"src\":\"/_next/static/media/xyflow.1a087ad6.jpg\",\"height\":640,\"width\":1200,\"blurDataURL\":\"data:image/jpeg;base64,/9j/2wBDAAoKCgoKCgsMDAsPEA4QDxYUExMUFiIYGhgaGCIzICUgICUgMy03LCksNy1RQDg4QFFeT0pPXnFlZXGPiI+7u/v/2wBDAQoKCgoKCgsMDAsPEA4QDxYUExMUFiIYGhgaGCIzICUgICUgMy03LCksNy1RQDg4QFFeT0pPXnFlZXGPiI+7u/v/wgARCAAEAAgDASIAAhEBAxEB/8QAFQABAQAAAAAAAAAAAAAAAAAAAAf/xAAVAQEBAAAAAAAAAAAAAAAAAAABAv/aAAwDAQACEAMQAAAArop//8QAGRAAAgMBAAAAAAAAAAAAAAAAAQIAAyEx/9oACAEBAAE/ABQotZgz9wE5P//EABYRAAMAAAAAAAAAAAAAAAAAAAABQf/aAAgBAgEBPwBw/8QAFREBAQAAAAAAAAAAAAAAAAAAAFH/2gAIAQMBAT8Aj//Z\",\"blurWidth\":8,\"blurHeight\":4},\"className\":\"[aspect-ratio:12/6.3] object-cover\",\"ref\":\"$undefined\",\"data-pagefind-index-attrs\":\"title,alt\"}],[\"$\",\"span\",null,{\"className\":\"x:flex x:font-semibold x:items-center x:gap-2 x:p-4 x:text-gray-700 x:hover:text-gray-900 x:after:content-[\\\"→\\\"] x:after:transition-transform x:after:duration-75 x:group-hover:after:translate-x-0.5 x:group-focus:after:translate-x-0.5 x:dark:text-gray-300 x:dark:hover:text-gray-100\",\"title\":\"xyflow\",\"children\":[\"$undefined\",[\"$\",\"span\",null,{\"className\":\"_truncate\",\"children\":\"xyflow\"}]]}]]}]]}]]}]]}]]}],null,[\"$\",\"$La\",null,{\"children\":\"$Lb\"}]]}],{},null,false]},null,false]},null,false],[\"$\",\"$1\",\"h\",{\"children\":[null,[\"$\",\"$1\",\"zfJ9l3uPWwfGH0iWatRX-\",{\"children\":[[\"$\",\"$Lc\",null,{\"children\":\"$Ld\"}],[\"$\",\"$Le\",null,{\"children\":\"$Lf\"}],null]}]]}],false]],\"m\":\"$undefined\",\"G\":[\"$10\",\"$undefined\"],\"s\":false,\"S\":true}\n"])</script><script>self.__next_f.push([1,"11:I[7090,[\"6646\",\"static/chunks/d314db54-cd1d3dd8772def2b.js\",\"1069\",\"static/chunks/1069-448e2840a9e91c1a.js\",\"1361\",\"static/chunks/1361-edc4decfb0f25492.js\",\"2693\",\"static/chunks/2693-5bea67ee96cb9760.js\",\"8101\",\"static/chunks/8101-9ac0c4ba3263e667.js\",\"716\",\"static/chunks/app/sponsors/page-ff20b123cdc75813.js\"],\"ThemeConfigProvider\"]\n12:I[75172,[\"6646\",\"static/chunks/d314db54-cd1d3dd8772def2b.js\",\"1069\",\"static/chunks/1069-448e2840a9e91c1a.js\",\"1361\",\"static/chunks/1361-edc4decfb0f25492.js\",\"2693\",\"static/chunks/2693-5bea67ee96cb9760.js\",\"8101\",\"static/chunks/8101-9ac0c4ba3263e667.js\",\"716\",\"static/chunks/app/sponsors/page-ff20b123cdc75813.js\"],\"LastUpdated\"]\n13:I[97684,[\"6646\",\"static/chunks/d314db54-cd1d3dd8772def2b.js\",\"1069\",\"static/chunks/1069-448e2840a9e91c1a.js\",\"1361\",\"static/chunks/1361-edc4decfb0f25492.js\",\"9850\",\"static/chunks/9850-80c3267dfbd9d1b2.js\",\"2693\",\"static/chunks/2693-5bea67ee96cb9760.js\",\"8101\",\"static/chunks/8101-9ac0c4ba3263e667.js\",\"4345\",\"static/chunks/app/not-found-52b0e88099c84268.js\"],\"Search\"]\n14:I[60633,[\"6646\",\"static/chunks/d314db54-cd1d3dd8772def2b.js\",\"1069\",\"static/chunks/1069-448e2840a9e91c1a.js\",\"1361\",\"static/chunks/1361-edc4decfb0f25492.js\",\"9850\",\"static/chunks/9850-80c3267dfbd9d1b2.js\",\"2693\",\"static/chunks/2693-5bea67ee96cb9760.js\",\"8101\",\"static/chunks/8101-9ac0c4ba3263e667.js\",\"4345\",\"static/chunks/app/not-found-52b0e88099c84268.js\"],\"ThemeProvider\"]\n15:I[29347,[\"6646\",\"static/chunks/d314db54-cd1d3dd8772def2b.js\",\"1069\",\"static/chunks/1069-448e2840a9e91c1a.js\",\"1361\",\"static/chunks/1361-edc4decfb0f25492.js\",\"2693\",\"static/chunks/2693-5bea67ee96cb9760.js\",\"8101\",\"static/chunks/8101-9ac0c4ba3263e667.js\",\"716\",\"static/chunks/app/sponsors/page-ff20b123cdc75813.js\"],\"SkipNavLink\"]\n16:I[21892,[\"6646\",\"static/chunks/d314db54-cd1d3dd8772def2b.js\",\"1069\",\"static/chunks/1069-448e2840a9e91c1a.js\",\"1361\",\"static/chunks/1361-edc4decfb0f25492.js\",\"4291\",\"static/chunks/4291-4d6c04c45125c156.js\",\"1971\",\"static/chunks/1971-47c8a3eee38b14a9.js\",\"2791\",\"static/chunks/2791-baaedb648a3"])</script><script>self.__next_f.push([1,"e3bdb.js\",\"9850\",\"static/chunks/9850-80c3267dfbd9d1b2.js\",\"2693\",\"static/chunks/2693-5bea67ee96cb9760.js\",\"8101\",\"static/chunks/8101-9ac0c4ba3263e667.js\",\"2383\",\"static/chunks/2383-846cc0562307a456.js\",\"7177\",\"static/chunks/app/layout-5a980d1ff1f50517.js\"],\"ClientBanner\"]\n17:I[44488,[\"6646\",\"static/chunks/d314db54-cd1d3dd8772def2b.js\",\"1069\",\"static/chunks/1069-448e2840a9e91c1a.js\",\"1361\",\"static/chunks/1361-edc4decfb0f25492.js\",\"2693\",\"static/chunks/2693-5bea67ee96cb9760.js\",\"8101\",\"static/chunks/8101-9ac0c4ba3263e667.js\",\"716\",\"static/chunks/app/sponsors/page-ff20b123cdc75813.js\"],\"ConfigProvider\"]\n19:I[44855,[\"6646\",\"static/chunks/d314db54-cd1d3dd8772def2b.js\",\"1069\",\"static/chunks/1069-448e2840a9e91c1a.js\",\"1361\",\"static/chunks/1361-edc4decfb0f25492.js\",\"2693\",\"static/chunks/2693-5bea67ee96cb9760.js\",\"8101\",\"static/chunks/8101-9ac0c4ba3263e667.js\",\"716\",\"static/chunks/app/sponsors/page-ff20b123cdc75813.js\"],\"ClientNavbar\"]\n1b:I[54270,[\"6646\",\"static/chunks/d314db54-cd1d3dd8772def2b.js\",\"1069\",\"static/chunks/1069-448e2840a9e91c1a.js\",\"1361\",\"static/chunks/1361-edc4decfb0f25492.js\",\"2693\",\"static/chunks/2693-5bea67ee96cb9760.js\",\"8101\",\"static/chunks/8101-9ac0c4ba3263e667.js\",\"716\",\"static/chunks/app/sponsors/page-ff20b123cdc75813.js\"],\"Switchers\"]\n1c:I[65590,[\"6646\",\"static/chunks/d314db54-cd1d3dd8772def2b.js\",\"1069\",\"static/chunks/1069-448e2840a9e91c1a.js\",\"1361\",\"static/chunks/1361-edc4decfb0f25492.js\",\"2693\",\"static/chunks/2693-5bea67ee96cb9760.js\",\"8101\",\"static/chunks/8101-9ac0c4ba3263e667.js\",\"716\",\"static/chunks/app/sponsors/page-ff20b123cdc75813.js\"],\"LocaleSwitch\"]\n1d:I[69698,[\"6646\",\"static/chunks/d314db54-cd1d3dd8772def2b.js\",\"1069\",\"static/chunks/1069-448e2840a9e91c1a.js\",\"1361\",\"static/chunks/1361-edc4decfb0f25492.js\",\"2693\",\"static/chunks/2693-5bea67ee96cb9760.js\",\"8101\",\"static/chunks/8101-9ac0c4ba3263e667.js\",\"716\",\"static/chunks/app/sponsors/page-ff20b123cdc75813.js\"],\"ThemeSwitch\"]\n1e:I[98824,[\"6646\",\"static/chunks/d314db54-cd1d3dd8772def2b.js\",\"1069\",\"static/chunks/1069-448e2840a9e91c1a.js\","])</script><script>self.__next_f.push([1,"\"1361\",\"static/chunks/1361-edc4decfb0f25492.js\",\"2693\",\"static/chunks/2693-5bea67ee96cb9760.js\",\"8101\",\"static/chunks/8101-9ac0c4ba3263e667.js\",\"716\",\"static/chunks/app/sponsors/page-ff20b123cdc75813.js\"],\"MobileNav\"]\n1f:I[96418,[\"6646\",\"static/chunks/d314db54-cd1d3dd8772def2b.js\",\"1069\",\"static/chunks/1069-448e2840a9e91c1a.js\",\"1361\",\"static/chunks/1361-edc4decfb0f25492.js\",\"2693\",\"static/chunks/2693-5bea67ee96cb9760.js\",\"8101\",\"static/chunks/8101-9ac0c4ba3263e667.js\",\"716\",\"static/chunks/app/sponsors/page-ff20b123cdc75813.js\"],\"NotFoundLink\"]\n18:T8c6,"])</script><script>self.__next_f.push([1,"M114.913 33.276V62.04h-11.57V12.95h11.059v8.341h.575q1.694-4.122 5.401-6.552 3.74-2.429 9.237-2.429 5.082 0 8.853 2.174 3.803 2.173 5.88 6.296 2.11 4.123 2.078 10.003v31.258h-11.57V32.573q0-4.922-2.557-7.702-2.524-2.78-6.999-2.78-3.036 0-5.401 1.342-2.334 1.309-3.676 3.803-1.31 2.493-1.31 6.04M176.32 63q-7.382 0-12.752-3.068-5.337-3.1-8.214-8.757-2.876-5.689-2.876-13.391 0-7.575 2.876-13.296 2.909-5.752 8.118-8.949 5.21-3.228 12.241-3.228 4.539 0 8.565 1.47a19.35 19.35 0 0 1 7.159 4.475q3.132 3.036 4.922 7.734 1.79 4.667 1.79 11.122v3.548h-40.238v-7.798h29.148q-.032-3.324-1.438-5.913a10.46 10.46 0 0 0-3.931-4.123q-2.493-1.502-5.817-1.502-3.548 0-6.232 1.726a11.9 11.9 0 0 0-4.187 4.475q-1.47 2.748-1.502 6.04v6.808q0 4.283 1.566 7.35 1.566 3.037 4.378 4.667 2.813 1.598 6.584 1.598 2.525 0 4.57-.704 2.046-.735 3.548-2.14 1.502-1.407 2.269-3.485l10.803 1.215q-1.023 4.282-3.9 7.479-2.844 3.164-7.286 4.922-4.443 1.725-10.164 1.725m34.777-50.05 9.908 18.122 10.067-18.121h12.241l-14.798 24.545 15.054 24.545h-12.177l-10.387-17.674-10.291 17.674h-12.273l14.957-24.545-14.574-24.545zm63.878 0v8.95h-28.221v-8.95zM253.722 1.19h11.569v46.086q0 2.333.704 3.58.735 1.215 1.917 1.661c1.182.446 1.662.448 2.621.448q1.087 0 1.981-.16a17 17 0 0 0 1.407-.288l1.949 9.045q-.927.32-2.652.703-1.695.384-4.155.448-4.347.127-7.831-1.31-3.483-1.47-5.529-4.539-2.014-3.068-1.981-7.67zm29.129 60.852V12.95h11.218v8.181h.512q1.342-4.25 4.602-6.551 3.26-2.334 7.511-2.333 1.981 0 3.643.479 1.662.48 2.94 1.31l-3.579 9.588q-.927-.447-2.046-.735-1.118-.287-2.524-.287-3.004 0-5.434 1.342a10.2 10.2 0 0 0-3.867 3.74q-1.406 2.364-1.406 5.496v28.86zm51.222.862q-5.784 0-10.355-2.972-4.57-2.972-7.223-8.63-2.652-5.655-2.652-13.742 0-8.182 2.684-13.807 2.717-5.657 7.319-8.533 4.602-2.91 10.259-2.909 4.316 0 7.095 1.47 2.78 1.439 4.411 3.484 1.63 2.014 2.525 3.803h.479V12.95h11.602v49.09h-11.378v-7.734h-.703q-.895 1.79-2.589 3.803-1.694 1.981-4.474 3.388t-7 1.406m3.228-9.492q3.676 0 6.265-1.981 2.588-2.014 3.931-5.593c1.343-3.58 1.342-5.167 1.342-8.342q0-4.762-1.342-8.278-1.311-3.515-3.9-5.465-2.556-1.95-6.296-1.95-3.867 0-6.456 2.014c-2.589 2.014-3.025 3.196-3.899 5.561q-1.31 3.548-1.31 8.118 0 4.602 1.31 8.214 1.342 3.58 3.931 5.657 2.621 2.045 6.424 2.045"])</script><script>self.__next_f.push([1,"1a:T481,M12 3C7.0275 3 3 7.12937 3 12.2276C3 16.3109 5.57625 19.7597 9.15374 20.9824C9.60374 21.0631 9.77249 20.7863 9.77249 20.5441C9.77249 20.3249 9.76125 19.5982 9.76125 18.8254C7.5 19.2522 6.915 18.2602 6.735 17.7412C6.63375 17.4759 6.19499 16.6569 5.8125 16.4378C5.4975 16.2647 5.0475 15.838 5.80124 15.8264C6.51 15.8149 7.01625 16.4954 7.18499 16.7723C7.99499 18.1679 9.28875 17.7758 9.80625 17.5335C9.885 16.9337 10.1212 16.53 10.38 16.2993C8.3775 16.0687 6.285 15.2728 6.285 11.7432C6.285 10.7397 6.63375 9.9092 7.20749 9.26326C7.1175 9.03257 6.8025 8.08674 7.2975 6.81794C7.2975 6.81794 8.05125 6.57571 9.77249 7.76377C10.4925 7.55615 11.2575 7.45234 12.0225 7.45234C12.7875 7.45234 13.5525 7.55615 14.2725 7.76377C15.9937 6.56418 16.7475 6.81794 16.7475 6.81794C17.2424 8.08674 16.9275 9.03257 16.8375 9.26326C17.4113 9.9092 17.76 10.7281 17.76 11.7432C17.76 15.2843 15.6563 16.0687 13.6537 16.2993C13.98 16.5877 14.2613 17.1414 14.2613 18.0065C14.2613 19.2407 14.25 20.2326 14.25 20.5441C14.25 20.7863 14.4188 21.0746 14.8688 20.9824C16.6554 20.364 18.2079 19.1866 19.3078 17.6162C20.4077 16.0457 20.9995 14.1611 21 12.2276C21 7.12937 16.9725 3 12 3Z"])</script><script>self.__next_f.push([1,"2:[\"$\",\"html\",null,{\"lang\":\"en\",\"dir\":\"ltr\",\"suppressHydrationWarning\":true,\"children\":[[\"$\",\"head\",null,{\"children\":[\"$undefined\",[\"$\",\"style\",null,{\"children\":\":root {\\n --nextra-primary-hue: 212deg;\\n --nextra-primary-saturation: 100%;\\n --nextra-primary-lightness: 45%;\\n --nextra-bg: 250,250,250;\\n --nextra-content-width: 90rem;\\n}\\n.dark {\\n --nextra-primary-hue: 204deg;\\n --nextra-primary-saturation: 100%;\\n --nextra-primary-lightness: 55%;\\n --nextra-bg: 17,17,17;\\n}\\n::selection {\\n background: hsla(var(--nextra-primary-hue),var(--nextra-primary-saturation),var(--nextra-primary-lightness),.3);\\n}\\nhtml {\\n background: rgb(var(--nextra-bg));\\n}\"}],[\"$\",\"meta\",null,{\"name\":\"theme-color\",\"media\":\"(prefers-color-scheme: light)\",\"content\":\"rgb(250,250,250)\"}],[\"$\",\"meta\",null,{\"name\":\"theme-color\",\"media\":\"(prefers-color-scheme: dark)\",\"content\":\"rgb(17,17,17)\"}],\"$undefined\"]}],[\"$\",\"body\",null,{\"children\":[\"$\",\"$L11\",null,{\"value\":{\"darkMode\":true,\"docsRepositoryBase\":\"https://github.com/shuding/nextra/tree/main/docs\",\"editLink\":\"Edit this page on GitHub\",\"feedback\":{\"content\":\"Question? Give us feedback\",\"labels\":\"feedback\"},\"i18n\":[],\"lastUpdated\":[\"$\",\"$L12\",null,{}],\"navigation\":{\"next\":true,\"prev\":true},\"search\":[\"$\",\"$L13\",null,{}],\"sidebar\":{\"defaultMenuCollapseLevel\":1,\"defaultOpen\":true,\"toggleButton\":true},\"themeSwitch\":{\"dark\":\"Dark\",\"light\":\"Light\",\"system\":\"System\"},\"toc\":{\"backToTop\":\"Scroll to top\",\"float\":true,\"title\":\"On This Page\"}},\"children\":[\"$\",\"$L14\",null,{\"attribute\":\"class\",\"disableTransitionOnChange\":true,\"children\":[[\"$\",\"$L15\",null,{}],[\"$\",\"$L16\",null,{\"className\":\"nextra-banner x:max-md:sticky x:top-0 x:z-20 x:flex x:items-center x:px-2 x:text-slate-50 x:dark:text-white x:bg-neutral-900 x:dark:bg-[linear-gradient(1deg,#383838,#212121)] x:print:[display:none]\",\"suppressHydrationWarning\":true,\"children\":[[\"$\",\"div\",null,{\"className\":\"x:w-full x:text-center x:font-medium x:text-sm x:py-2.5\",\"children\":[\"🎉 Nextra 4.0 is released. dimaMachina is looking\",\" \",[\"$\",\"a\",null,{\"href\":\"https://github.com/dimaMachina\",\"target\":\"_blank\",\"rel\":\"noreferrer\",\"className\":\"x:focus-visible:nextra-focus x:text-primary-600 x:underline x:hover:no-underline x:decoration-from-font x:[text-underline-position:from-font]\",\"children\":[\"for a new job or consulting\",[\" \",[\"$\",\"svg\",null,{\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"strokeWidth\":1.7,\"viewBox\":\"0 0 24 24\",\"height\":\"1em\",\"className\":\"x:inline x:align-baseline x:shrink-0\",\"children\":[[\"$\",\"path\",null,{\"d\":\"M7 17L17 7\"}],[\"$\",\"path\",null,{\"d\":\"M7 7h10v10\"}]]}]]]}],\".\"]}],false]}],[\"$\",\"$L17\",null,{\"pageMap\":[{\"data\":{\"index\":{\"type\":\"page\",\"display\":\"hidden\"},\"docs\":{\"type\":\"page\",\"title\":\"Documentation\"},\"versions\":{\"type\":\"menu\",\"title\":\"Versions\",\"items\":{\"_3\":{\"title\":\"Nextra v3 Docs\",\"href\":\"https://nextra-v2-7hslbun8z-shud.vercel.app\"},\"_2\":{\"title\":\"Nextra v2 Docs\",\"href\":\"https://nextra-v2-oe0zrpzjp-shud.vercel.app\"}}},\"blog\":{\"type\":\"page\",\"theme\":{\"toc\":false,\"typesetting\":\"article\"}},\"about\":{\"type\":\"page\",\"theme\":{\"typesetting\":\"article\"}},\"showcase\":{\"type\":\"page\",\"theme\":{\"layout\":\"full\",\"timestamp\":false,\"toc\":false,\"typesetting\":\"article\"}},\"sponsors\":{\"type\":\"page\",\"theme\":{\"layout\":\"full\",\"timestamp\":false,\"toc\":false,\"typesetting\":\"article\"}}}},{\"name\":\"index\",\"route\":\"/\",\"frontMatter\":{\"description\":\"Build fast, customizable, and content-rich websites with Nextra. Powered by Next.js, it offers seamless Markdown support, customizable themes, file conventions, and easy integration with MDX, making it perfect for documentation, blogs, and static websites.\"},\"title\":\"Index\"},{\"name\":\"docs\",\"route\":\"/docs\",\"children\":[{\"data\":{\"index\":{\"title\":\"\"},\"file-conventions\":{},\"guide\":{},\"advanced\":{},\"built-ins\":{},\"_\":{\"type\":\"separator\",\"title\":\"Themes\"},\"docs-theme\":{},\"blog-theme\":{},\"custom-theme\":{\"title\":\"\"},\"__\":{\"type\":\"separator\",\"title\":\"More\"},\"about-link\":{\"title\":\"About Nextra\",\"href\":\"/about\"},\"next.js-link\":{\"title\":\"Next.js Docs\",\"href\":\"https://nextjs.org?utm_source=nextra.site\u0026utm_medium=referral\u0026utm_campaign=sidebar\"},\"migration-from-v3\":{\"title\":\"Migration from Nextra v3\",\"href\":\"https://the-guild.dev/blog/nextra-4?utm_source=nextra.site\u0026utm_campaign=sidebar\u0026utm_content=sidebar_link#nextra-theme-docs-changes\"}}},{\"name\":\"index\",\"route\":\"/docs\",\"frontMatter\":{\"description\":\"Nextra is a framework built on top of Next.js that enables the creation of content-focused websites. It combines the robust features of Next.js with enhanced capabilities for crafting Markdown-based content.\",\"title\":\"Introduction\",\"filePath\":\"app/docs/page.mdx\",\"timestamp\":1739175025000,\"openGraph\":{\"images\":\"https://nextra.site/og?title=Introduction\"}},\"title\":\"Introduction\"},{\"name\":\"file-conventions\",\"route\":\"/docs/file-conventions\",\"children\":[{\"data\":{\"_\":{\"type\":\"separator\",\"title\":\"Files\"},\"page-file\":{\"title\":[\"$\",\"code\",null,{\"className\":\"nextra-code\",\"dir\":\"ltr\",\"children\":\"page.mdx\"}]},\"meta-file\":{\"title\":[\"$\",\"code\",null,{\"className\":\"nextra-code\",\"dir\":\"ltr\",\"children\":\"_meta.js\"}]},\"_2\":{\"title\":[[\"$\",\"code\",null,{\"className\":\"nextra-code\",\"dir\":\"ltr\",\"children\":\"page.jsx\"}],\" \",[\"$\",\"svg\",null,{\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"strokeWidth\":1.7,\"viewBox\":\"0 0 24 24\",\"height\":\"1em\",\"className\":\"x:inline x:align-baseline x:shrink-0\",\"children\":[[\"$\",\"path\",null,{\"d\":\"M7 17L17 7\"}],[\"$\",\"path\",null,{\"d\":\"M7 7h10v10\"}]]}]],\"href\":\"https://nextjs.org/docs/app/api-reference/file-conventions/page\"},\"_3\":{\"title\":[[\"$\",\"code\",null,{\"className\":\"nextra-code\",\"dir\":\"ltr\",\"children\":\"layout.jsx\"}],\" \",[\"$\",\"svg\",null,{\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"strokeWidth\":1.7,\"viewBox\":\"0 0 24 24\",\"height\":\"1em\",\"className\":\"x:inline x:align-baseline x:shrink-0\",\"children\":[[\"$\",\"path\",null,{\"d\":\"M7 17L17 7\"}],[\"$\",\"path\",null,{\"d\":\"M7 7h10v10\"}]]}]],\"href\":\"https://nextjs.org/docs/app/api-reference/file-conventions/layout\"},\"_4\":{\"type\":\"separator\",\"title\":\"Top-Level Files\"},\"mdx-components-file\":{\"title\":[\"$\",\"code\",null,{\"className\":\"nextra-code\",\"dir\":\"ltr\",\"children\":\"mdx-components.js\"}]},\"_5\":{\"type\":\"separator\",\"title\":\"Top-Level Folders\"},\"content-directory\":{\"title\":[\"$\",\"code\",null,{\"className\":\"nextra-code\",\"dir\":\"ltr\",\"children\":\"content\"}]},\"src-directory\":{\"title\":[\"$\",\"code\",null,{\"className\":\"nextra-code\",\"dir\":\"ltr\",\"children\":\"src\"}]},\"_6\":{\"title\":[[\"$\",\"code\",null,{\"className\":\"nextra-code\",\"dir\":\"ltr\",\"children\":\"app\"}],\" \",[\"$\",\"svg\",null,{\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"strokeWidth\":1.7,\"viewBox\":\"0 0 24 24\",\"height\":\"1em\",\"className\":\"x:inline x:align-baseline x:shrink-0\",\"children\":[[\"$\",\"path\",null,{\"d\":\"M7 17L17 7\"}],[\"$\",\"path\",null,{\"d\":\"M7 7h10v10\"}]]}]],\"href\":\"https://nextjs.org/docs/app/getting-started/installation?utm_source=nextra.site\u0026utm_medium=referral\u0026utm_campaign=sidebar#create-the-app-directory\"},\"_7\":{\"title\":[[\"$\",\"code\",null,{\"className\":\"nextra-code\",\"dir\":\"ltr\",\"children\":\"public\"}],\" \",[\"$\",\"svg\",null,{\"fill\":\"none\",\"stroke\":\"currentColor\",\"strokeLinecap\":\"round\",\"strokeLinejoin\":\"round\",\"strokeWidth\":1.7,\"viewBox\":\"0 0 24 24\",\"height\":\"1em\",\"className\":\"x:inline x:align-baseline x:shrink-0\",\"children\":[[\"$\",\"path\",null,{\"d\":\"M7 17L17 7\"}],[\"$\",\"path\",null,{\"d\":\"M7 7h10v10\"}]]}]],\"href\":\"https://nextjs.org/docs/app/building-your-application/optimizing/static-assets?utm_source=nextra.site\u0026utm_medium=referral\u0026utm_campaign=sidebar\"}}},{\"name\":\"_\",\"type\":\"separator\",\"title\":\"Files\"},{\"name\":\"page-file\",\"route\":\"/docs/file-conventions/page-file\",\"frontMatter\":{\"icon\":\"FileIcon\",\"sidebarTitle\":\"page.mdx\",\"description\":\"The `page.mdx` file in Nextra is a special Next.js App Router convention file that allows you to define UI unique to a route. By default, `.js`, `.jsx`, or `.tsx` file extensions can be used for `page`, and Nextra enhances them with `.md` and `.mdx` extensions.\",\"title\":\"page.mdx File\",\"filePath\":\"app/docs/file-conventions/page-file/page.mdx\",\"timestamp\":1739175025000,\"openGraph\":{\"images\":\"https://nextra.site/og?title=page.mdx File\"}},\"title\":\"$2:props:children:1:props:children:props:children:props:children:2:props:pageMap:2:children:2:children:0:data:page-file:title\"},{\"name\":\"meta-file\",\"route\":\"/docs/file-conventions/meta-file\",\"frontMatter\":{\"icon\":\"FileIcon\",\"sidebarTitle\":\"_meta.js\",\"description\":\"The `_meta` file in Nextra allows you to customize page sidebar titles, order, and theme visibility, enhancing site organization and user experience.\",\"title\":\"_meta.js File\",\"filePath\":\"app/docs/file-conventions/meta-file/page.mdx\",\"timestamp\":1739175025000,\"openGraph\":{\"images\":\"https://nextra.site/og?title=_meta.js File\"}},\"title\":\"$2:props:children:1:props:children:props:children:props:children:2:props:pageMap:2:children:2:children:0:data:meta-file:title\"},{\"name\":\"_2\",\"title\":\"$2:props:children:1:props:children:props:children:props:children:2:props:pageMap:2:children:2:children:0:data:_2:title\",\"href\":\"https://nextjs.org/docs/app/api-reference/file-conventions/page\"},{\"name\":\"_3\",\"title\":\"$2:props:children:1:props:children:props:children:props:children:2:props:pageMap:2:children:2:children:0:data:_3:title\",\"href\":\"https://nextjs.org/docs/app/api-reference/file-conventions/layout\"},{\"name\":\"_4\",\"type\":\"separator\",\"title\":\"Top-Level Files\"},{\"name\":\"mdx-components-file\",\"route\":\"/docs/file-conventions/mdx-components-file\",\"frontMatter\":{\"icon\":\"MdxIcon\",\"sidebarTitle\":\"mdx-components.js\",\"description\":\"The `mdx-components` file in Nextra is essential for customizing styles via the `useMDXComponents` function, allowing you to define and override MDX components globally.\",\"title\":\"mdx-components.js File\",\"filePath\":\"app/docs/file-conventions/mdx-components-file/page.mdx\",\"timestamp\":1739175025000,\"openGraph\":{\"images\":\"https://nextra.site/og?title=mdx-components.js File\"}},\"title\":\"$2:props:children:1:props:children:props:children:props:children:2:props:pageMap:2:children:2:children:0:data:mdx-components-file:title\"},{\"name\":\"_5\",\"type\":\"separator\",\"title\":\"Top-Level Folders\"},{\"name\":\"content-directory\",\"route\":\"/docs/file-conventions/content-directory\",\"frontMatter\":{\"icon\":\"FolderIcon\",\"sidebarTitle\":\"content\",\"description\":\"The `content` directory in Nextra allows you to organize your Markdown files without adhering to the `page` filename convention, simplifying the migration from Next.js `pages` router.\",\"title\":\"content Directory\",\"filePath\":\"app/docs/file-conventions/content-directory/page.mdx\",\"timestamp\":1739175025000,\"openGraph\":{\"images\":\"https://nextra.site/og?title=content Directory\"}},\"title\":\"$2:props:children:1:props:children:props:children:props:children:2:props:pageMap:2:children:2:children:0:data:content-directory:title\"},{\"name\":\"src-directory\",\"route\":\"/docs/file-conventions/src-directory\",\"frontMatter\":{\"icon\":\"FolderIcon\",\"sidebarTitle\":\"src\",\"description\":\"The `src` directory in Nextra allows you to organize your application code separately from project configuration files, enhancing code structure and maintainability.\",\"title\":\"src Directory\",\"filePath\":\"app/docs/file-conventions/src-directory/page.mdx\",\"timestamp\":1739175025000,\"openGraph\":{\"images\":\"https://nextra.site/og?title=src Directory\"}},\"title\":\"$2:props:children:1:props:children:props:children:props:children:2:props:pageMap:2:children:2:children:0:data:src-directory:title\"},{\"name\":\"_6\",\"title\":\"$2:props:children:1:props:children:props:children:props:children:2:props:pageMap:2:children:2:children:0:data:_6:title\",\"href\":\"https://nextjs.org/docs/app/getting-started/installation?utm_source=nextra.site\u0026utm_medium=referral\u0026utm_campaign=sidebar#create-the-app-directory\"},{\"name\":\"_7\",\"title\":\"$2:props:children:1:props:children:props:children:props:children:2:props:pageMap:2:children:2:children:0:data:_7:title\",\"href\":\"https://nextjs.org/docs/app/building-your-application/optimizing/static-assets?utm_source=nextra.site\u0026utm_medium=referral\u0026utm_campaign=sidebar\"}],\"frontMatter\":{\"asIndexPage\":true,\"description\":\"Nextra's File Conventions guide details the structure and organization of files and directories within a Nextra project, including the use of `page.mdx`, `_meta.js`, and `mdx-components.js` files, as well as the `content` and `src` directories.\",\"title\":\"File Conventions\",\"filePath\":\"app/docs/file-conventions/page.mdx\",\"timestamp\":1739175025000,\"openGraph\":{\"images\":\"https://nextra.site/og?title=File Conventions\"}},\"title\":\"File Conventions\"},{\"name\":\"guide\",\"route\":\"/docs/guide\",\"children\":[{\"data\":{\"markdown\":{\"title\":\"\"},\"syntax-highlighting\":{\"title\":\"\"},\"link\":{\"title\":\"\"},\"image\":{\"title\":\"\"},\"ssg\":{\"title\":\"\"},\"i18n\":{\"title\":\"\"},\"custom-css\":{\"title\":\"\"},\"static-exports\":{\"title\":\"\"},\"search\":{\"title\":\"\"},\"github-alert-syntax\":{\"title\":\"\"},\"turbopack\":{\"title\":\"\"},\"_\":{\"title\":\"Deploying\",\"href\":\"https://nextjs.org/docs/app/building-your-application/deploying?utm_source=nextra.site\u0026utm_medium=referral\u0026utm_campaign=sidebar\"}}},{\"name\":\"markdown\",\"route\":\"/docs/guide/markdown\",\"frontMatter\":{\"icon\":\"MarkdownIcon\",\"title\":\"Markdown\",\"filePath\":\"app/docs/guide/markdown/page.mdx\",\"timestamp\":1739175025000,\"openGraph\":{\"images\":\"https://nextra.site/og?title=Markdown\"}},\"title\":\"Markdown\"},{\"name\":\"syntax-highlighting\",\"route\":\"/docs/guide/syntax-highlighting\",\"frontMatter\":{\"icon\":\"StarsIcon\",\"title\":\"Syntax Highlighting\",\"filePath\":\"app/docs/guide/syntax-highlighting/page.mdx\",\"timestamp\":1739175025000,\"openGraph\":{\"images\":\"https://nextra.site/og?title=Syntax Highlighting\"}},\"title\":\"Syntax Highlighting\"},{\"name\":\"link\",\"route\":\"/docs/guide/link\",\"frontMatter\":{\"icon\":\"LinkIcon\",\"title\":\"Next.js Link\",\"filePath\":\"app/docs/guide/link/page.mdx\",\"timestamp\":1739175025000,\"openGraph\":{\"images\":\"https://nextra.site/og?title=Next.js Link\"}},\"title\":\"Next.js Link\"},{\"name\":\"image\",\"route\":\"/docs/guide/image\",\"frontMatter\":{\"icon\":\"PictureIcon\",\"title\":\"Next.js Image\",\"filePath\":\"app/docs/guide/image/page.mdx\",\"timestamp\":1739175025000,\"openGraph\":{\"images\":\"https://nextra.site/og?title=Next.js Image\"}},\"title\":\"Next.js Image\"},{\"name\":\"ssg\",\"route\":\"/docs/guide/ssg\",\"frontMatter\":{\"icon\":\"LightningIcon\",\"title\":\"Next.js SSG\",\"filePath\":\"app/docs/guide/ssg/page.mdx\",\"timestamp\":1739175025000,\"openGraph\":{\"images\":\"https://nextra.site/og?title=Next.js SSG\"}},\"title\":\"Next.js SSG\"},{\"name\":\"i18n\",\"route\":\"/docs/guide/i18n\",\"frontMatter\":{\"icon\":\"GlobeIcon\",\"title\":\"Next.js I18n\",\"filePath\":\"app/docs/guide/i18n/page.mdx\",\"timestamp\":1739175025000,\"openGraph\":{\"images\":\"https://nextra.site/og?title=Next.js I18n\"}},\"title\":\"Next.js I18n\"},{\"name\":\"custom-css\",\"route\":\"/docs/guide/custom-css\",\"frontMatter\":{\"sidebarTitle\":\"Custom CSS\",\"icon\":\"BrushIcon\",\"title\":\"Custom CSS Support\",\"filePath\":\"app/docs/guide/custom-css/page.mdx\",\"timestamp\":1739175025000,\"openGraph\":{\"images\":\"https://nextra.site/og?title=Custom CSS Support\"}},\"title\":\"Custom CSS\"},{\"name\":\"static-exports\",\"route\":\"/docs/guide/static-exports\",\"frontMatter\":{\"title\":\"Static Exports\",\"filePath\":\"app/docs/guide/static-exports/page.mdx\",\"timestamp\":1739175025000,\"openGraph\":{\"images\":\"https://nextra.site/og?title=Static Exports\"}},\"title\":\"Static Exports\"},{\"name\":\"search\",\"route\":\"/docs/guide/search\",\"frontMatter\":{\"title\":\"Search Engine\",\"filePath\":\"app/docs/guide/search/page.mdx\",\"timestamp\":1739175025000,\"openGraph\":{\"images\":\"https://nextra.site/og?title=Search Engine\"}},\"title\":\"Search Engine\"},{\"name\":\"github-alert-syntax\",\"route\":\"/docs/guide/github-alert-syntax\",\"frontMatter\":{\"icon\":\"InformationCircleIcon\",\"title\":\"GitHub Alert Syntax\",\"filePath\":\"app/docs/guide/github-alert-syntax/page.mdx\",\"timestamp\":1739175025000,\"openGraph\":{\"images\":\"https://nextra.site/og?title=GitHub Alert Syntax\"}},\"title\":\"GitHub Alert Syntax\"},{\"name\":\"turbopack\",\"route\":\"/docs/guide/turbopack\",\"frontMatter\":{\"title\":\"Usage with Turbopack\",\"filePath\":\"app/docs/guide/turbopack/page.mdx\",\"timestamp\":1739175025000,\"openGraph\":{\"images\":\"https://nextra.site/og?title=Usage with Turbopack\"}},\"title\":\"Usage with Turbopack\"},{\"name\":\"_\",\"title\":\"Deploying\",\"href\":\"https://nextjs.org/docs/app/building-your-application/deploying?utm_source=nextra.site\u0026utm_medium=referral\u0026utm_campaign=sidebar\"}],\"frontMatter\":{\"asIndexPage\":true,\"title\":\"Guide\",\"filePath\":\"app/docs/guide/page.mdx\",\"timestamp\":1739175025000,\"openGraph\":{\"images\":\"https://nextra.site/og?title=Guide\"}},\"title\":\"Guide\"},{\"name\":\"advanced\",\"route\":\"/docs/advanced\",\"children\":[{\"data\":{\"npm2yarn\":{\"title\":\"\"},\"mermaid\":{\"title\":\"\"},\"tailwind-css\":{\"title\":\"\"},\"latex\":{\"title\":\"\"},\"table\":{\"title\":\"\"},\"typescript\":{\"title\":\"\"},\"remote\":{\"title\":\"\"},\"playground\":{\"theme\":{\"layout\":\"full\",\"toc\":false}}}},{\"name\":\"npm2yarn\",\"route\":\"/docs/advanced/npm2yarn\",\"frontMatter\":{\"icon\":\"TerminalIcon\",\"title\":\"Npm2Yarn\",\"filePath\":\"app/docs/advanced/npm2yarn/page.mdx\",\"timestamp\":1739175025000,\"openGraph\":{\"images\":\"https://nextra.site/og?title=Npm2Yarn\"}},\"title\":\"Npm2Yarn\"},{\"name\":\"mermaid\",\"route\":\"/docs/advanced/mermaid\",\"frontMatter\":{\"icon\":\"DiagramIcon\",\"title\":\"Mermaid\",\"filePath\":\"app/docs/advanced/mermaid/page.mdx\",\"timestamp\":1739175025000,\"openGraph\":{\"images\":\"https://nextra.site/og?title=Mermaid\"}},\"title\":\"Mermaid\"},{\"name\":\"tailwind-css\",\"route\":\"/docs/advanced/tailwind-css\",\"frontMatter\":{\"icon\":\"TailwindIcon\",\"title\":\"Tailwind CSS\",\"filePath\":\"app/docs/advanced/tailwind-css/page.mdx\",\"timestamp\":1739175025000,\"openGraph\":{\"images\":\"https://nextra.site/og?title=Tailwind CSS\"}},\"title\":\"Tailwind CSS\"},{\"name\":\"latex\",\"route\":\"/docs/advanced/latex\",\"frontMatter\":{\"icon\":\"FormulaIcon\",\"title\":\"LaTeX\",\"filePath\":\"app/docs/advanced/latex/page.mdx\",\"timestamp\":1739175025000,\"openGraph\":{\"images\":\"https://nextra.site/og?title=LaTeX\"}},\"title\":\"LaTeX\"},{\"name\":\"table\",\"route\":\"/docs/advanced/table\",\"frontMatter\":{\"icon\":\"TableIcon\",\"title\":\"Rendering Tables\",\"filePath\":\"app/docs/advanced/table/page.mdx\",\"timestamp\":1739175025000,\"openGraph\":{\"images\":\"https://nextra.site/og?title=Rendering Tables\"}},\"title\":\"Rendering Tables\"},{\"name\":\"typescript\",\"route\":\"/docs/advanced/typescript\",\"frontMatter\":{\"icon\":\"TypeScriptIcon\",\"title\":\"TypeScript\",\"filePath\":\"app/docs/advanced/typescript/page.mdx\",\"timestamp\":1739175025000,\"openGraph\":{\"images\":\"https://nextra.site/og?title=TypeScript\"}},\"title\":\"TypeScript\"},{\"name\":\"remote\",\"route\":\"/docs/advanced/remote\",\"frontMatter\":{\"icon\":\"CloudIcon\",\"title\":\"Remote Content\",\"filePath\":\"app/docs/advanced/remote/page.mdx\",\"timestamp\":1739175025000,\"openGraph\":{\"images\":\"https://nextra.site/og?title=Remote Content\"}},\"title\":\"Remote Content\"},{\"name\":\"playground\",\"route\":\"/docs/advanced/playground\",\"frontMatter\":{\"title\":\"Playground\",\"filePath\":\"app/docs/advanced/playground/page.mdx\",\"timestamp\":1739175025000,\"openGraph\":{\"images\":\"https://nextra.site/og?title=Playground\"}},\"title\":\"Playground\"},{\"name\":\"customize-the-cascade-layers\",\"route\":\"/docs/advanced/customize-the-cascade-layers\",\"frontMatter\":{\"sidebarTitle\":\"Customize Cascade Layers\",\"title\":\"Customize the Cascade Layers\",\"filePath\":\"app/docs/advanced/customize-the-cascade-layers/page.mdx\",\"timestamp\":1739175025000,\"openGraph\":{\"images\":\"https://nextra.site/og?title=Customize the Cascade Layers\"}},\"title\":\"Customize Cascade Layers\"},{\"name\":\"twoslash\",\"route\":\"/docs/advanced/twoslash\",\"frontMatter\":{\"title\":\"Twoslash Support\",\"filePath\":\"app/docs/advanced/twoslash/page.mdx\",\"timestamp\":1739175025000,\"openGraph\":{\"images\":\"https://nextra.site/og?title=Twoslash Support\"}},\"title\":\"Twoslash Support\"}],\"frontMatter\":{\"asIndexPage\":true,\"title\":\"Advanced\",\"filePath\":\"app/docs/advanced/page.mdx\",\"timestamp\":1739175025000,\"openGraph\":{\"images\":\"https://nextra.site/og?title=Advanced\"}},\"title\":\"Advanced\"},{\"name\":\"built-ins\",\"route\":\"/docs/built-ins\",\"children\":[{\"data\":{\"_\":{\"type\":\"separator\",\"title\":\"Layout Components\"},\"banner\":{\"title\":\"\"},\"head\":{\"title\":\"\"},\"search\":{\"title\":\"\"},\"__\":{\"type\":\"separator\",\"title\":\"Content Components\"}}},{\"name\":\"_\",\"type\":\"separator\",\"title\":\"Layout Components\"},{\"name\":\"banner\",\"route\":\"/docs/built-ins/banner\",\"frontMatter\":{\"sidebarTitle\":\"Banner\",\"title\":\"\u003cBanner\u003e Component\",\"filePath\":\"app/docs/built-ins/banner/page.mdx\",\"timestamp\":1739175025000,\"openGraph\":{\"images\":\"https://nextra.site/og?title=\u003cBanner\u003e Component\"}},\"title\":\"Banner\"},{\"name\":\"head\",\"route\":\"/docs/built-ins/head\",\"frontMatter\":{\"sidebarTitle\":\"Head\",\"title\":\"\u003cHead\u003e Component\",\"filePath\":\"app/docs/built-ins/head/page.mdx\",\"timestamp\":1739175025000,\"openGraph\":{\"images\":\"https://nextra.site/og?title=\u003cHead\u003e Component\"}},\"title\":\"Head\"},{\"name\":\"search\",\"route\":\"/docs/built-ins/search\",\"frontMatter\":{\"sidebarTitle\":\"Search\",\"title\":\"\u003cSearch\u003e Component\",\"filePath\":\"app/docs/built-ins/search/page.mdx\",\"timestamp\":1739175025000,\"openGraph\":{\"images\":\"https://nextra.site/og?title=\u003cSearch\u003e Component\"}},\"title\":\"Search\"},{\"name\":\"__\",\"type\":\"separator\",\"title\":\"Content Components\"},{\"name\":\"bleed\",\"route\":\"/docs/built-ins/bleed\",\"frontMatter\":{\"sidebarTitle\":\"Bleed\",\"title\":\"\u003cBleed\u003e Component\",\"filePath\":\"app/docs/built-ins/bleed/page.mdx\",\"timestamp\":1739175025000,\"openGraph\":{\"images\":\"https://nextra.site/og?title=\u003cBleed\u003e Component\"}},\"title\":\"Bleed\"},{\"name\":\"callout\",\"route\":\"/docs/built-ins/callout\",\"frontMatter\":{\"sidebarTitle\":\"Callout\",\"icon\":\"WarningIcon\",\"title\":\"\u003cCallout\u003e Component\",\"filePath\":\"app/docs/built-ins/callout/page.mdx\",\"timestamp\":1739175025000,\"openGraph\":{\"images\":\"https://nextra.site/og?title=\u003cCallout\u003e Component\"}},\"title\":\"Callout\"},{\"name\":\"cards\",\"route\":\"/docs/built-ins/cards\",\"frontMatter\":{\"sidebarTitle\":\"Cards\",\"icon\":\"IdCardIcon\",\"title\":\"\u003cCards\u003e Component\",\"filePath\":\"app/docs/built-ins/cards/page.mdx\",\"timestamp\":1739175025000,\"openGraph\":{\"images\":\"https://nextra.site/og?title=\u003cCards\u003e Component\"}},\"title\":\"Cards\"},{\"name\":\"filetree\",\"route\":\"/docs/built-ins/filetree\",\"frontMatter\":{\"sidebarTitle\":\"FileTree\",\"icon\":\"FolderTreeIcon\",\"title\":\"\u003cFileTree\u003e Component\",\"filePath\":\"app/docs/built-ins/filetree/page.mdx\",\"timestamp\":1739175025000,\"openGraph\":{\"images\":\"https://nextra.site/og?title=\u003cFileTree\u003e Component\"}},\"title\":\"FileTree\"},{\"name\":\"steps\",\"route\":\"/docs/built-ins/steps\",\"frontMatter\":{\"sidebarTitle\":\"Steps\",\"icon\":\"OneIcon\",\"title\":\"\u003cSteps\u003e Component\",\"filePath\":\"app/docs/built-ins/steps/page.mdx\",\"timestamp\":1739175025000,\"openGraph\":{\"images\":\"https://nextra.site/og?title=\u003cSteps\u003e Component\"}},\"title\":\"Steps\"},{\"name\":\"table\",\"route\":\"/docs/built-ins/table\",\"frontMatter\":{\"sidebarTitle\":\"Table\",\"icon\":\"TableIcon\",\"title\":\"\u003cTable\u003e Component\",\"filePath\":\"app/docs/built-ins/table/page.mdx\",\"timestamp\":1739175025000,\"openGraph\":{\"images\":\"https://nextra.site/og?title=\u003cTable\u003e Component\"}},\"title\":\"Table\"},{\"name\":\"tabs\",\"route\":\"/docs/built-ins/tabs\",\"frontMatter\":{\"sidebarTitle\":\"Tabs\",\"icon\":\"CardsIcon\",\"title\":\"\u003cTabs\u003e Component\",\"filePath\":\"app/docs/built-ins/tabs/page.mdx\",\"timestamp\":1739175025000,\"openGraph\":{\"images\":\"https://nextra.site/og?title=\u003cTabs\u003e Component\"}},\"title\":\"Tabs\"}],\"frontMatter\":{\"asIndexPage\":true,\"sidebarTitle\":\"Built-In Components\",\"title\":\"Built-ins\",\"filePath\":\"app/docs/built-ins/page.mdx\",\"timestamp\":1739175025000,\"openGraph\":{\"images\":\"https://nextra.site/og?title=Built-ins\"}},\"title\":\"Built-In Components\"},{\"name\":\"_\",\"type\":\"separator\",\"title\":\"Themes\"},{\"name\":\"docs-theme\",\"route\":\"/docs/docs-theme\",\"children\":[{\"data\":{\"start\":{\"title\":\"\"},\"built-ins\":{}}},{\"name\":\"start\",\"route\":\"/docs/docs-theme/start\",\"frontMatter\":{\"sidebarTitle\":\"Get Started\",\"icon\":\"ChevronRightIcon\",\"title\":\"Docs Theme\",\"filePath\":\"app/docs/docs-theme/start/page.mdx\",\"timestamp\":1739175025000,\"openGraph\":{\"images\":\"https://nextra.site/og?title=Docs Theme\"}},\"title\":\"Get Started\"},{\"name\":\"built-ins\",\"route\":\"/docs/docs-theme/built-ins\",\"children\":[{\"data\":{\"layout\":{\"title\":\"\"}}},{\"name\":\"layout\",\"route\":\"/docs/docs-theme/built-ins/layout\",\"frontMatter\":{\"sidebarTitle\":\"Layout\",\"title\":\"\u003cLayout\u003e Component\",\"filePath\":\"app/docs/docs-theme/built-ins/layout/page.mdx\",\"timestamp\":1739175025000,\"openGraph\":{\"images\":\"https://nextra.site/og?title=\u003cLayout\u003e Component\"}},\"title\":\"Layout\"},{\"name\":\"footer\",\"route\":\"/docs/docs-theme/built-ins/footer\",\"frontMatter\":{\"sidebarTitle\":\"Footer\",\"title\":\"\u003cFooter\u003e Component\",\"filePath\":\"app/docs/docs-theme/built-ins/footer/page.mdx\",\"timestamp\":1739175025000,\"openGraph\":{\"images\":\"https://nextra.site/og?title=\u003cFooter\u003e Component\"}},\"title\":\"Footer\"},{\"name\":\"navbar\",\"route\":\"/docs/docs-theme/built-ins/navbar\",\"frontMatter\":{\"sidebarTitle\":\"Navbar\",\"title\":\"\u003cNavbar\u003e Component\",\"filePath\":\"app/docs/docs-theme/built-ins/navbar/page.mdx\",\"timestamp\":1739175025000,\"openGraph\":{\"images\":\"https://nextra.site/og?title=\u003cNavbar\u003e Component\"}},\"title\":\"Navbar\"},{\"name\":\"not-found\",\"route\":\"/docs/docs-theme/built-ins/not-found\",\"frontMatter\":{\"sidebarTitle\":\"NotFoundPage\",\"title\":\"\u003cNotFoundPage\u003e Component\",\"filePath\":\"app/docs/docs-theme/built-ins/not-found/page.mdx\",\"timestamp\":1739175025000,\"openGraph\":{\"images\":\"https://nextra.site/og?title=\u003cNotFoundPage\u003e Component\"}},\"title\":\"NotFoundPage\"}],\"frontMatter\":{\"asIndexPage\":true,\"sidebarTitle\":\"Built-In Components\",\"icon\":\"BoxIcon\",\"title\":\"Built-ins\",\"filePath\":\"app/docs/docs-theme/built-ins/page.mdx\",\"timestamp\":1739175025000,\"openGraph\":{\"images\":\"https://nextra.site/og?title=Built-ins\"}},\"title\":\"Built-In Components\"},{\"name\":\"api\",\"route\":\"/docs/docs-theme/api\",\"frontMatter\":{\"title\":\"API\",\"filePath\":\"app/docs/docs-theme/api/page.mdx\",\"timestamp\":1739175025000,\"openGraph\":{\"images\":\"https://nextra.site/og?title=API\"}},\"title\":\"API\"}],\"frontMatter\":{\"asIndexPage\":true,\"sidebarTitle\":\"Docs Theme\",\"title\":\"Nextra Docs Theme\",\"filePath\":\"app/docs/docs-theme/page.mdx\",\"timestamp\":1739175025000,\"openGraph\":{\"images\":\"https://nextra.site/og?title=Nextra Docs Theme\"}},\"title\":\"Docs Theme\"},{\"name\":\"blog-theme\",\"route\":\"/docs/blog-theme\",\"children\":[{\"data\":{\"start\":{\"title\":\"\"},\"get-posts-and-tags\":{\"title\":\"\"},\"posts\":{\"title\":[[\"$\",\"code\",null,{\"className\":\"nextra-code\",\"dir\":\"ltr\",\"children\":\"/posts\"}],\" Page\"]},\"tags\":{\"title\":[[\"$\",\"code\",null,{\"className\":\"nextra-code\",\"dir\":\"ltr\",\"children\":\"/tags/:id\"}],\" Page\"]},\"rss\":{\"title\":[[\"$\",\"code\",null,{\"className\":\"nextra-code\",\"dir\":\"ltr\",\"children\":\"/rss.xml\"}],\" Route\"]}}},{\"name\":\"start\",\"route\":\"/docs/blog-theme/start\",\"frontMatter\":{\"icon\":\"ChevronRightIcon\",\"title\":\"Get Started\",\"filePath\":\"app/docs/blog-theme/start/page.mdx\",\"timestamp\":1739175025000,\"openGraph\":{\"images\":\"https://nextra.site/og?title=Get Started\"}},\"title\":\"Get Started\"},{\"name\":\"get-posts-and-tags\",\"route\":\"/docs/blog-theme/get-posts-and-tags\",\"frontMatter\":{\"icon\":\"FilesIcon\",\"title\":\"Get Posts and Their Tags\",\"filePath\":\"app/docs/blog-theme/get-posts-and-tags/page.mdx\",\"timestamp\":1739175025000,\"openGraph\":{\"images\":\"https://nextra.site/og?title=Get Posts and Their Tags\"}},\"title\":\"Get Posts and Their Tags\"},{\"name\":\"posts\",\"route\":\"/docs/blog-theme/posts\",\"frontMatter\":{\"icon\":\"FileIcon\",\"title\":\"Posts Page\",\"filePath\":\"app/docs/blog-theme/posts/page.mdx\",\"timestamp\":1739175025000,\"openGraph\":{\"images\":\"https://nextra.site/og?title=Posts Page\"}},\"title\":\"$2:props:children:1:props:children:props:children:props:children:2:props:pageMap:2:children:8:children:0:data:posts:title\"},{\"name\":\"tags\",\"route\":\"/docs/blog-theme/tags\",\"frontMatter\":{\"icon\":\"TagsIcon\",\"title\":\"Tags Page\",\"filePath\":\"app/docs/blog-theme/tags/page.mdx\",\"timestamp\":1739175025000,\"openGraph\":{\"images\":\"https://nextra.site/og?title=Tags Page\"}},\"title\":\"$2:props:children:1:props:children:props:children:props:children:2:props:pageMap:2:children:8:children:0:data:tags:title\"},{\"name\":\"rss\",\"route\":\"/docs/blog-theme/rss\",\"frontMatter\":{\"icon\":\"RSSIcon\",\"title\":\"Generate RSS feed\",\"filePath\":\"app/docs/blog-theme/rss/page.mdx\",\"timestamp\":1739175025000,\"openGraph\":{\"images\":\"https://nextra.site/og?title=Generate RSS feed\"}},\"title\":\"$2:props:children:1:props:children:props:children:props:children:2:props:pageMap:2:children:8:children:0:data:rss:title\"}],\"frontMatter\":{\"asIndexPage\":true,\"sidebarTitle\":\"Blog Theme\",\"title\":\"Nextra Blog Theme\",\"filePath\":\"app/docs/blog-theme/page.mdx\",\"timestamp\":1739175025000,\"openGraph\":{\"images\":\"https://nextra.site/og?title=Nextra Blog Theme\"}},\"title\":\"Blog Theme\"},{\"name\":\"custom-theme\",\"route\":\"/docs/custom-theme\",\"frontMatter\":{\"title\":\"Custom Theme\",\"filePath\":\"app/docs/custom-theme/page.mdx\",\"timestamp\":1739175025000,\"openGraph\":{\"images\":\"https://nextra.site/og?title=Custom Theme\"}},\"title\":\"Custom Theme\"},{\"name\":\"__\",\"type\":\"separator\",\"title\":\"More\"},{\"name\":\"about-link\",\"title\":\"About Nextra\",\"href\":\"/about\"},{\"name\":\"next.js-link\",\"title\":\"Next.js Docs\",\"href\":\"https://nextjs.org?utm_source=nextra.site\u0026utm_medium=referral\u0026utm_campaign=sidebar\"},{\"name\":\"migration-from-v3\",\"title\":\"Migration from Nextra v3\",\"href\":\"https://the-guild.dev/blog/nextra-4?utm_source=nextra.site\u0026utm_campaign=sidebar\u0026utm_content=sidebar_link#nextra-theme-docs-changes\"}],\"title\":\"Documentation\"},{\"name\":\"versions\",\"type\":\"menu\",\"title\":\"Versions\",\"items\":\"$2:props:children:1:props:children:props:children:props:children:2:props:pageMap:0:data:versions:items\"},{\"name\":\"blog\",\"route\":\"/blog\",\"frontMatter\":{\"asIndexPage\":true,\"description\":\"Stay updated with the latest news and updates from the Nextra team, including new releases, features, and community highlights.\",\"title\":\"Blog\",\"filePath\":\"app/blog/page.mdx\",\"timestamp\":1739175025000,\"openGraph\":{\"images\":\"https://nextra.site/og?title=Blog\"}},\"title\":\"Blog\"},{\"name\":\"about\",\"route\":\"/about\",\"frontMatter\":{\"sidebarTitle\":\"About\",\"description\":\"Learn about Nextra's history, team, and contributors, and explore how open-source technologies power Nextra's features.\",\"title\":\"About Nextra\",\"filePath\":\"app/about/page.mdx\",\"timestamp\":1739175025000,\"openGraph\":{\"images\":\"https://nextra.site/og?title=About Nextra\"}},\"title\":\"About\"},{\"name\":\"showcase\",\"route\":\"/showcase\",\"frontMatter\":{\"description\":\"Explore projects powered by Nextra, showcasing a diverse range of websites and applications built with this powerful Next.js framework, from GraphQL tools to JavaScript resources.\",\"title\":\"Showcase\",\"filePath\":\"app/showcase/page.mdx\",\"timestamp\":1739175025000,\"openGraph\":{\"images\":\"https://nextra.site/og?title=Showcase\"}},\"title\":\"Showcase\"},{\"name\":\"sponsors\",\"route\":\"/sponsors\",\"frontMatter\":{\"description\":\"Support Nextra by exploring its sponsors. Learn how they contribute to the development and success of the Nextra framework\",\"title\":\"Sponsors\",\"filePath\":\"app/sponsors/page.mdx\",\"timestamp\":1739175025000,\"openGraph\":{\"images\":\"https://nextra.site/og?title=Sponsors\"}},\"title\":\"Sponsors\"}],\"navbar\":[\"$\",\"header\",null,{\"className\":\"nextra-navbar x:sticky x:top-0 x:z-30 x:w-full x:bg-transparent x:print:hidden x:max-md:[.nextra-banner:not([class$=hidden])~\u0026]:top-(--nextra-banner-height)\",\"children\":[[\"$\",\"div\",null,{\"className\":\"nextra-navbar-blur x:absolute x:-z-1 x:size-full nextra-border x:border-b x:backdrop-blur-md x:bg-nextra-bg/70\"}],[\"$\",\"nav\",null,{\"style\":{\"height\":\"var(--nextra-navbar-height)\"},\"className\":\"x:mx-auto x:flex x:max-w-(--nextra-content-width) x:items-center x:gap-4 x:pl-[max(env(safe-area-inset-left),1.5rem)] x:pr-[max(env(safe-area-inset-right),1.5rem)] x:justify-end\",\"children\":[[\"$\",\"$L8\",null,{\"href\":\"/\",\"className\":\"x:flex x:items-center x:me-auto x:transition-opacity x:focus-visible:nextra-focus x:hover:opacity-75\",\"children\":[\"$\",\"svg\",null,{\"xmlns\":\"http://www.w3.org/2000/svg\",\"fill\":\"currentColor\",\"viewBox\":\"0 0 361 70\",\"height\":\"20\",\"className\":\"hover:transition-all hover:duration-1000 motion-reduce:hover:transition-none [mask-image:linear-gradient(60deg,#000_25%,rgba(0,0,0,.2)_50%,#000_75%)] [mask-position:0] [mask-size:400%] hover:[mask-position:100%]\",\"children\":[[\"$\",\"path\",null,{\"d\":\"$18\"}],[\"$\",\"path\",null,{\"stroke\":\"currentColor\",\"strokeWidth\":2,\"d\":\"M64.883 1.813 62.037 4.66c-14.91 14.91-39.083 14.91-53.992 0L5.198 1.813a2.394 2.394 0 0 0-3.385 3.385L4.66 8.045c14.91 14.91 14.91 39.083 0 53.992l-2.847 2.846a2.394 2.394 0 0 0 3.385 3.386l2.847-2.847c14.91-14.91 39.082-14.91 53.992 0l2.846 2.847a2.394 2.394 0 1 0 3.386-3.386l-2.847-2.846c-14.91-14.91-14.91-39.083 0-53.992l2.847-2.846a2.394 2.394 0 0 0-3.386-3.386Z\"}]]}]}],[\"$\",\"$L19\",null,{\"className\":\"\",\"children\":[[\"$\",\"a\",null,{\"href\":\"https://github.com/shuding/nextra\",\"target\":\"_blank\",\"rel\":\"noreferrer\",\"children\":[[\"$\",\"svg\",null,{\"fill\":\"currentColor\",\"viewBox\":\"3 3 18 18\",\"height\":\"24\",\"children\":[\"$\",\"path\",null,{\"d\":\"$1a\"}]}],false],\"className\":\"x:focus-visible:nextra-focus\"}],\"$undefined\",\"$undefined\"]}]]}]]}],\"footer\":[\"$\",\"div\",null,{\"className\":\"x:bg-gray-100 x:pb-[env(safe-area-inset-bottom)] x:dark:bg-neutral-900 x:print:bg-transparent\",\"children\":[[\"$\",\"$L1b\",null,{\"children\":[\"$\",\"div\",null,{\"className\":\"x:mx-auto x:flex x:max-w-(--nextra-content-width) x:gap-2 x:py-2 x:px-4\",\"children\":[[\"$\",\"$L1c\",null,{}],[\"$\",\"$L1d\",null,{}]]}]}],[\"$\",\"hr\",null,{\"className\":\"nextra-border\"}],[\"$\",\"footer\",null,{\"className\":\"x:mx-auto x:flex x:max-w-(--nextra-content-width) x:justify-center x:py-12 x:text-gray-600 x:dark:text-gray-400 x:md:justify-start x:pl-[max(env(safe-area-inset-left),1.5rem)] x:pr-[max(env(safe-area-inset-right),1.5rem)] flex-col items-center md:items-start\",\"children\":[[\"$\",\"a\",null,{\"className\":\"x:focus-visible:nextra-focus flex items-center gap-1\",\"target\":\"_blank\",\"rel\":\"noreferrer\",\"title\":\"vercel.com homepage\",\"href\":\"https://vercel.com?utm_source=nextra.site\",\"children\":[\"Powered by\",[\"$\",\"svg\",null,{\"xmlns\":\"http://www.w3.org/2000/svg\",\"fill\":\"currentColor\",\"viewBox\":\"0 0 283 64\",\"height\":\"20\",\"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.99m-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.5zM248.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.99m-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.5zM200.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 10m82.48-29v46h-9V5zM36.95 0 73.9 64H0zm92.38 5-27.71 48L73.91 5H84.3l17.32 30 17.32-30zm58.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.2\"}]}]]}],[\"$\",\"p\",null,{\"className\":\"mt-6 text-xs\",\"children\":[\"© \",2025,\" The Nextra Project.\"]}]]}]]}],\"children\":[[\"$\",\"$L1e\",null,{}],[\"$\",\"$L3\",null,{\"parallelRouterKey\":\"children\",\"segmentPath\":[\"children\"],\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L4\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[[],[\"$\",\"div\",null,{\"className\":\"x:flex x:flex-col x:justify-center x:items-center x:h-[calc(100dvh-var(--nextra-navbar-height))]\",\"children\":[[\"$\",\"h1\",null,{\"id\":\"$undefined\",\"className\":\"x:tracking-tight x:text-slate-900 x:dark:text-slate-100 x:font-bold x:mt-2 x:text-4xl\",\"children\":[\"404: Page Not Found\",\"$undefined\"]}],[\"$\",\"$L1f\",null,{\"labels\":\"bug\",\"children\":\"Submit an issue about broken link\"}]]}]],\"forbidden\":\"$undefined\",\"unauthorized\":\"$undefined\"}]]}]]}]}]}]]}]\n"])</script><script>self.__next_f.push([1,"f:[[\"$\",\"meta\",\"0\",{\"name\":\"viewport\",\"content\":\"width=device-width, initial-scale=1\"}]]\nd:[[\"$\",\"meta\",\"0\",{\"charSet\":\"utf-8\"}],[\"$\",\"title\",\"1\",{\"children\":\"Sponsors | Nextra\"}],[\"$\",\"meta\",\"2\",{\"name\":\"description\",\"content\":\"Support Nextra by exploring its sponsors. Learn how they contribute to the development and success of the Nextra framework\"}],[\"$\",\"meta\",\"3\",{\"name\":\"application-name\",\"content\":\"Nextra\"}],[\"$\",\"meta\",\"4\",{\"name\":\"generator\",\"content\":\"Next.js\"}],[\"$\",\"meta\",\"5\",{\"name\":\"keywords\",\"content\":\"Nextra,Next.js,React,JavaScript,MDX,Markdown,Static Site Generator\"}],[\"$\",\"meta\",\"6\",{\"name\":\"msapplication-TileColor\",\"content\":\"#fff\"}],[\"$\",\"link\",\"7\",{\"rel\":\"canonical\",\"href\":\"https://nextra.site/sponsors\"}],[\"$\",\"meta\",\"8\",{\"name\":\"mobile-web-app-capable\",\"content\":\"yes\"}],[\"$\",\"meta\",\"9\",{\"name\":\"apple-mobile-web-app-title\",\"content\":\"Nextra\"}],[\"$\",\"meta\",\"10\",{\"name\":\"apple-mobile-web-app-status-bar-style\",\"content\":\"default\"}],[\"$\",\"meta\",\"11\",{\"property\":\"og:title\",\"content\":\"Sponsors | Nextra\"}],[\"$\",\"meta\",\"12\",{\"property\":\"og:description\",\"content\":\"Support Nextra by exploring its sponsors. Learn how they contribute to the development and success of the Nextra framework\"}],[\"$\",\"meta\",\"13\",{\"property\":\"og:image\",\"content\":\"https://nextra.site/og?title=Sponsors\"}],[\"$\",\"meta\",\"14\",{\"name\":\"twitter:card\",\"content\":\"summary\"}],[\"$\",\"meta\",\"15\",{\"name\":\"twitter:site\",\"content\":\"https://nextra.site\"}],[\"$\",\"meta\",\"16\",{\"name\":\"twitter:title\",\"content\":\"Sponsors | Nextra\"}],[\"$\",\"meta\",\"17\",{\"name\":\"twitter:description\",\"content\":\"Support Nextra by exploring its sponsors. Learn how they contribute to the development and success of the Nextra framework\"}],[\"$\",\"meta\",\"18\",{\"name\":\"twitter:image\",\"content\":\"https://nextra.site/og?title=Sponsors\"}],[\"$\",\"link\",\"19\",{\"rel\":\"icon\",\"href\":\"/icon.svg?cac6a12bdc398585\",\"type\":\"image/svg+xml\",\"sizes\":\"any\"}]]\n"])</script><script>self.__next_f.push([1,"b:null\n"])</script></body></html>