GitHub

<!DOCTYPE html><html><head><meta charSet="utf-8" data-next-head=""/><meta name="theme-color" content="#111" media="(prefers-color-scheme: dark)" data-next-head=""/><meta name="viewport" content="width=device-width, initial-scale=1.0, viewport-fit=cover" data-next-head=""/><style data-next-head="">:root{--nextra-primary-hue:212deg;--nextra-primary-saturation:100%;--nextra-primary-lightness:45%;--nextra-navbar-height:64px;--nextra-menu-height:3.75rem;--nextra-banner-height:2.5rem;--nextra-bg:250,250,250;}.dark{--nextra-primary-hue:204deg;--nextra-primary-saturation:100%;--nextra-primary-lightness:55%;--nextra-bg:17,17,17;}</style><title data-next-head="">Showcase - Nextra</title><meta property="og:title" content="Showcase - Nextra" data-next-head=""/><meta name="description" content="Make beautiful websites with Next.js & MDX." data-next-head=""/><meta property="og:description" content="Make beautiful websites with Next.js & MDX." data-next-head=""/><meta property="og:image" content="https://nextra.site//og?title=Showcase" data-next-head=""/><meta name="msapplication-TileColor" content="#fff" data-next-head=""/><meta http-equiv="Content-Language" content="en" data-next-head=""/><meta name="twitter:card" content="summary_large_image" data-next-head=""/><meta name="twitter:site:domain" content="nextra.site" data-next-head=""/><meta name="twitter:url" content="https://nextra.site" data-next-head=""/><meta name="apple-mobile-web-app-title" content="Nextra" data-next-head=""/><link rel="icon" href="/favicon.svg" type="image/svg+xml" data-next-head=""/><link rel="icon" href="/favicon.png" type="image/png" data-next-head=""/><link rel="icon" href="/favicon-dark.svg" type="image/svg+xml" media="(prefers-color-scheme: dark)" data-next-head=""/><link rel="icon" href="/favicon-dark.png" type="image/png" media="(prefers-color-scheme: dark)" data-next-head=""/><link data-next-font="" rel="preconnect" href="/" crossorigin="anonymous"/><link rel="preload" href="/_next/static/css/8b545b0ea48d5194.css" as="style"/><link rel="stylesheet" href="/_next/static/css/8b545b0ea48d5194.css" data-n-g=""/><noscript data-n-css=""></noscript><script defer="" nomodule="" src="/_next/static/chunks/polyfills-42372ed130431b0a.js"></script><script src="/_next/static/chunks/webpack-e929cc25552c3207.js" defer=""></script><script src="/_next/static/chunks/framework-39925ec89e745337.js" defer=""></script><script src="/_next/static/chunks/main-3bccaa671a13efe9.js" defer=""></script><script src="/_next/static/chunks/pages/_app-9967617341519fcc.js" defer=""></script><script src="/_next/static/chunks/8402-e02c9f59dc02b108.js" defer=""></script><script src="/_next/static/chunks/1512-04151a96390d6bf9.js" defer=""></script><script src="/_next/static/chunks/pages/showcase-cedfd4249176fcc2.js" defer=""></script><script src="/_next/static/02EuseZYwilZi1jMNhUd6/_buildManifest.js" defer=""></script><script src="/_next/static/02EuseZYwilZi1jMNhUd6/_ssgManifest.js" defer=""></script><style id="__jsx-37c7cf7a4c4dcf24">svg.jsx-37c7cf7a4c4dcf24{-webkit-mask-image:-webkit-linear-gradient(30deg,black 25%,rgba(0,0,0,.2)50%,black 75%);mask-image:-webkit-linear-gradient(30deg,black 25%,rgba(0,0,0,.2)50%,black 75%);mask-image:-moz-linear-gradient(30deg,black 25%,rgba(0,0,0,.2)50%,black 75%);mask-image:-o-linear-gradient(30deg,black 25%,rgba(0,0,0,.2)50%,black 75%);mask-image:linear-gradient(60deg,black 25%,rgba(0,0,0,.2)50%,black 75%);-webkit-mask-size:400%;mask-size:400%;-webkit-mask-position:0%;mask-position:0%}svg.jsx-37c7cf7a4c4dcf24:hover{-webkit-mask-position:100%;mask-position:100%;-webkit-transition:mask-position 1s ease,-webkit-mask-position 1s ease;-moz-transition:mask-position 1s ease,-webkit-mask-position 1s ease;-o-transition:mask-position 1s ease,-webkit-mask-position 1s ease;transition:mask-position 1s ease,-webkit-mask-position 1s ease}</style><style id="__jsx-65ab26794cb5cd72">img{aspect-ratio:12/6.3;-o-object-fit:cover;object-fit:cover}</style></head><body><div id="__next"><script>((e,t,n,r,o,i,l,a)=>{let s=document.documentElement,u=["light","dark"];function c(t){(Array.isArray(e)?e:[e]).forEach(e=>{let n="class"===e,r=n&&i?o.map(e=>i[e]||e):o;n?(s.classList.remove(...r),s.classList.add(t)):s.setAttribute(e,t)}),a&&u.includes(t)&&(s.style.colorScheme=t)}if(r)c(r);else try{let e=localStorage.getItem(t)||n,r=l&&"system"===e?window.matchMedia("(prefers-color-scheme: dark)").matches?"dark":"light":e;c(r)}catch(e){}})("class","theme","system",null,["light","dark"],null,true,true)</script><div dir="ltr"><script>document.documentElement.setAttribute('dir','ltr')</script><script>try{if(localStorage.getItem("3.0-release")==='0'){document.body.classList.add('nextra-banner-hidden')}}catch(e){}</script><div class="nextra-banner-container max-md:_sticky _top-0 _z-20 _flex _items-center _h-[var(--nextra-banner-height)] [body.nextra-banner-hidden_&]:_hidden _text-slate-50 dark:_text-white _bg-neutral-900 dark:_bg-[linear-gradient(1deg,#383838,#212121)] _px-2 _ps-10 print:_hidden"><div class="_w-full _truncate _text-center _font-medium _text-sm"><div class="before:content-["🎉_"]">Nextra 3.0 is released. <a class="nextra-focus _text-primary-600 _underline hover:_no-underline _decoration-from-font [text-underline-position:from-font] after:content-["_→"]" href="https://the-guild.dev/blog/nextra-3" target="_blank" rel="noreferrer">Read more</a></div></div><button class="_transition _p-2 _opacity-80" aria-label="Dismiss banner" type="button" data-headlessui-state=""><svg viewBox="0 0 20 20" fill="currentColor" height="16"><path d="M4.293 4.293a1 1 0 011.414 0L10 8.586l4.293-4.293a1 1 0 111.414 1.414L11.414 10l4.293 4.293a1 1 0 01-1.414 1.414L10 11.414l-4.293 4.293a1 1 0 01-1.414-1.414L8.586 10 4.293 5.707a1 1 0 010-1.414z"></path></svg></button></div><div class="nextra-nav-container _sticky _top-0 _z-20 _w-full _bg-transparent print:_hidden"><div class="nextra-nav-container-blur"></div><nav class="_mx-auto _flex _h-[var(--nextra-navbar-height)] _max-w-[90rem] _items-center _justify-end _gap-4 _pl-[max(env(safe-area-inset-left),1.5rem)] _pr-[max(env(safe-area-inset-right),1.5rem)]"><a class="nextra-focus _flex _items-center hover:_opacity-75 ltr:_mr-auto rtl:_ml-auto" href="/"><svg height="20" viewBox="0 0 361 70" fill="none" xmlns="http://www.w3.org/2000/svg" class="jsx-37c7cf7a4c4dcf24"><path d="M114.913 33.2763v28.7642h-11.57V12.9496h11.059v8.3416h.575c1.129-2.7485 2.93-4.9325 5.401-6.5518 2.493-1.6193 5.572-2.429 9.237-2.429 3.388 0 6.339.7244 8.853 2.1733 2.535 1.4489 4.496 3.5476 5.88 6.2962 1.407 2.7486 2.099 6.0831 2.078 10.0035v31.2571h-11.57V32.5732c0-3.2813-.852-5.8487-2.557-7.7024-1.683-1.8537-4.016-2.7806-6.999-2.7806-2.024 0-3.824.4475-5.401 1.3424-1.556.8736-2.781 2.1413-3.676 3.8032-.873 1.662-1.31 3.6755-1.31 6.0405Zm61.407 29.723c-4.922 0-9.172-1.0227-12.752-3.0681-3.558-2.0668-6.296-4.9858-8.214-8.7572-1.917-3.7926-2.876-8.2563-2.876-13.3913 0-5.0497.959-9.4815 2.876-13.2954 1.939-3.8353 4.645-6.8182 8.118-8.9489 3.473-2.152 7.553-3.228 12.241-3.228 3.026 0 5.881.4901 8.565 1.4702 2.706.9588 5.093 2.4503 7.159 4.4744 2.088 2.0242 3.729 4.6023 4.922 7.7344 1.193 3.1108 1.79 6.8182 1.79 11.1221v3.5476h-40.238v-7.7983h29.148c-.021-2.2159-.501-4.1868-1.438-5.9126-.938-1.7472-2.248-3.1215-3.931-4.1229-1.662-1.0014-3.601-1.5021-5.817-1.5021-2.365 0-4.443.5753-6.232 1.7258-1.79 1.1293-3.186 2.6208-4.187 4.4745-.98 1.8324-1.481 3.8459-1.502 6.0405v6.8075c0 2.8551.522 5.3054 1.566 7.3508 1.044 2.0242 2.503 3.5796 4.378 4.6662 1.875 1.0654 4.07 1.598 6.584 1.598 1.683 0 3.207-.2343 4.57-.7031 1.364-.49 2.546-1.2038 3.548-2.1413 1.001-.9375 1.758-2.0987 2.269-3.4837l10.803 1.2145c-.682 2.8551-1.982 5.348-3.9 7.4787-1.896 2.1094-4.325 3.75-7.286 4.9219-2.962 1.1506-6.35 1.7258-10.164 1.7258Zm34.777-50.0497 9.908 18.1215 10.067-18.1215h12.241l-14.798 24.5455 15.054 24.5454h-12.177l-10.387-17.674-10.291 17.674h-12.273l14.957-24.5454-14.574-24.5455h12.273Zm63.878 0v8.9489h-28.221v-8.9489h28.221ZM253.722 1.18825h11.569V47.2749c0 1.5554.235 2.7486.704 3.5795.49.8097 1.129 1.3637 1.917 1.662s1.662.4474 2.621.4474c.724 0 1.385-.0532 1.981-.1598.618-.1065 1.087-.2024 1.407-.2876l1.949 9.0447c-.618.2131-1.502.4475-2.652.7031-1.13.2557-2.515.4049-4.155.4475-2.898.0852-5.508-.3516-7.831-1.3104-2.322-.9801-4.165-2.4929-5.529-4.5383-1.342-2.0455-2.003-4.6023-1.981-7.6705V1.18825Zm29.129 60.85225V12.9496h11.218v8.1818h.512c.895-2.8338 2.429-5.0177 4.602-6.5518 2.173-1.5554 4.677-2.3331 7.511-2.3331 1.321 0 2.535.1598 3.643.4794 1.108.3196 2.088.7564 2.94 1.3104l-3.579 9.588c-.618-.2983-1.3-.5433-2.046-.7351-.745-.1917-1.587-.2876-2.524-.2876-2.003 0-3.814.4474-5.434 1.3423-1.619.8949-2.908 2.1414-3.867 3.7394-.937 1.5767-1.406 3.4091-1.406 5.4971v28.8601h-11.57Zm51.222.863c-3.856 0-7.308-.9908-10.355-2.9723-3.047-1.9816-5.454-4.858-7.223-8.6293-1.768-3.7713-2.652-8.3523-2.652-13.7429 0-5.4546.894-10.0568 2.684-13.8068 1.811-3.7713 4.251-6.6158 7.319-8.5334 3.068-1.9389 6.488-2.9084 10.259-2.9084 2.877 0 5.242.4901 7.095 1.4702 1.854.9588 3.324 2.12 4.411 3.4836 1.087 1.3424 1.928 2.6101 2.525 3.8033h.479v-8.1179h11.602v49.0909h-11.378v-7.7343h-.703c-.597 1.1931-1.46 2.4609-2.589 3.8032-1.129 1.321-2.621 2.4503-4.474 3.3878-1.854.9375-4.187 1.4063-7 1.4063Zm3.228-9.4922c2.451 0 4.539-.6605 6.265-1.9816 1.725-1.3423 3.036-3.2066 3.931-5.593s1.342-5.1669 1.342-8.3416c0-3.1747-.447-5.934-1.342-8.2777-.874-2.3438-2.174-4.1655-3.9-5.4652-1.704-1.2997-3.803-1.9496-6.296-1.9496-2.578 0-4.73.6712-6.456 2.0135s-3.025 3.196-3.899 5.5611c-.873 2.365-1.31 5.071-1.31 8.1179 0 3.0682.437 5.8061 1.31 8.2138.895 2.3863 2.205 4.272 3.931 5.6569 1.747 1.3636 3.889 2.0455 6.424 2.0455Z" fill="currentColor" class="jsx-37c7cf7a4c4dcf24"></path><path d="m64.8833 1.81335-2.8464 2.84638C47.1274 19.5692 22.9543 19.5692 8.04485 4.65972L5.19848 1.81335c-.93479-.93478-2.45037-.93478-3.38515 0-.93479.93478-.93478 2.45037 0 3.38515L4.6597 8.04487c14.9095 14.90953 14.9095 39.08263 0 53.99213l-2.84637 2.8463c-.93479.9348-.93479 2.4504 0 3.3852.93478.9348 2.45037.9348 3.38515 0l2.84637-2.8464c14.90955-14.9095 39.08255-14.9095 53.99205 0l2.8464 2.8464c.9348.9348 2.4504.9348 3.3852 0 .9347-.9348.9347-2.4504 0-3.3852l-2.8464-2.8463c-14.9095-14.9095-14.9095-39.0826 0-53.99213l2.8464-2.84637c.9347-.93478.9347-2.45037 0-3.38515-.9348-.93478-2.4504-.93478-3.3852 0Z" fill="currentColor" stroke="currentColor" stroke-width="2" class="jsx-37c7cf7a4c4dcf24"></path></svg></a><div class="_flex _gap-4 _overflow-x-auto nextra-scrollbar _py-1.5"><a class="nextra-focus _text-sm contrast-more:_text-gray-700 contrast-more:dark:_text-gray-100 max-md:_hidden _whitespace-nowrap _ring-inset _text-gray-600 hover:_text-gray-800 dark:_text-gray-400 dark:hover:_text-gray-200" aria-current="false" href="/docs">Documentation</a><button class="_text-sm contrast-more:_text-gray-700 contrast-more:dark:_text-gray-100 _text-gray-600 hover:_text-gray-800 dark:_text-gray-400 dark:hover:_text-gray-200 max-md:_hidden _items-center _whitespace-nowrap _flex _gap-1.5 _ring-inset" id="headlessui-menu-button-:Rt596:" 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" class="_h-3.5 *:_origin-center *:_transition-transform *:_rotate-90"><path d="M9 5l7 7-7 7" stroke-linecap="round" stroke-linejoin="round"></path></svg></button><a class="nextra-focus _text-sm contrast-more:_text-gray-700 contrast-more:dark:_text-gray-100 max-md:_hidden _whitespace-nowrap _ring-inset _text-gray-600 hover:_text-gray-800 dark:_text-gray-400 dark:hover:_text-gray-200" aria-current="false" href="/blog">Blog</a><a class="nextra-focus _text-sm contrast-more:_text-gray-700 contrast-more:dark:_text-gray-100 max-md:_hidden _whitespace-nowrap _ring-inset _text-gray-600 hover:_text-gray-800 dark:_text-gray-400 dark:hover:_text-gray-200" aria-current="false" href="/about">About</a><a class="nextra-focus _text-sm contrast-more:_text-gray-700 contrast-more:dark:_text-gray-100 max-md:_hidden _whitespace-nowrap _ring-inset _font-medium _subpixel-antialiased" aria-current="true" href="/showcase">Showcase</a><a class="nextra-focus _text-sm contrast-more:_text-gray-700 contrast-more:dark:_text-gray-100 max-md:_hidden _whitespace-nowrap _ring-inset _text-gray-600 hover:_text-gray-800 dark:_text-gray-400 dark:hover:_text-gray-200" aria-current="false" href="/sponsors">Sponsors</a></div><div class="_not-prose _relative _flex _items-center _text-gray-900 dark:_text-gray-300 contrast-more:_text-gray-800 contrast-more:dark:_text-gray-300 max-md:_hidden"><input spellcheck="false" class="_rounded-lg _px-3 _py-2 _transition-colors _w-full md:_w-64 _text-base _leading-tight md:_text-sm _bg-black/[.05] dark:_bg-gray-50/10 placeholder:_text-gray-500 dark:placeholder:_text-gray-400 contrast-more:_border contrast-more:_border-current [&::-webkit-search-cancel-button]:_appearance-none" autoComplete="off" placeholder="Search documentation…" id="headlessui-combobox-input-:R1dn96:" role="combobox" type="search" aria-expanded="false" aria-autocomplete="list" data-headlessui-state="" value=""/></div><a class="nextra-focus" href="https://github.com/shuding/nextra" target="_blank" rel="noreferrer"><svg width="24" height="24" fill="currentColor" viewBox="3 3 18 18"><title>GitHub</title><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><span class="_sr-only">GitHub</span></a><button class="_transition nextra-hamburger _rounded md:_hidden" aria-label="Menu" type="button" data-headlessui-state=""><svg fill="none" width="24" height="24" viewBox="0 0 24 24" stroke="currentColor" class=""><g><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 6h16"></path></g><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 12h16"></path><g><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" d="M4 18h16"></path></g></svg></button></nav></div><div class="_mx-auto _flex _max-w-[90rem]"><div class="[transition:background-color_1.5s_ease] _bg-transparent"></div><aside class="nextra-sidebar-container _flex _flex-col md:_top-16 md:_shrink-0 motion-reduce:_transform-none motion-reduce:_transition-none [.resizing_&]:_transition-none _transform-gpu _transition-all _ease-in-out print:_hidden md:_w-64 md:_hidden max-md:[transform:translate3d(0,-100%,0)]"><div class="_px-4 _pt-4 md:_hidden"><div class="_not-prose _relative _flex _items-center _text-gray-900 dark:_text-gray-300 contrast-more:_text-gray-800 contrast-more:dark:_text-gray-300"><input spellcheck="false" class="_rounded-lg _px-3 _py-2 _transition-colors _w-full md:_w-64 _text-base _leading-tight md:_text-sm _bg-black/[.05] dark:_bg-gray-50/10 placeholder:_text-gray-500 dark:placeholder:_text-gray-400 contrast-more:_border contrast-more:_border-current [&::-webkit-search-cancel-button]:_appearance-none" autoComplete="off" placeholder="Search documentation…" id="headlessui-combobox-input-:R5msr6:" role="combobox" type="search" aria-expanded="false" aria-autocomplete="list" data-headlessui-state="" value=""/></div></div><div class="_overflow-y-auto _p-4 _grow md:_h-[calc(100vh-var(--nextra-navbar-height)-var(--nextra-menu-height))] nextra-scrollbar"></div><div class="nextra-sidebar-footer _sticky _bottom-0 _flex _items-center _gap-2 _py-4 _mx-3 _px-1" data-toggle-animation="off"><div class="_grow _flex _flex-col"><button title="Change theme" class="_h-7 _rounded-md _px-2 _text-xs _font-medium _transition-colors _text-gray-600 dark:_text-gray-400" id="headlessui-listbox-button-:R6tsr6:" type="button" aria-haspopup="listbox" aria-expanded="false" data-headlessui-state=""><div class="_flex _items-center _gap-2 _capitalize"><svg fill="none" viewBox="3 3 18 18" width="12" height="12" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" fill="currentColor" 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><span class="">Light</span></div></button></div><button class="_transition max-md:_hidden _rounded-md _p-2 _text-gray-600 dark:_text-gray-400" title="Hide 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><div id="reach-skip-nav"></div><article class="_w-full _break-words nextra-content _min-h-[calc(100vh-var(--nextra-navbar-height))] _pl-[max(env(safe-area-inset-left),1.5rem)] _pr-[max(env(safe-area-inset-right),1.5rem)]"><div class="jsx-65ab26794cb5cd72 mb-16 mt-10 text-center"><h1 class="_mt-2 _text-4xl _font-bold _tracking-tight _text-slate-900 dark:_text-slate-100">Showcase</h1><p class="jsx-65ab26794cb5cd72 mt-4 text-lg text-gray-500 dark:text-gray-400">Open source projects powered by Nextra</p></div> <div class="nextra-cards _mt-4 _gap-4 _grid _not-prose" style="--rows:3"><a class="nextra-focus nextra-card _group _flex _flex-col _justify-start _overflow-hidden _rounded-lg _border _border-gray-200 _text-current _no-underline dark:_shadow-none hover:_shadow-gray-100 dark:hover:_shadow-none _shadow-gray-100 active:_shadow-sm active:_shadow-gray-200 _transition-all _duration-200 hover:_border-gray-300 _bg-gray-100 _shadow dark:_border-neutral-700 dark:_bg-neutral-800 dark:_text-gray-50 hover:_shadow-lg dark:hover:_border-neutral-500 dark:hover:_bg-neutral-700" target="_blank" rel="noreferrer" href="https://the-guild.dev/graphql/hive"><img alt="GraphQL Hive preview" loading="lazy" width="2304" height="1158" decoding="async" data-nimg="1" 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="_flex _font-semibold _items-center _gap-2 _p-4 _text-gray-700 hover:_text-gray-900 after:_content-["→"] after:_transition-transform after:_duration-75 after:group-hover:_translate-x-0.5 dark:_text-gray-300 dark:hover:_text-gray-100">GraphQL Hive</span></a><a class="nextra-focus nextra-card _group _flex _flex-col _justify-start _overflow-hidden _rounded-lg _border _border-gray-200 _text-current _no-underline dark:_shadow-none hover:_shadow-gray-100 dark:hover:_shadow-none _shadow-gray-100 active:_shadow-sm active:_shadow-gray-200 _transition-all _duration-200 hover:_border-gray-300 _bg-gray-100 _shadow dark:_border-neutral-700 dark:_bg-neutral-800 dark:_text-gray-50 hover:_shadow-lg dark:hover:_border-neutral-500 dark:hover:_bg-neutral-700" target="_blank" rel="noreferrer" href="https://speakeasyapi.dev/docs"><img alt="Speakeasy preview" loading="lazy" width="2400" height="1260" decoding="async" data-nimg="1" 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,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAECAMAAACEE47CAAAACVBMVEUhIBZCPRkzMBenGZM6AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAFUlEQVR4nGNggAMmRkZGRiZkBhQAAAFEABGAUFzGAAAAAElFTkSuQmCC'/%3E%3C/svg%3E")" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fspeakeasy.ac62fbbe.png&w=3840&q=75 1x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fspeakeasy.ac62fbbe.png&w=3840&q=75"/><span class="_flex _font-semibold _items-center _gap-2 _p-4 _text-gray-700 hover:_text-gray-900 after:_content-["→"] after:_transition-transform after:_duration-75 after:group-hover:_translate-x-0.5 dark:_text-gray-300 dark:hover:_text-gray-100">Speakeasy</span></a><a class="nextra-focus nextra-card _group _flex _flex-col _justify-start _overflow-hidden _rounded-lg _border _border-gray-200 _text-current _no-underline dark:_shadow-none hover:_shadow-gray-100 dark:hover:_shadow-none _shadow-gray-100 active:_shadow-sm active:_shadow-gray-200 _transition-all _duration-200 hover:_border-gray-300 _bg-gray-100 _shadow dark:_border-neutral-700 dark:_bg-neutral-800 dark:_text-gray-50 hover:_shadow-lg dark:hover:_border-neutral-500 dark:hover:_bg-neutral-700" target="_blank" rel="noreferrer" href="https://reactflow.dev"><img alt="React Flow preview" loading="lazy" width="1200" height="640" decoding="async" data-nimg="1" 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/xAAVAQEBAAAAAAAAAAAAAAAAAAAAAf/aAAwDAQACEAMQAAAArQr/xAAZEAACAwEAAAAAAAAAAAAAAAABAgADEkH/2gAIAQEAAT8ApYvsnjT/xAAVEQEBAAAAAAAAAAAAAAAAAAAAAf/aAAgBAgEBPwCv/8QAFBEBAAAAAAAAAAAAAAAAAAAAAP/aAAgBAwEBPwB//9k='/%3E%3C/svg%3E")" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Freact-flow.41910ad6.jpg&w=1200&q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Freact-flow.41910ad6.jpg&w=3840&q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Freact-flow.41910ad6.jpg&w=3840&q=75"/><span class="_flex _font-semibold _items-center _gap-2 _p-4 _text-gray-700 hover:_text-gray-900 after:_content-["→"] after:_transition-transform after:_duration-75 after:group-hover:_translate-x-0.5 dark:_text-gray-300 dark:hover:_text-gray-100">React Flow</span></a><a class="nextra-focus nextra-card _group _flex _flex-col _justify-start _overflow-hidden _rounded-lg _border _border-gray-200 _text-current _no-underline dark:_shadow-none hover:_shadow-gray-100 dark:hover:_shadow-none _shadow-gray-100 active:_shadow-sm active:_shadow-gray-200 _transition-all _duration-200 hover:_border-gray-300 _bg-gray-100 _shadow dark:_border-neutral-700 dark:_bg-neutral-800 dark:_text-gray-50 hover:_shadow-lg dark:hover:_border-neutral-500 dark:hover:_bg-neutral-700" target="_blank" rel="noreferrer" href="https://svelteflow.dev"><img alt="Svelte Flow preview" loading="lazy" width="1200" height="640" decoding="async" data-nimg="1" 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/xAAUAQEAAAAAAAAAAAAAAAAAAAAA/9oADAMBAAIQAxAAAACuA//EABkQAAIDAQAAAAAAAAAAAAAAAAECAAMSUf/aAAgBAQABPwCli2zxhP/EABQRAQAAAAAAAAAAAAAAAAAAAAD/2gAIAQIBAT8Af//EABQRAQAAAAAAAAAAAAAAAAAAAAD/2gAIAQMBAT8Af//Z'/%3E%3C/svg%3E")" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fsvelte-flow.5efa60ea.jpg&w=1200&q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fsvelte-flow.5efa60ea.jpg&w=3840&q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fsvelte-flow.5efa60ea.jpg&w=3840&q=75"/><span class="_flex _font-semibold _items-center _gap-2 _p-4 _text-gray-700 hover:_text-gray-900 after:_content-["→"] after:_transition-transform after:_duration-75 after:group-hover:_translate-x-0.5 dark:_text-gray-300 dark:hover:_text-gray-100">Svelte Flow</span></a><a class="nextra-focus nextra-card _group _flex _flex-col _justify-start _overflow-hidden _rounded-lg _border _border-gray-200 _text-current _no-underline dark:_shadow-none hover:_shadow-gray-100 dark:hover:_shadow-none _shadow-gray-100 active:_shadow-sm active:_shadow-gray-200 _transition-all _duration-200 hover:_border-gray-300 _bg-gray-100 _shadow dark:_border-neutral-700 dark:_bg-neutral-800 dark:_text-gray-50 hover:_shadow-lg dark:hover:_border-neutral-500 dark:hover:_bg-neutral-700" target="_blank" rel="noreferrer" href="https://thegraph.com/docs/en"><img alt="The Graph preview" loading="lazy" width="1200" height="1200" decoding="async" data-nimg="1" 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 320'%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/wgARCAAIAAgDASIAAhEBAxEB/8QAFQABAQAAAAAAAAAAAAAAAAAAAAf/xAAVAQEBAAAAAAAAAAAAAAAAAAADBf/aAAwDAQACEAMQAAAAnIpt/8QAGxAAAgEFAAAAAAAAAAAAAAAAAgMABBESIaH/2gAIAQEAAT8AqEpENXy5P//EABgRAAIDAAAAAAAAAAAAAAAAAAECABES/9oACAECAQE/AAq5Bqf/xAAXEQEAAwAAAAAAAAAAAAAAAAABAAIx/9oACAEDAQE/ALAOT//Z'/%3E%3C/svg%3E")" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fthegraph.cb3d9f65.jpeg&w=1200&q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fthegraph.cb3d9f65.jpeg&w=3840&q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fthegraph.cb3d9f65.jpeg&w=3840&q=75"/><span class="_flex _font-semibold _items-center _gap-2 _p-4 _text-gray-700 hover:_text-gray-900 after:_content-["→"] after:_transition-transform after:_duration-75 after:group-hover:_translate-x-0.5 dark:_text-gray-300 dark:hover:_text-gray-100">The Graph</span></a><a class="nextra-focus nextra-card _group _flex _flex-col _justify-start _overflow-hidden _rounded-lg _border _border-gray-200 _text-current _no-underline dark:_shadow-none hover:_shadow-gray-100 dark:hover:_shadow-none _shadow-gray-100 active:_shadow-sm active:_shadow-gray-200 _transition-all _duration-200 hover:_border-gray-300 _bg-gray-100 _shadow dark:_border-neutral-700 dark:_bg-neutral-800 dark:_text-gray-50 hover:_shadow-lg dark:hover:_border-neutral-500 dark:hover:_bg-neutral-700" target="_blank" rel="noreferrer" href="https://graphql.org"><img alt="GraphQL preview" loading="lazy" width="1200" height="515" decoding="async" data-nimg="1" 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 120'%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,iVBORw0KGgoAAAANSUhEUgAAAAgAAAADCAMAAACZFr56AAAAD1BMVEX/+/784/T71u/0o9r4xegBKQ4BAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAFklEQVR4nGNgYGSAAmYWRiYmEA8qAgAA8gAQtREHyAAAAABJRU5ErkJggg=='/%3E%3C/svg%3E")" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fgraphql.c181a8b1.png&w=1200&q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fgraphql.c181a8b1.png&w=3840&q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fgraphql.c181a8b1.png&w=3840&q=75"/><span class="_flex _font-semibold _items-center _gap-2 _p-4 _text-gray-700 hover:_text-gray-900 after:_content-["→"] after:_transition-transform after:_duration-75 after:group-hover:_translate-x-0.5 dark:_text-gray-300 dark:hover:_text-gray-100">GraphQL</span></a><a class="nextra-focus nextra-card _group _flex _flex-col _justify-start _overflow-hidden _rounded-lg _border _border-gray-200 _text-current _no-underline dark:_shadow-none hover:_shadow-gray-100 dark:hover:_shadow-none _shadow-gray-100 active:_shadow-sm active:_shadow-gray-200 _transition-all _duration-200 hover:_border-gray-300 _bg-gray-100 _shadow dark:_border-neutral-700 dark:_bg-neutral-800 dark:_text-gray-50 hover:_shadow-lg dark:hover:_border-neutral-500 dark:hover:_bg-neutral-700" target="_blank" rel="noreferrer" href="https://swr.vercel.app"><img alt="SWR preview" loading="lazy" width="1000" height="500" decoding="async" data-nimg="1" 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,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAECAMAAACEE47CAAAAElBMVEUQEBAaGhogICAuLi5DQ0NiYmJu6aH3AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAIklEQVR4nB3GwREAMAjDMDuB/VfuUb0EpC1ndn90RoFEEx4DzAAzHXFopAAAAABJRU5ErkJggg=='/%3E%3C/svg%3E")" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fswr.56523aae.png&w=1080&q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fswr.56523aae.png&w=2048&q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fswr.56523aae.png&w=2048&q=75"/><span class="_flex _font-semibold _items-center _gap-2 _p-4 _text-gray-700 hover:_text-gray-900 after:_content-["→"] after:_transition-transform after:_duration-75 after:group-hover:_translate-x-0.5 dark:_text-gray-300 dark:hover:_text-gray-100">SWR</span></a><a class="nextra-focus nextra-card _group _flex _flex-col _justify-start _overflow-hidden _rounded-lg _border _border-gray-200 _text-current _no-underline dark:_shadow-none hover:_shadow-gray-100 dark:hover:_shadow-none _shadow-gray-100 active:_shadow-sm active:_shadow-gray-200 _transition-all _duration-200 hover:_border-gray-300 _bg-gray-100 _shadow dark:_border-neutral-700 dark:_bg-neutral-800 dark:_text-gray-50 hover:_shadow-lg dark:hover:_border-neutral-500 dark:hover:_bg-neutral-700" target="_blank" rel="noreferrer" href="https://cobe.vercel.app"><img alt="COBE preview" loading="lazy" width="1200" height="1200" decoding="async" data-nimg="1" 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 320'%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,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAICAMAAADz0U65AAAAHlBMVEX///8bGxsICAgxMTHk5OTf39/t7e1ubm5YWFhUVFRc6OizAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAM0lEQVR4nB2LyQ0AMAyDsHO1+y9cpbyQEADdLD0Rszq2PZBShJTUilVwNh0gr3Tzf1XAAxgzAKhn2nKhAAAAAElFTkSuQmCC'/%3E%3C/svg%3E")" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fcobe.6386c5aa.png&w=1200&q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fcobe.6386c5aa.png&w=3840&q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fcobe.6386c5aa.png&w=3840&q=75"/><span class="_flex _font-semibold _items-center _gap-2 _p-4 _text-gray-700 hover:_text-gray-900 after:_content-["→"] after:_transition-transform after:_duration-75 after:group-hover:_translate-x-0.5 dark:_text-gray-300 dark:hover:_text-gray-100">COBE</span></a><a class="nextra-focus nextra-card _group _flex _flex-col _justify-start _overflow-hidden _rounded-lg _border _border-gray-200 _text-current _no-underline dark:_shadow-none hover:_shadow-gray-100 dark:hover:_shadow-none _shadow-gray-100 active:_shadow-sm active:_shadow-gray-200 _transition-all _duration-200 hover:_border-gray-300 _bg-gray-100 _shadow dark:_border-neutral-700 dark:_bg-neutral-800 dark:_text-gray-50 hover:_shadow-lg dark:hover:_border-neutral-500 dark:hover:_bg-neutral-700" target="_blank" rel="noreferrer" href="https://javascriptpatterns.vercel.app"><img alt="JavaScript Patterns preview" loading="lazy" width="1200" height="630" decoding="async" data-nimg="1" 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/xAAVAQEBAAAAAAAAAAAAAAAAAAAAAf/aAAwDAQACEAMQAAAAlgr/xAAaEAACAgMAAAAAAAAAAAAAAAACEQESACFB/9oACAEBAAE/AAK5uoxpSu5//8QAFREBAQAAAAAAAAAAAAAAAAAAAAH/2gAIAQIBAT8Aj//EABQRAQAAAAAAAAAAAAAAAAAAAAD/2gAIAQMBAT8Af//Z'/%3E%3C/svg%3E")" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fjavascript-patterns.1969564e.jpg&w=1200&q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fjavascript-patterns.1969564e.jpg&w=3840&q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fjavascript-patterns.1969564e.jpg&w=3840&q=75"/><span class="_flex _font-semibold _items-center _gap-2 _p-4 _text-gray-700 hover:_text-gray-900 after:_content-["→"] after:_transition-transform after:_duration-75 after:group-hover:_translate-x-0.5 dark:_text-gray-300 dark:hover:_text-gray-100">JavaScript Patterns</span></a><a class="nextra-focus nextra-card _group _flex _flex-col _justify-start _overflow-hidden _rounded-lg _border _border-gray-200 _text-current _no-underline dark:_shadow-none hover:_shadow-gray-100 dark:hover:_shadow-none _shadow-gray-100 active:_shadow-sm active:_shadow-gray-200 _transition-all _duration-200 hover:_border-gray-300 _bg-gray-100 _shadow dark:_border-neutral-700 dark:_bg-neutral-800 dark:_text-gray-50 hover:_shadow-lg dark:hover:_border-neutral-500 dark:hover:_bg-neutral-700" target="_blank" rel="noreferrer" href="https://codesandbox.io/docs/learn/introduction/overview"><img alt="CodeSandbox preview" loading="lazy" width="1199" height="689" decoding="async" data-nimg="1" 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 200'%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/wgARCAAFAAgDASIAAhEBAxEB/8QAFQABAQAAAAAAAAAAAAAAAAAAAAb/xAAVAQEBAAAAAAAAAAAAAAAAAAAABf/aAAwDAQACEAMQAAAAnBTf/8QAHRAAAgIBBQAAAAAAAAAAAAAAAQIDBQQAERIjQf/aAAgBAQABPwCrs7rPIxY7Ewc27JBGpd9z7r//xAAaEQEAAgMBAAAAAAAAAAAAAAABAhEAAwRR/9oACAECAQE/AOSEZa1btfXP/8QAFBEBAAAAAAAAAAAAAAAAAAAAAP/aAAgBAwEBPwB//9k='/%3E%3C/svg%3E")" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fcodesandbox.554da30d.jpg&w=1200&q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fcodesandbox.554da30d.jpg&w=3840&q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fcodesandbox.554da30d.jpg&w=3840&q=75"/><span class="_flex _font-semibold _items-center _gap-2 _p-4 _text-gray-700 hover:_text-gray-900 after:_content-["→"] after:_transition-transform after:_duration-75 after:group-hover:_translate-x-0.5 dark:_text-gray-300 dark:hover:_text-gray-100">CodeSandbox</span></a><a class="nextra-focus nextra-card _group _flex _flex-col _justify-start _overflow-hidden _rounded-lg _border _border-gray-200 _text-current _no-underline dark:_shadow-none hover:_shadow-gray-100 dark:hover:_shadow-none _shadow-gray-100 active:_shadow-sm active:_shadow-gray-200 _transition-all _duration-200 hover:_border-gray-300 _bg-gray-100 _shadow dark:_border-neutral-700 dark:_bg-neutral-800 dark:_text-gray-50 hover:_shadow-lg dark:hover:_border-neutral-500 dark:hover:_bg-neutral-700" target="_blank" rel="noreferrer" href="https://docs.docsgpt.co.uk"><img alt="DocsGPT preview" loading="lazy" width="1280" height="640" decoding="async" data-nimg="1" 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,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAECAMAAACEE47CAAAAQlBMVEUVJ0wbMV4hQXA3R4A+QWZGVpspNVyLda9vaJEmL0+CaYtMS2xKPk93h8Y7MUJcXYtgc7JWWH8sIytZRUAPID5fTnoDTa+tAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAK0lEQVR4nAXBhwEAIAgDsIKA4p7/v2qCC4Kbb4CfSFkdxDpHShUWtMWYzwcSNwES8zzgqgAAAABJRU5ErkJggg=='/%3E%3C/svg%3E")" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fdocsgpt.f988fad6.png&w=1920&q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fdocsgpt.f988fad6.png&w=3840&q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fdocsgpt.f988fad6.png&w=3840&q=75"/><span class="_flex _font-semibold _items-center _gap-2 _p-4 _text-gray-700 hover:_text-gray-900 after:_content-["→"] after:_transition-transform after:_duration-75 after:group-hover:_translate-x-0.5 dark:_text-gray-300 dark:hover:_text-gray-100">DocsGPT</span></a><a class="nextra-focus nextra-card _group _flex _flex-col _justify-start _overflow-hidden _rounded-lg _border _border-gray-200 _text-current _no-underline dark:_shadow-none hover:_shadow-gray-100 dark:hover:_shadow-none _shadow-gray-100 active:_shadow-sm active:_shadow-gray-200 _transition-all _duration-200 hover:_border-gray-300 _bg-gray-100 _shadow dark:_border-neutral-700 dark:_bg-neutral-800 dark:_text-gray-50 hover:_shadow-lg dark:hover:_border-neutral-500 dark:hover:_bg-neutral-700" target="_blank" rel="noreferrer" href="https://cloudquery.io"><img alt="CloudQuery preview" loading="lazy" width="1200" height="600" decoding="async" data-nimg="1" style="color:transparent" src="/_next/static/media/cloudquery.337a142d.svg"/><span class="_flex _font-semibold _items-center _gap-2 _p-4 _text-gray-700 hover:_text-gray-900 after:_content-["→"] after:_transition-transform after:_duration-75 after:group-hover:_translate-x-0.5 dark:_text-gray-300 dark:hover:_text-gray-100">CloudQuery</span></a><a class="nextra-focus nextra-card _group _flex _flex-col _justify-start _overflow-hidden _rounded-lg _border _border-gray-200 _text-current _no-underline dark:_shadow-none hover:_shadow-gray-100 dark:hover:_shadow-none _shadow-gray-100 active:_shadow-sm active:_shadow-gray-200 _transition-all _duration-200 hover:_border-gray-300 _bg-gray-100 _shadow dark:_border-neutral-700 dark:_bg-neutral-800 dark:_text-gray-50 hover:_shadow-lg dark:hover:_border-neutral-500 dark:hover:_bg-neutral-700" target="_blank" rel="noreferrer" href="https://edge-runtime.vercel.app"><img alt="Edge Runtime preview" loading="lazy" width="1200" height="628" decoding="async" data-nimg="1" 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/xAAUAQEAAAAAAAAAAAAAAAAAAAAA/9oADAMBAAIQAxAAAACyg//EABkQAAEFAAAAAAAAAAAAAAAAABIAASJBcf/aAAgBAQABPwAJET5S/8QAFBEBAAAAAAAAAAAAAAAAAAAAAP/aAAgBAgEBPwB//8QAFBEBAAAAAAAAAAAAAAAAAAAAAP/aAAgBAwEBPwB//9k='/%3E%3C/svg%3E")" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fedge-runtime.2839c6ed.jpeg&w=1200&q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fedge-runtime.2839c6ed.jpeg&w=3840&q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fedge-runtime.2839c6ed.jpeg&w=3840&q=75"/><span class="_flex _font-semibold _items-center _gap-2 _p-4 _text-gray-700 hover:_text-gray-900 after:_content-["→"] after:_transition-transform after:_duration-75 after:group-hover:_translate-x-0.5 dark:_text-gray-300 dark:hover:_text-gray-100">Edge Runtime</span></a><a class="nextra-focus nextra-card _group _flex _flex-col _justify-start _overflow-hidden _rounded-lg _border _border-gray-200 _text-current _no-underline dark:_shadow-none hover:_shadow-gray-100 dark:hover:_shadow-none _shadow-gray-100 active:_shadow-sm active:_shadow-gray-200 _transition-all _duration-200 hover:_border-gray-300 _bg-gray-100 _shadow dark:_border-neutral-700 dark:_bg-neutral-800 dark:_text-gray-50 hover:_shadow-lg dark:hover:_border-neutral-500 dark:hover:_bg-neutral-700" target="_blank" rel="noreferrer" href="https://docs.livepeer.org/guides/overview"><img alt="Livepeer preview" loading="lazy" width="1600" height="900" decoding="async" data-nimg="1" 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 200'%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,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAFCAMAAABPT11nAAAAD1BMVEUQExIUFxYmKSg4OjlMTk6EgplbAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAH0lEQVR4nGNgZGRgYGRkZGRgZGBigjKYWZgYUESgagAD3AArxA3ceAAAAABJRU5ErkJggg=='/%3E%3C/svg%3E")" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Flivepeer.a700a502.png&w=1920&q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Flivepeer.a700a502.png&w=3840&q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Flivepeer.a700a502.png&w=3840&q=75"/><span class="_flex _font-semibold _items-center _gap-2 _p-4 _text-gray-700 hover:_text-gray-900 after:_content-["→"] after:_transition-transform after:_duration-75 after:group-hover:_translate-x-0.5 dark:_text-gray-300 dark:hover:_text-gray-100">Livepeer</span></a><a class="nextra-focus nextra-card _group _flex _flex-col _justify-start _overflow-hidden _rounded-lg _border _border-gray-200 _text-current _no-underline dark:_shadow-none hover:_shadow-gray-100 dark:hover:_shadow-none _shadow-gray-100 active:_shadow-sm active:_shadow-gray-200 _transition-all _duration-200 hover:_border-gray-300 _bg-gray-100 _shadow dark:_border-neutral-700 dark:_bg-neutral-800 dark:_text-gray-50 hover:_shadow-lg dark:hover:_border-neutral-500 dark:hover:_bg-neutral-700" target="_blank" rel="noreferrer" href="https://docs.sound.xyz"><img alt="Sound.xyz preview" loading="lazy" width="4800" height="2508" decoding="async" data-nimg="1" 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,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAECAMAAACEE47CAAAALVBMVEUEBAUPDw8WCyAPBA8KCAgbGxt0HFZJEUCZKZ8nJCU0NDQkFkQvJVNFJSBfOVnr2r3kAAAACXBIWXMAACxLAAAsSwGlPZapAAAAJ0lEQVR4nAXBhwEAIAgEsXuKYN1/XBPWxGp0k/Kz6w1QmLlflCIi+AztAJ0Aa3UZAAAAAElFTkSuQmCC'/%3E%3C/svg%3E")" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fsound.xyz.44f35c88.png&w=3840&q=75 1x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fsound.xyz.44f35c88.png&w=3840&q=75"/><span class="_flex _font-semibold _items-center _gap-2 _p-4 _text-gray-700 hover:_text-gray-900 after:_content-["→"] after:_transition-transform after:_duration-75 after:group-hover:_translate-x-0.5 dark:_text-gray-300 dark:hover:_text-gray-100">Sound.xyz</span></a><a class="nextra-focus nextra-card _group _flex _flex-col _justify-start _overflow-hidden _rounded-lg _border _border-gray-200 _text-current _no-underline dark:_shadow-none hover:_shadow-gray-100 dark:hover:_shadow-none _shadow-gray-100 active:_shadow-sm active:_shadow-gray-200 _transition-all _duration-200 hover:_border-gray-300 _bg-gray-100 _shadow dark:_border-neutral-700 dark:_bg-neutral-800 dark:_text-gray-50 hover:_shadow-lg dark:hover:_border-neutral-500 dark:hover:_bg-neutral-700" target="_blank" rel="noreferrer" href="https://panda-css.com"><img alt="Panda preview" loading="lazy" width="2400" height="1260" decoding="async" data-nimg="1" 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,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAECAMAAACEE47CAAAAGFBMVEX25Fjby1Df0Wff1HfKu0XBt2jl2G3i1Wtlq97PAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAIUlEQVR4nGNgYGBgZGQAA0YWFgiLiZWVCcxgY2ZmZ2AAAAJVAC7M/sAbAAAAAElFTkSuQmCC'/%3E%3C/svg%3E")" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fpanda.f5b621c9.png&w=3840&q=75 1x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fpanda.f5b621c9.png&w=3840&q=75"/><span class="_flex _font-semibold _items-center _gap-2 _p-4 _text-gray-700 hover:_text-gray-900 after:_content-["→"] after:_transition-transform after:_duration-75 after:group-hover:_translate-x-0.5 dark:_text-gray-300 dark:hover:_text-gray-100">Panda</span></a><a class="nextra-focus nextra-card _group _flex _flex-col _justify-start _overflow-hidden _rounded-lg _border _border-gray-200 _text-current _no-underline dark:_shadow-none hover:_shadow-gray-100 dark:hover:_shadow-none _shadow-gray-100 active:_shadow-sm active:_shadow-gray-200 _transition-all _duration-200 hover:_border-gray-300 _bg-gray-100 _shadow dark:_border-neutral-700 dark:_bg-neutral-800 dark:_text-gray-50 hover:_shadow-lg dark:hover:_border-neutral-500 dark:hover:_bg-neutral-700" target="_blank" rel="noreferrer" href="https://kuma-ui.com"><img alt="Kuma UI preview" loading="lazy" width="4800" height="2520" decoding="async" data-nimg="1" 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,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAECAMAAACEE47CAAAAD1BMVEXe9//k+v/0///O5e3U7fmncWvgAAAACXBIWXMAACxLAAAsSwGlPZapAAAAIUlEQVR4nBXHsQ0AAAzCsAT4/+aqiyUD4ANb+5O1hkQ0OQJ0ACqxIhJuAAAAAElFTkSuQmCC'/%3E%3C/svg%3E")" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fkuma-ui.970f43cc.png&w=3840&q=75 1x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fkuma-ui.970f43cc.png&w=3840&q=75"/><span class="_flex _font-semibold _items-center _gap-2 _p-4 _text-gray-700 hover:_text-gray-900 after:_content-["→"] after:_transition-transform after:_duration-75 after:group-hover:_translate-x-0.5 dark:_text-gray-300 dark:hover:_text-gray-100">Kuma UI</span></a><a class="nextra-focus nextra-card _group _flex _flex-col _justify-start _overflow-hidden _rounded-lg _border _border-gray-200 _text-current _no-underline dark:_shadow-none hover:_shadow-gray-100 dark:hover:_shadow-none _shadow-gray-100 active:_shadow-sm active:_shadow-gray-200 _transition-all _duration-200 hover:_border-gray-300 _bg-gray-100 _shadow dark:_border-neutral-700 dark:_bg-neutral-800 dark:_text-gray-50 hover:_shadow-lg dark:hover:_border-neutral-500 dark:hover:_bg-neutral-700" target="_blank" rel="noreferrer" href="https://langfuse.com"><p class="[&:not(:first-child)]:_mt-6 _leading-7"><img alt="Langfuse Open Source LLM Engineering Platform" loading="lazy" width="2400" height="1260" decoding="async" data-nimg="1" 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,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAECAMAAACEE47CAAAADFBMVEXl4eP////x8fHo6elGWJgUAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAF0lEQVR4nGNghAIGRgYGZgYGJmQGVAoAAjkAH8ZonXMAAAAASUVORK5CYII='/%3E%3C/svg%3E")" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Flangfuse.8838ffa7.png&w=3840&q=75 1x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Flangfuse.8838ffa7.png&w=3840&q=75"/></p><span class="_flex _font-semibold _items-center _gap-2 _p-4 _text-gray-700 hover:_text-gray-900 after:_content-["→"] after:_transition-transform after:_duration-75 after:group-hover:_translate-x-0.5 dark:_text-gray-300 dark:hover:_text-gray-100">Langfuse</span></a><a class="nextra-focus nextra-card _group _flex _flex-col _justify-start _overflow-hidden _rounded-lg _border _border-gray-200 _text-current _no-underline dark:_shadow-none hover:_shadow-gray-100 dark:hover:_shadow-none _shadow-gray-100 active:_shadow-sm active:_shadow-gray-200 _transition-all _duration-200 hover:_border-gray-300 _bg-gray-100 _shadow dark:_border-neutral-700 dark:_bg-neutral-800 dark:_text-gray-50 hover:_shadow-lg dark:hover:_border-neutral-500 dark:hover:_bg-neutral-700" target="_blank" rel="noreferrer" href="https://the-guild.dev"><img alt="The Guild Blog preview" loading="lazy" width="1200" height="600" decoding="async" data-nimg="1" 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,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAECAMAAACEE47CAAAAJ1BMVEUXFxUrKyx9ILZdJkk9FJE/P0AcHh4v1PMgNjY3s8YmW2EvcHhD6P8Gx+ETAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAJElEQVR4nGNg5+FmYGNgYGFg5+RgZWVgZmLg4mBjZAQxoIAFAAq4AHP1w5ZTAAAAAElFTkSuQmCC'/%3E%3C/svg%3E")" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fthe-guild.bd0983bd.png&w=1200&q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fthe-guild.bd0983bd.png&w=3840&q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fthe-guild.bd0983bd.png&w=3840&q=75"/><span class="_flex _font-semibold _items-center _gap-2 _p-4 _text-gray-700 hover:_text-gray-900 after:_content-["→"] after:_transition-transform after:_duration-75 after:group-hover:_translate-x-0.5 dark:_text-gray-300 dark:hover:_text-gray-100">The Guild Blog</span></a><a class="nextra-focus nextra-card _group _flex _flex-col _justify-start _overflow-hidden _rounded-lg _border _border-gray-200 _text-current _no-underline dark:_shadow-none hover:_shadow-gray-100 dark:hover:_shadow-none _shadow-gray-100 active:_shadow-sm active:_shadow-gray-200 _transition-all _duration-200 hover:_border-gray-300 _bg-gray-100 _shadow dark:_border-neutral-700 dark:_bg-neutral-800 dark:_text-gray-50 hover:_shadow-lg dark:hover:_border-neutral-500 dark:hover:_bg-neutral-700" target="_blank" rel="noreferrer" href="https://the-guild.dev/graphql/yoga-server"><img alt="GraphQL Yoga preview" loading="lazy" width="1200" height="600" decoding="async" data-nimg="1" 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,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAECAMAAACEE47CAAAALVBMVEUZGBkhISEUFxNwM3S7KsowIjEhFiLOOt02IzdpEHVuE3pZKl2uPrjiTe/FNNPBmrQ1AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAJ0lEQVR4nGNg52VmY2Ni4GRg5+FgZWViZmHg5mBgZAQxGBhADAYuAAvtAImT3rkUAAAAAElFTkSuQmCC'/%3E%3C/svg%3E")" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fgraphql-yoga.3a27962f.png&w=1200&q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fgraphql-yoga.3a27962f.png&w=3840&q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fgraphql-yoga.3a27962f.png&w=3840&q=75"/><span class="_flex _font-semibold _items-center _gap-2 _p-4 _text-gray-700 hover:_text-gray-900 after:_content-["→"] after:_transition-transform after:_duration-75 after:group-hover:_translate-x-0.5 dark:_text-gray-300 dark:hover:_text-gray-100">GraphQL Yoga</span></a><a class="nextra-focus nextra-card _group _flex _flex-col _justify-start _overflow-hidden _rounded-lg _border _border-gray-200 _text-current _no-underline dark:_shadow-none hover:_shadow-gray-100 dark:hover:_shadow-none _shadow-gray-100 active:_shadow-sm active:_shadow-gray-200 _transition-all _duration-200 hover:_border-gray-300 _bg-gray-100 _shadow dark:_border-neutral-700 dark:_bg-neutral-800 dark:_text-gray-50 hover:_shadow-lg dark:hover:_border-neutral-500 dark:hover:_bg-neutral-700" target="_blank" rel="noreferrer" href="https://the-guild.dev/graphql/envelop"><img alt="GraphQL Envelop preview" loading="lazy" width="1200" height="600" decoding="async" data-nimg="1" 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,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAECAMAAACEE47CAAAAJFBMVEUXGBc4ITciFSH/GfElJyWTCoN6JXbsGdjsFNeAKHtkHWDOH8H24ul0AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAJUlEQVR4nC3BxwEAIAwDsXOcQtl/Xz5I2B0Bha8k9nAUmfTiqwcHfQBfuppeUAAAAABJRU5ErkJggg=='/%3E%3C/svg%3E")" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fgraphql-envelop.36a9b392.png&w=1200&q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fgraphql-envelop.36a9b392.png&w=3840&q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fgraphql-envelop.36a9b392.png&w=3840&q=75"/><span class="_flex _font-semibold _items-center _gap-2 _p-4 _text-gray-700 hover:_text-gray-900 after:_content-["→"] after:_transition-transform after:_duration-75 after:group-hover:_translate-x-0.5 dark:_text-gray-300 dark:hover:_text-gray-100">GraphQL Envelop</span></a><a class="nextra-focus nextra-card _group _flex _flex-col _justify-start _overflow-hidden _rounded-lg _border _border-gray-200 _text-current _no-underline dark:_shadow-none hover:_shadow-gray-100 dark:hover:_shadow-none _shadow-gray-100 active:_shadow-sm active:_shadow-gray-200 _transition-all _duration-200 hover:_border-gray-300 _bg-gray-100 _shadow dark:_border-neutral-700 dark:_bg-neutral-800 dark:_text-gray-50 hover:_shadow-lg dark:hover:_border-neutral-500 dark:hover:_bg-neutral-700" target="_blank" rel="noreferrer" href="https://the-guild.dev/graphql/inspector"><img alt="GraphQL Inspector preview" loading="lazy" width="1200" height="600" decoding="async" data-nimg="1" 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,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAECAMAAACEE47CAAAALVBMVEUaGxsWFBVJemgsOjUnJSYsjlYaJh9a5qFY5Z8vPDVv+LJs/LA6Y1FmypuD/8qr/9FaAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAJ0lEQVR4nBXChw0AIBADscs3OvuPi7DMvFYlknV8uKyxnQhZB/TnAwwqAIdCDUZJAAAAAElFTkSuQmCC'/%3E%3C/svg%3E")" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fgraphql-inspector.3ad8fc8f.png&w=1200&q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fgraphql-inspector.3ad8fc8f.png&w=3840&q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fgraphql-inspector.3ad8fc8f.png&w=3840&q=75"/><span class="_flex _font-semibold _items-center _gap-2 _p-4 _text-gray-700 hover:_text-gray-900 after:_content-["→"] after:_transition-transform after:_duration-75 after:group-hover:_translate-x-0.5 dark:_text-gray-300 dark:hover:_text-gray-100">GraphQL Inspector</span></a><a class="nextra-focus nextra-card _group _flex _flex-col _justify-start _overflow-hidden _rounded-lg _border _border-gray-200 _text-current _no-underline dark:_shadow-none hover:_shadow-gray-100 dark:hover:_shadow-none _shadow-gray-100 active:_shadow-sm active:_shadow-gray-200 _transition-all _duration-200 hover:_border-gray-300 _bg-gray-100 _shadow dark:_border-neutral-700 dark:_bg-neutral-800 dark:_text-gray-50 hover:_shadow-lg dark:hover:_border-neutral-500 dark:hover:_bg-neutral-700" target="_blank" rel="noreferrer" href="https://the-guild.dev/graphql/codegen"><img alt="GraphQL Code Generator preview" loading="lazy" width="1200" height="600" decoding="async" data-nimg="1" 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,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAECAMAAACEE47CAAAAKlBMVEUZHB0kJSQUExMrVWYjMjgVmdMmNEodSVshh7InseclJEMmMDY2XpE7X43Dwt+/AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAJ0lEQVR4nBXItxEAIBAEsb232P7bZVAocjoYixwVW37pkIQf/mPUAwm+AHigYe35AAAAAElFTkSuQmCC'/%3E%3C/svg%3E")" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fgraphql-codegen.20be510a.png&w=1200&q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fgraphql-codegen.20be510a.png&w=3840&q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fgraphql-codegen.20be510a.png&w=3840&q=75"/><span class="_flex _font-semibold _items-center _gap-2 _p-4 _text-gray-700 hover:_text-gray-900 after:_content-["→"] after:_transition-transform after:_duration-75 after:group-hover:_translate-x-0.5 dark:_text-gray-300 dark:hover:_text-gray-100">GraphQL Code Generator</span></a><a class="nextra-focus nextra-card _group _flex _flex-col _justify-start _overflow-hidden _rounded-lg _border _border-gray-200 _text-current _no-underline dark:_shadow-none hover:_shadow-gray-100 dark:hover:_shadow-none _shadow-gray-100 active:_shadow-sm active:_shadow-gray-200 _transition-all _duration-200 hover:_border-gray-300 _bg-gray-100 _shadow dark:_border-neutral-700 dark:_bg-neutral-800 dark:_text-gray-50 hover:_shadow-lg dark:hover:_border-neutral-500 dark:hover:_bg-neutral-700" target="_blank" rel="noreferrer" href="https://the-guild.dev/graphql/mesh"><img alt="GraphQL Mesh preview" loading="lazy" width="1200" height="600" decoding="async" data-nimg="1" 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,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAECAMAAACEE47CAAAAJ1BMVEUXGBcZHyAkMDMlOj0kIiJEdn0u1uk4XV42WlwwcHQmW2A1tL9B6vrQyaGIAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAJ0lEQVR4nBXJyREAMAgDsTUGcvZfbyb6ir5LgqCPIxjFtjKZBfDLDwlVAGwvH972AAAAAElFTkSuQmCC'/%3E%3C/svg%3E")" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fgraphql-mesh.543a86fa.png&w=1200&q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fgraphql-mesh.543a86fa.png&w=3840&q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fgraphql-mesh.543a86fa.png&w=3840&q=75"/><span class="_flex _font-semibold _items-center _gap-2 _p-4 _text-gray-700 hover:_text-gray-900 after:_content-["→"] after:_transition-transform after:_duration-75 after:group-hover:_translate-x-0.5 dark:_text-gray-300 dark:hover:_text-gray-100">GraphQL Mesh</span></a><a class="nextra-focus nextra-card _group _flex _flex-col _justify-start _overflow-hidden _rounded-lg _border _border-gray-200 _text-current _no-underline dark:_shadow-none hover:_shadow-gray-100 dark:hover:_shadow-none _shadow-gray-100 active:_shadow-sm active:_shadow-gray-200 _transition-all _duration-200 hover:_border-gray-300 _bg-gray-100 _shadow dark:_border-neutral-700 dark:_bg-neutral-800 dark:_text-gray-50 hover:_shadow-lg dark:hover:_border-neutral-500 dark:hover:_bg-neutral-700" target="_blank" rel="noreferrer" href="https://the-guild.dev/graphql/tools"><img alt="GraphQL Tools preview" loading="lazy" width="1200" height="600" decoding="async" data-nimg="1" 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,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAECAMAAACEE47CAAAAJFBMVEUZGh4XFhUiJzUxSG0kIyIeOFkrXu4XO2IrZaUwaaEyWsM+c/7uVZMxAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAJ0lEQVR4nBXIxxEAIBADsbUvEfrvl0FP0TdAFH1sKzZlMhWL/0jzAAgFAGN0l9s/AAAAAElFTkSuQmCC'/%3E%3C/svg%3E")" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fgraphql-tools.669b57d9.png&w=1200&q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fgraphql-tools.669b57d9.png&w=3840&q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fgraphql-tools.669b57d9.png&w=3840&q=75"/><span class="_flex _font-semibold _items-center _gap-2 _p-4 _text-gray-700 hover:_text-gray-900 after:_content-["→"] after:_transition-transform after:_duration-75 after:group-hover:_translate-x-0.5 dark:_text-gray-300 dark:hover:_text-gray-100">GraphQL Tools</span></a><a class="nextra-focus nextra-card _group _flex _flex-col _justify-start _overflow-hidden _rounded-lg _border _border-gray-200 _text-current _no-underline dark:_shadow-none hover:_shadow-gray-100 dark:hover:_shadow-none _shadow-gray-100 active:_shadow-sm active:_shadow-gray-200 _transition-all _duration-200 hover:_border-gray-300 _bg-gray-100 _shadow dark:_border-neutral-700 dark:_bg-neutral-800 dark:_text-gray-50 hover:_shadow-lg dark:hover:_border-neutral-500 dark:hover:_bg-neutral-700" target="_blank" rel="noreferrer" href="https://the-guild.dev/graphql/modules"><img alt="GraphQL Modules preview" loading="lazy" width="1200" height="600" decoding="async" data-nimg="1" 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,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAECAMAAACEE47CAAAALVBMVEUVFxUbGht3OGs3JzQlJiWDFl8jFh/sSb3YNKzXMqo6LTZgL1TASaL8XdQhISCCrAw5AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAJklEQVR4nBXChw0AIBADsctX6v7rIizT16pQ0seXY4PtisAm0k8+Cz0AgXLd+cQAAAAASUVORK5CYII='/%3E%3C/svg%3E")" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fgraphql-modules.7c9e4f8f.png&w=1200&q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fgraphql-modules.7c9e4f8f.png&w=3840&q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fgraphql-modules.7c9e4f8f.png&w=3840&q=75"/><span class="_flex _font-semibold _items-center _gap-2 _p-4 _text-gray-700 hover:_text-gray-900 after:_content-["→"] after:_transition-transform after:_duration-75 after:group-hover:_translate-x-0.5 dark:_text-gray-300 dark:hover:_text-gray-100">GraphQL Modules</span></a><a class="nextra-focus nextra-card _group _flex _flex-col _justify-start _overflow-hidden _rounded-lg _border _border-gray-200 _text-current _no-underline dark:_shadow-none hover:_shadow-gray-100 dark:hover:_shadow-none _shadow-gray-100 active:_shadow-sm active:_shadow-gray-200 _transition-all _duration-200 hover:_border-gray-300 _bg-gray-100 _shadow dark:_border-neutral-700 dark:_bg-neutral-800 dark:_text-gray-50 hover:_shadow-lg dark:hover:_border-neutral-500 dark:hover:_bg-neutral-700" target="_blank" rel="noreferrer" href="https://the-guild.dev/graphql/eslint"><img alt="GraphQL ESLint preview" loading="lazy" width="1200" height="600" decoding="async" data-nimg="1" 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,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAECAMAAACEE47CAAAALVBMVEUXFxYbGiElJSNWN8NHOnApJTVqTdYsKDgoFm8tG3VKO3U6MFtjTLOAYelgQc1Y2U7KAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAJ0lEQVR4nBXJxxEAMAgEsSWYc+y/XQ/6inppBpO60mAHR+ZOBkDX+gqfAH2Xco8KAAAAAElFTkSuQmCC'/%3E%3C/svg%3E")" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fgraphql-eslint.8619d767.png&w=1200&q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fgraphql-eslint.8619d767.png&w=3840&q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fgraphql-eslint.8619d767.png&w=3840&q=75"/><span class="_flex _font-semibold _items-center _gap-2 _p-4 _text-gray-700 hover:_text-gray-900 after:_content-["→"] after:_transition-transform after:_duration-75 after:group-hover:_translate-x-0.5 dark:_text-gray-300 dark:hover:_text-gray-100">GraphQL ESLint</span></a><a class="nextra-focus nextra-card _group _flex _flex-col _justify-start _overflow-hidden _rounded-lg _border _border-gray-200 _text-current _no-underline dark:_shadow-none hover:_shadow-gray-100 dark:hover:_shadow-none _shadow-gray-100 active:_shadow-sm active:_shadow-gray-200 _transition-all _duration-200 hover:_border-gray-300 _bg-gray-100 _shadow dark:_border-neutral-700 dark:_bg-neutral-800 dark:_text-gray-50 hover:_shadow-lg dark:hover:_border-neutral-500 dark:hover:_bg-neutral-700" target="_blank" rel="noreferrer" href="https://the-guild.dev/graphql/config"><img alt="GraphQL Config preview" loading="lazy" width="1200" height="600" decoding="async" data-nimg="1" 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,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAECAMAAACEE47CAAAAJFBMVEUbGxwWFhYsLjFwfZtSWGclJSU7RFY3PlKDkK9BRlCAja2Ypsde3noqAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAJ0lEQVR4nGPg4GZhYGBkYGfgYmZiYmJkYWbgZGJgZQUxQOIMjIxsAAg2AGEHn+qVAAAAAElFTkSuQmCC'/%3E%3C/svg%3E")" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fgraphql-config.04f1e892.png&w=1200&q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fgraphql-config.04f1e892.png&w=3840&q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fgraphql-config.04f1e892.png&w=3840&q=75"/><span class="_flex _font-semibold _items-center _gap-2 _p-4 _text-gray-700 hover:_text-gray-900 after:_content-["→"] after:_transition-transform after:_duration-75 after:group-hover:_translate-x-0.5 dark:_text-gray-300 dark:hover:_text-gray-100">GraphQL Config</span></a><a class="nextra-focus nextra-card _group _flex _flex-col _justify-start _overflow-hidden _rounded-lg _border _border-gray-200 _text-current _no-underline dark:_shadow-none hover:_shadow-gray-100 dark:hover:_shadow-none _shadow-gray-100 active:_shadow-sm active:_shadow-gray-200 _transition-all _duration-200 hover:_border-gray-300 _bg-gray-100 _shadow dark:_border-neutral-700 dark:_bg-neutral-800 dark:_text-gray-50 hover:_shadow-lg dark:hover:_border-neutral-500 dark:hover:_bg-neutral-700" target="_blank" rel="noreferrer" href="https://the-guild.dev/graphql/scalars"><img alt="GraphQL Scalars preview" loading="lazy" width="1200" height="600" decoding="async" data-nimg="1" 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,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAECAMAAACEE47CAAAAJFBMVEUVFxchIyUdGxw3Ji0qFR0wLDtHJz9UK0jiP41MFi3TTZegPXSclPPFAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAJElEQVR4nAXBhwEAIAzDMCedwP//IrF3nJDsUwTVtJCoAbDhfAkkAGsfDXTWAAAAAElFTkSuQmCC'/%3E%3C/svg%3E")" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fgraphql-scalars.ed3e9da4.png&w=1200&q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fgraphql-scalars.ed3e9da4.png&w=3840&q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fgraphql-scalars.ed3e9da4.png&w=3840&q=75"/><span class="_flex _font-semibold _items-center _gap-2 _p-4 _text-gray-700 hover:_text-gray-900 after:_content-["→"] after:_transition-transform after:_duration-75 after:group-hover:_translate-x-0.5 dark:_text-gray-300 dark:hover:_text-gray-100">GraphQL Scalars</span></a><a class="nextra-focus nextra-card _group _flex _flex-col _justify-start _overflow-hidden _rounded-lg _border _border-gray-200 _text-current _no-underline dark:_shadow-none hover:_shadow-gray-100 dark:hover:_shadow-none _shadow-gray-100 active:_shadow-sm active:_shadow-gray-200 _transition-all _duration-200 hover:_border-gray-300 _bg-gray-100 _shadow dark:_border-neutral-700 dark:_bg-neutral-800 dark:_text-gray-50 hover:_shadow-lg dark:hover:_border-neutral-500 dark:hover:_bg-neutral-700" target="_blank" rel="noreferrer" href="https://the-guild.dev/graphql/shield"><img alt="GraphQL Shield preview" loading="lazy" width="1200" height="600" decoding="async" data-nimg="1" 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,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAECAMAAACEE47CAAAAKlBMVEUaGxsWFRNQaHskJCN9sv4tNDcuNEAeJC42V5FqoepAUWNynM2Uy/90qvV7ApsiAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAJ0lEQVR4nGNg4WFiZ2dk4GBg4WZlY2Nk4mTgYmVgZgYxGBgYQYgDAAsCAIGT3s8VAAAAAElFTkSuQmCC'/%3E%3C/svg%3E")" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fgraphql-shield.2a729a5f.png&w=1200&q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fgraphql-shield.2a729a5f.png&w=3840&q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fgraphql-shield.2a729a5f.png&w=3840&q=75"/><span class="_flex _font-semibold _items-center _gap-2 _p-4 _text-gray-700 hover:_text-gray-900 after:_content-["→"] after:_transition-transform after:_duration-75 after:group-hover:_translate-x-0.5 dark:_text-gray-300 dark:hover:_text-gray-100">GraphQL Shield</span></a><a class="nextra-focus nextra-card _group _flex _flex-col _justify-start _overflow-hidden _rounded-lg _border _border-gray-200 _text-current _no-underline dark:_shadow-none hover:_shadow-gray-100 dark:hover:_shadow-none _shadow-gray-100 active:_shadow-sm active:_shadow-gray-200 _transition-all _duration-200 hover:_border-gray-300 _bg-gray-100 _shadow dark:_border-neutral-700 dark:_bg-neutral-800 dark:_text-gray-50 hover:_shadow-lg dark:hover:_border-neutral-500 dark:hover:_bg-neutral-700" target="_blank" rel="noreferrer" href="https://the-guild.dev/graphql/sofa-api"><img alt="GraphQL SOFA preview" loading="lazy" width="1200" height="600" decoding="async" data-nimg="1" 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,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAECAMAAACEE47CAAAAJFBMVEUXFxYhHiE2LDaFPJN2VHruiP/aduzadOx8V4FgQ2TCes7+nv9X6XPcAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAJ0lEQVR4nB3JwQ0AIAgEwb0TRLD/fk2c75A3JFjk2OZs2pKIAvj1AAfZAFuvw4dDAAAAAElFTkSuQmCC'/%3E%3C/svg%3E")" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fgraphql-sofa.522edd97.png&w=1200&q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fgraphql-sofa.522edd97.png&w=3840&q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fgraphql-sofa.522edd97.png&w=3840&q=75"/><span class="_flex _font-semibold _items-center _gap-2 _p-4 _text-gray-700 hover:_text-gray-900 after:_content-["→"] after:_transition-transform after:_duration-75 after:group-hover:_translate-x-0.5 dark:_text-gray-300 dark:hover:_text-gray-100">GraphQL SOFA</span></a><a class="nextra-focus nextra-card _group _flex _flex-col _justify-start _overflow-hidden _rounded-lg _border _border-gray-200 _text-current _no-underline dark:_shadow-none hover:_shadow-gray-100 dark:hover:_shadow-none _shadow-gray-100 active:_shadow-sm active:_shadow-gray-200 _transition-all _duration-200 hover:_border-gray-300 _bg-gray-100 _shadow dark:_border-neutral-700 dark:_bg-neutral-800 dark:_text-gray-50 hover:_shadow-lg dark:hover:_border-neutral-500 dark:hover:_bg-neutral-700" target="_blank" rel="noreferrer" href="https://the-guild.dev/graphql/apollo-angular"><img alt="Apollo Angular preview" loading="lazy" width="1200" height="600" decoding="async" data-nimg="1" 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,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAECAMAAACEE47CAAAALVBMVEUbGhoUFxc5Iyd8KzglJyf/I0kmFBdkIy/OLEn/NV2QDRTsITTsHTKVDhg0HSEpgds2AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAJ0lEQVR4nBXCiQ0AIAwDsUva8rP/ugjL1IzWxKKGbcWmm0zFAfTfBwnMAHv+gg6bAAAAAElFTkSuQmCC'/%3E%3C/svg%3E")" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fapollo-angular.687d3ab2.png&w=1200&q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fapollo-angular.687d3ab2.png&w=3840&q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fapollo-angular.687d3ab2.png&w=3840&q=75"/><span class="_flex _font-semibold _items-center _gap-2 _p-4 _text-gray-700 hover:_text-gray-900 after:_content-["→"] after:_transition-transform after:_duration-75 after:group-hover:_translate-x-0.5 dark:_text-gray-300 dark:hover:_text-gray-100">Apollo Angular</span></a><a class="nextra-focus nextra-card _group _flex _flex-col _justify-start _overflow-hidden _rounded-lg _border _border-gray-200 _text-current _no-underline dark:_shadow-none hover:_shadow-gray-100 dark:hover:_shadow-none _shadow-gray-100 active:_shadow-sm active:_shadow-gray-200 _transition-all _duration-200 hover:_border-gray-300 _bg-gray-100 _shadow dark:_border-neutral-700 dark:_bg-neutral-800 dark:_text-gray-50 hover:_shadow-lg dark:hover:_border-neutral-500 dark:hover:_bg-neutral-700" target="_blank" rel="noreferrer" href="https://kitql.dev"><img alt="KitQL preview" loading="lazy" width="1200" height="600" decoding="async" data-nimg="1" 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,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAECAMAAACEE47CAAAAKlBMVEUWFxcgISE3Jh58PSb/UhMoGBM7KSNkMh3OUR//ZyWQGQvsPhnsPBSVHgmi7cF6AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAJ0lEQVR4nBXGyREAIAwDsY2dcNN/uwx6iZyugkUONeFNFxH4AD/cBwkcAHKS3trEAAAAAElFTkSuQmCC'/%3E%3C/svg%3E")" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fkitql.e01a37c6.png&w=1200&q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fkitql.e01a37c6.png&w=3840&q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fkitql.e01a37c6.png&w=3840&q=75"/><span class="_flex _font-semibold _items-center _gap-2 _p-4 _text-gray-700 hover:_text-gray-900 after:_content-["→"] after:_transition-transform after:_duration-75 after:group-hover:_translate-x-0.5 dark:_text-gray-300 dark:hover:_text-gray-100">KitQL</span></a><a class="nextra-focus nextra-card _group _flex _flex-col _justify-start _overflow-hidden _rounded-lg _border _border-gray-200 _text-current _no-underline dark:_shadow-none hover:_shadow-gray-100 dark:hover:_shadow-none _shadow-gray-100 active:_shadow-sm active:_shadow-gray-200 _transition-all _duration-200 hover:_border-gray-300 _bg-gray-100 _shadow dark:_border-neutral-700 dark:_bg-neutral-800 dark:_text-gray-50 hover:_shadow-lg dark:hover:_border-neutral-500 dark:hover:_bg-neutral-700" target="_blank" rel="noreferrer" href="https://the-guild.dev/graphql/sse"><img alt="GraphQL SSE preview" loading="lazy" width="1200" height="600" decoding="async" data-nimg="1" 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,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAECAMAAACEE47CAAAAJ1BMVEUWFhYYGhkxa0AqKioxVBwaKh8b6FkgOChKnj5NmEEgXzQmvlYt927Me7M2AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAJklEQVR4nB3Chw0AIBADsct3yv7zImGZuoZQUKczscVuuWOD9McDCYUAc6A5dGUAAAAASUVORK5CYII='/%3E%3C/svg%3E")" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fgraphql-sse.507aa682.png&w=1200&q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fgraphql-sse.507aa682.png&w=3840&q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fgraphql-sse.507aa682.png&w=3840&q=75"/><span class="_flex _font-semibold _items-center _gap-2 _p-4 _text-gray-700 hover:_text-gray-900 after:_content-["→"] after:_transition-transform after:_duration-75 after:group-hover:_translate-x-0.5 dark:_text-gray-300 dark:hover:_text-gray-100">GraphQL SSE</span></a><a class="nextra-focus nextra-card _group _flex _flex-col _justify-start _overflow-hidden _rounded-lg _border _border-gray-200 _text-current _no-underline dark:_shadow-none hover:_shadow-gray-100 dark:hover:_shadow-none _shadow-gray-100 active:_shadow-sm active:_shadow-gray-200 _transition-all _duration-200 hover:_border-gray-300 _bg-gray-100 _shadow dark:_border-neutral-700 dark:_bg-neutral-800 dark:_text-gray-50 hover:_shadow-lg dark:hover:_border-neutral-500 dark:hover:_bg-neutral-700" target="_blank" rel="noreferrer" href="https://the-guild.dev/graphql/ws"><img alt="GraphQL WS preview" loading="lazy" width="1200" height="600" decoding="async" data-nimg="1" 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,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAECAMAAACEE47CAAAAKlBMVEUWFhYYGho9WGcqKCg/LVVeaZ0aLS0e9u0gODchYmApeXcox8Iw//weHR3DjU0pAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAJ0lEQVR4nGNg5+FiYGRgZGFg5+ZgY2NgYmXg5GBkZgYxGBlBiIEFAAqiAHjDUTrHAAAAAElFTkSuQmCC'/%3E%3C/svg%3E")" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fgraphql-ws.8994934d.png&w=1200&q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fgraphql-ws.8994934d.png&w=3840&q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fgraphql-ws.8994934d.png&w=3840&q=75"/><span class="_flex _font-semibold _items-center _gap-2 _p-4 _text-gray-700 hover:_text-gray-900 after:_content-["→"] after:_transition-transform after:_duration-75 after:group-hover:_translate-x-0.5 dark:_text-gray-300 dark:hover:_text-gray-100">GraphQL WS</span></a><a class="nextra-focus nextra-card _group _flex _flex-col _justify-start _overflow-hidden _rounded-lg _border _border-gray-200 _text-current _no-underline dark:_shadow-none hover:_shadow-gray-100 dark:hover:_shadow-none _shadow-gray-100 active:_shadow-sm active:_shadow-gray-200 _transition-all _duration-200 hover:_border-gray-300 _bg-gray-100 _shadow dark:_border-neutral-700 dark:_bg-neutral-800 dark:_text-gray-50 hover:_shadow-lg dark:hover:_border-neutral-500 dark:hover:_bg-neutral-700" target="_blank" rel="noreferrer" href="https://the-guild.dev/openapi/fets"><img alt="feTS preview" loading="lazy" width="1200" height="600" decoding="async" data-nimg="1" 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,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAECAMAAACEE47CAAAAIVBMVEUXGBgkJyklMT87VWdFjdJDaoxHaogtRVpGfrFZpOUZHB7DWPlIAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAJklEQVR4nBXJwQ0AMAgDsSOhhbL/wBU/SyafAUS2IvClxOIws4M+BlUAVU5qj3AAAAAASUVORK5CYII='/%3E%3C/svg%3E")" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Ffets.9554bae7.png&w=1200&q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Ffets.9554bae7.png&w=3840&q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Ffets.9554bae7.png&w=3840&q=75"/><span class="_flex _font-semibold _items-center _gap-2 _p-4 _text-gray-700 hover:_text-gray-900 after:_content-["→"] after:_transition-transform after:_duration-75 after:group-hover:_translate-x-0.5 dark:_text-gray-300 dark:hover:_text-gray-100">feTS</span></a><a class="nextra-focus nextra-card _group _flex _flex-col _justify-start _overflow-hidden _rounded-lg _border _border-gray-200 _text-current _no-underline dark:_shadow-none hover:_shadow-gray-100 dark:hover:_shadow-none _shadow-gray-100 active:_shadow-sm active:_shadow-gray-200 _transition-all _duration-200 hover:_border-gray-300 _bg-gray-100 _shadow dark:_border-neutral-700 dark:_bg-neutral-800 dark:_text-gray-50 hover:_shadow-lg dark:hover:_border-neutral-500 dark:hover:_bg-neutral-700" target="_blank" rel="noreferrer" href="https://jscodechallenges.vercel.app"><img alt="JavaScript Code Challenges preview" loading="lazy" width="672" height="528" decoding="async" data-nimg="1" 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 240'%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,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAGCAMAAADJ2y/JAAAAHlBMVEX3+Pj////g4OTm5ul9e4fY2N2rqMDIx85YU3yRkJ1w9p5nAAAACXBIWXMAAAsTAAALEwEAmpwYAAAALElEQVR4nCXJyQ0AIAzEQO/mAPpvGBH8GsngCNsgJiF5Venj9AOVu2dFZqALChsAbq8M6dYAAAAASUVORK5CYII='/%3E%3C/svg%3E")" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fjscodechallenges.5469da11.png&w=750&q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fjscodechallenges.5469da11.png&w=1920&q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fjscodechallenges.5469da11.png&w=1920&q=75"/><span class="_flex _font-semibold _items-center _gap-2 _p-4 _text-gray-700 hover:_text-gray-900 after:_content-["→"] after:_transition-transform after:_duration-75 after:group-hover:_translate-x-0.5 dark:_text-gray-300 dark:hover:_text-gray-100">JavaScript Code Challenges</span></a><a class="nextra-focus nextra-card _group _flex _flex-col _justify-start _overflow-hidden _rounded-lg _border _border-gray-200 _text-current _no-underline dark:_shadow-none hover:_shadow-gray-100 dark:hover:_shadow-none _shadow-gray-100 active:_shadow-sm active:_shadow-gray-200 _transition-all _duration-200 hover:_border-gray-300 _bg-gray-100 _shadow dark:_border-neutral-700 dark:_bg-neutral-800 dark:_text-gray-50 hover:_shadow-lg dark:hover:_border-neutral-500 dark:hover:_bg-neutral-700" target="_blank" rel="noreferrer" href="https://reactcosmos.org"><img alt="React Cosmos preview" loading="lazy" width="2416" height="1180" decoding="async" data-nimg="1" 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,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAECAMAAACEE47CAAAACVBMVEUREREsLC08PT1wlnHNAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAFUlEQVR4nGNgQAKMjBCaiYkJygIDAACxAAph8Pu4AAAAAElFTkSuQmCC'/%3E%3C/svg%3E")" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Freact-cosmos.a0428647.png&w=3840&q=75 1x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Freact-cosmos.a0428647.png&w=3840&q=75"/><span class="_flex _font-semibold _items-center _gap-2 _p-4 _text-gray-700 hover:_text-gray-900 after:_content-["→"] after:_transition-transform after:_duration-75 after:group-hover:_translate-x-0.5 dark:_text-gray-300 dark:hover:_text-gray-100">React Cosmos</span></a><a class="nextra-focus nextra-card _group _flex _flex-col _justify-start _overflow-hidden _rounded-lg _border _border-gray-200 _text-current _no-underline dark:_shadow-none hover:_shadow-gray-100 dark:hover:_shadow-none _shadow-gray-100 active:_shadow-sm active:_shadow-gray-200 _transition-all _duration-200 hover:_border-gray-300 _bg-gray-100 _shadow dark:_border-neutral-700 dark:_bg-neutral-800 dark:_text-gray-50 hover:_shadow-lg dark:hover:_border-neutral-500 dark:hover:_bg-neutral-700" target="_blank" rel="noreferrer" href="https://typia.io"><img alt="Typia preview" loading="lazy" width="1440" height="720" decoding="async" data-nimg="1" 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,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAECAMAAACEE47CAAAAHlBMVEVMaXGCsdSDotFhhp8VNUo/XXFMbH91k6Xd//92lKdcqmcSAAAACnRSTlMAIhBGGIBqfg+XOaO7VAAAAAlwSFlzAAALEwAACxMBAJqcGAAAACFJREFUeJxjYGBgZGdlYQABDk42MM3AwMwMoZkYGZkYGAAEtwA1H40oGAAAAABJRU5ErkJggg=='/%3E%3C/svg%3E")" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Ftypia.fc22abd1.png&w=1920&q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Ftypia.fc22abd1.png&w=3840&q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Ftypia.fc22abd1.png&w=3840&q=75"/><span class="_flex _font-semibold _items-center _gap-2 _p-4 _text-gray-700 hover:_text-gray-900 after:_content-["→"] after:_transition-transform after:_duration-75 after:group-hover:_translate-x-0.5 dark:_text-gray-300 dark:hover:_text-gray-100">Typia</span></a><a class="nextra-focus nextra-card _group _flex _flex-col _justify-start _overflow-hidden _rounded-lg _border _border-gray-200 _text-current _no-underline dark:_shadow-none hover:_shadow-gray-100 dark:hover:_shadow-none _shadow-gray-100 active:_shadow-sm active:_shadow-gray-200 _transition-all _duration-200 hover:_border-gray-300 _bg-gray-100 _shadow dark:_border-neutral-700 dark:_bg-neutral-800 dark:_text-gray-50 hover:_shadow-lg dark:hover:_border-neutral-500 dark:hover:_bg-neutral-700" target="_blank" rel="noreferrer" href="https://nestia.io"><img alt="Nestia preview" loading="lazy" width="1280" height="640" decoding="async" data-nimg="1" 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,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAECAMAAACEE47CAAAAG1BMVEVMaXHXQ1bgKU7iIk/SYVrbM0zgIk3PWlXjI1BHmqezAAAACXRSTlMAD1qrIjJ9MNckwRgQAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAHklEQVR4nGNgYGBkY2IAA0ZmDkYIixUmws7CyMAAAAMBACv0fqGvAAAAAElFTkSuQmCC'/%3E%3C/svg%3E")" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fnestia.38c10ebc.png&w=1920&q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fnestia.38c10ebc.png&w=3840&q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fnestia.38c10ebc.png&w=3840&q=75"/><span class="_flex _font-semibold _items-center _gap-2 _p-4 _text-gray-700 hover:_text-gray-900 after:_content-["→"] after:_transition-transform after:_duration-75 after:group-hover:_translate-x-0.5 dark:_text-gray-300 dark:hover:_text-gray-100">Nestia</span></a><a class="nextra-focus nextra-card _group _flex _flex-col _justify-start _overflow-hidden _rounded-lg _border _border-gray-200 _text-current _no-underline dark:_shadow-none hover:_shadow-gray-100 dark:hover:_shadow-none _shadow-gray-100 active:_shadow-sm active:_shadow-gray-200 _transition-all _duration-200 hover:_border-gray-300 _bg-gray-100 _shadow dark:_border-neutral-700 dark:_bg-neutral-800 dark:_text-gray-50 hover:_shadow-lg dark:hover:_border-neutral-500 dark:hover:_bg-neutral-700" target="_blank" rel="noreferrer" href="https://docs.safe.global"><img alt="Safe preview" loading="lazy" width="1200" height="672" decoding="async" data-nimg="1" 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,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAECAMAAACEE47CAAAABlBMVEUTFBMlJiVBtdOhAAAACXBIWXMAAAsTAAALEwEAmpwYAAAAEUlEQVR4nGNggANGOAPOggAAAFwABIi4mH4AAAAASUVORK5CYII='/%3E%3C/svg%3E")" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fsafe-core.acb47e84.png&w=1200&q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fsafe-core.acb47e84.png&w=3840&q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fsafe-core.acb47e84.png&w=3840&q=75"/><span class="_flex _font-semibold _items-center _gap-2 _p-4 _text-gray-700 hover:_text-gray-900 after:_content-["→"] after:_transition-transform after:_duration-75 after:group-hover:_translate-x-0.5 dark:_text-gray-300 dark:hover:_text-gray-100">Safe</span></a><a class="nextra-focus nextra-card _group _flex _flex-col _justify-start _overflow-hidden _rounded-lg _border _border-gray-200 _text-current _no-underline dark:_shadow-none hover:_shadow-gray-100 dark:hover:_shadow-none _shadow-gray-100 active:_shadow-sm active:_shadow-gray-200 _transition-all _duration-200 hover:_border-gray-300 _bg-gray-100 _shadow dark:_border-neutral-700 dark:_bg-neutral-800 dark:_text-gray-50 hover:_shadow-lg dark:hover:_border-neutral-500 dark:hover:_bg-neutral-700" target="_blank" rel="noreferrer" href="https://authjs.dev"><img alt="Auth.js preview" loading="lazy" width="520" height="336" decoding="async" data-nimg="1" 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 200'%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,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAFCAMAAABPT11nAAAAElBMVEUXFxkQEBAeHB0uLS9APkQhFjFGOMD/AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAJElEQVR4nCXGwREAIAzDMDsp+6/MFfQSqJJgm/xMA8Ez5UVZFwWRADk9sf0ZAAAAAElFTkSuQmCC'/%3E%3C/svg%3E")" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fauthjs.6dc7ce2f.png&w=640&q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fauthjs.6dc7ce2f.png&w=1080&q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fauthjs.6dc7ce2f.png&w=1080&q=75"/><span class="_flex _font-semibold _items-center _gap-2 _p-4 _text-gray-700 hover:_text-gray-900 after:_content-["→"] after:_transition-transform after:_duration-75 after:group-hover:_translate-x-0.5 dark:_text-gray-300 dark:hover:_text-gray-100">Auth.js</span></a><a class="nextra-focus nextra-card _group _flex _flex-col _justify-start _overflow-hidden _rounded-lg _border _border-gray-200 _text-current _no-underline dark:_shadow-none hover:_shadow-gray-100 dark:hover:_shadow-none _shadow-gray-100 active:_shadow-sm active:_shadow-gray-200 _transition-all _duration-200 hover:_border-gray-300 _bg-gray-100 _shadow dark:_border-neutral-700 dark:_bg-neutral-800 dark:_text-gray-50 hover:_shadow-lg dark:hover:_border-neutral-500 dark:hover:_bg-neutral-700" target="_blank" rel="noreferrer" href="https://docs.imgix.com"><img alt="imgix preview" loading="lazy" width="1200" height="630" decoding="async" data-nimg="1" 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,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAECAMAAACEE47CAAAANlBMVEUpQmFWfKFDfqyvb2UvT3QtVYBQaogfOlg4ZpQoPleBgJV3a3lTkcIsW4Nhocmsfn+ex+DW5fBjoBW0AAAACXBIWXMAAAsTAAALEwEAmpwYAAAAKUlEQVR4nGPg5GRnZ2dnAAE2Nm5mFl4GFlZGRi5+Jh4GVg4ODiY+AUEADSUA2my6rcsAAAAASUVORK5CYII='/%3E%3C/svg%3E")" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fimgix.906ea1e5.png&w=1200&q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fimgix.906ea1e5.png&w=3840&q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fimgix.906ea1e5.png&w=3840&q=75"/><span class="_flex _font-semibold _items-center _gap-2 _p-4 _text-gray-700 hover:_text-gray-900 after:_content-["→"] after:_transition-transform after:_duration-75 after:group-hover:_translate-x-0.5 dark:_text-gray-300 dark:hover:_text-gray-100">imgix</span></a><a class="nextra-focus nextra-card _group _flex _flex-col _justify-start _overflow-hidden _rounded-lg _border _border-gray-200 _text-current _no-underline dark:_shadow-none hover:_shadow-gray-100 dark:hover:_shadow-none _shadow-gray-100 active:_shadow-sm active:_shadow-gray-200 _transition-all _duration-200 hover:_border-gray-300 _bg-gray-100 _shadow dark:_border-neutral-700 dark:_bg-neutral-800 dark:_text-gray-50 hover:_shadow-lg dark:hover:_border-neutral-500 dark:hover:_bg-neutral-700" target="_blank" rel="noreferrer" href="https://anythingllm.com/"><img alt="AnythingLLM preview" loading="lazy" width="1276" height="662" decoding="async" data-nimg="1" 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,iVBORw0KGgoAAAANSUhEUgAAAAgAAAAECAMAAACEE47CAAAAG1BMVEVHS1FAREo4PENdYWYwSFUqLTQ6WGYla4p+gIRtr9mWAAAACXBIWXMAABYlAAAWJQFJUiTwAAAAJElEQVR4nBXHwREAIAgEsd0DxP4rdswvBIQMVMFPd6LKHh1uPQN2AEGst/KdAAAAAElFTkSuQmCC'/%3E%3C/svg%3E")" srcSet="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fanythingllm.b61ee851.png&w=1920&q=75 1x, /_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fanythingllm.b61ee851.png&w=3840&q=75 2x" src="/_next/image?url=%2F_next%2Fstatic%2Fmedia%2Fanythingllm.b61ee851.png&w=3840&q=75"/><span class="_flex _font-semibold _items-center _gap-2 _p-4 _text-gray-700 hover:_text-gray-900 after:_content-["→"] after:_transition-transform after:_duration-75 after:group-hover:_translate-x-0.5 dark:_text-gray-300 dark:hover:_text-gray-100">AnythingLLM</span></a></div>  <div class="_mt-16"></div></article></div><footer class="_bg-gray-100 _pb-[env(safe-area-inset-bottom)] dark:_bg-neutral-900 print:_bg-transparent"><div class="_mx-auto _flex _max-w-[90rem] _gap-2 _py-2 _px-4 _flex"><button title="Change theme" class="_h-7 _rounded-md _px-2 _text-xs _font-medium _transition-colors _text-gray-600 dark:_text-gray-400" id="headlessui-listbox-button-:R6st6:" type="button" aria-haspopup="listbox" aria-expanded="false" data-headlessui-state=""><div class="_flex _items-center _gap-2 _capitalize"><svg fill="none" viewBox="3 3 18 18" width="12" height="12" stroke="currentColor"><path stroke-linecap="round" stroke-linejoin="round" stroke-width="2" fill="currentColor" 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><span class="">Light</span></div></button></div><hr class="dark:_border-neutral-800"/><div class="_mx-auto _flex _max-w-[90rem] _justify-center _py-12 _text-gray-600 dark:_text-gray-400 md:_justify-start _pl-[max(env(safe-area-inset-left),1.5rem)] _pr-[max(env(safe-area-inset-right),1.5rem)]"><div class="flex w-full flex-col items-center sm:items-start"><div><a class="nextra-focus flex items-center gap-1 text-current" target="_blank" rel="noreferrer" title="vercel.com homepage" href="https://vercel.com?utm_source=nextra.site"><span>Powered by</span><svg height="20" viewBox="0 0 283 64" fill="none"><title>Vercel</title><path fill="currentColor" d="M141.04 16c-11.04 0-19 7.2-19 18s8.96 18 20 18c6.67 0 12.55-2.64 16.19-7.09l-7.65-4.42c-2.02 2.21-5.09 3.5-8.54 3.5-4.79 0-8.86-2.5-10.37-6.5h28.02c.22-1.12.35-2.28.35-3.5 0-10.79-7.96-17.99-19-17.99zm-9.46 14.5c1.25-3.99 4.67-6.5 9.45-6.5 4.79 0 8.21 2.51 9.45 6.5h-18.9zM248.72 16c-11.04 0-19 7.2-19 18s8.96 18 20 18c6.67 0 12.55-2.64 16.19-7.09l-7.65-4.42c-2.02 2.21-5.09 3.5-8.54 3.5-4.79 0-8.86-2.5-10.37-6.5h28.02c.22-1.12.35-2.28.35-3.5 0-10.79-7.96-17.99-19-17.99zm-9.45 14.5c1.25-3.99 4.67-6.5 9.45-6.5 4.79 0 8.21 2.51 9.45 6.5h-18.9zM200.24 34c0 6 3.92 10 10 10 4.12 0 7.21-1.87 8.8-4.92l7.68 4.43c-3.18 5.3-9.14 8.49-16.48 8.49-11.05 0-19-7.2-19-18s7.96-18 19-18c7.34 0 13.29 3.19 16.48 8.49l-7.68 4.43c-1.59-3.05-4.68-4.92-8.8-4.92-6.07 0-10 4-10 10zm82.48-29v46h-9V5h9zM36.95 0L73.9 64H0L36.95 0zm92.38 5l-27.71 48L73.91 5H84.3l17.32 30 17.32-30h10.39zm58.91 12v9.69c-1-.29-2.06-.49-3.2-.49-5.81 0-10 4-10 10V51h-9V17h9v9.2c0-5.08 5.91-9.2 13.2-9.2z"></path></svg></a></div><p class="mt-6 text-xs">© 2024 The Nextra Project.</p></div></div></footer></div></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{}},"page":"/showcase","query":{},"buildId":"02EuseZYwilZi1jMNhUd6","nextExport":true,"autoExport":true,"isFallback":false,"scriptLoader":[]}</script></body></html>

CINXE.COM

GitHub