CINXE.COM
Sanity
<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8" data-next-head=""/><meta name="viewport" content="initial-scale=1.0, width=device-width" data-next-head=""/><title data-next-head="">GatsbyJS & Sanity.io | Developer Resources</title><link rel="canonical" href="https://www.sanity.io/exchange/framework%3Dgatsby" data-next-head=""/><meta name="robots" content="max-image-preview:large" data-next-head=""/><meta name="description" content="Guides, tools, starters, and other Sanity.io resources for Gatsby 鈥撀爐he popular React-based Javascript framework." data-next-head=""/><meta property="og:description" content="Guides, tools, starters, and other Sanity.io resources for Gatsby 鈥撀爐he popular React-based Javascript framework." data-next-head=""/><meta property="og:type" content="website" data-next-head=""/><meta property="og:image" content="https://cdn.sanity.io/images/81pocpw8/production/f0770320de73b22bb0b57cdaacf58d00116c9f01-2400x1800.jpg?rect=0,270,2400,1260&w=1200&h=630&fit=max&auto=format" data-next-head=""/><meta property="og:url" content="https://www.sanity.io/exchange/framework%3Dgatsby" data-next-head=""/><meta property="og:site_name" content="Sanity.io" data-next-head=""/><meta property="og:title" content="GatsbyJS & Sanity.io | Developer Resources" data-next-head=""/><link rel="search" type="application/opensearchdescription+xml" title="Sanity.io" href="/opensearch.xml" data-next-head=""/><meta name="environment" content="production" class="jsx-2714c7d3fb32772"/><link rel="preconnect" href="https://cdn.sanity.io" class="jsx-2714c7d3fb32772"/><link rel="preconnect" href="https://3do82whm.apicdn.sanity.io" class="jsx-2714c7d3fb32772"/><meta name="google-site-verification" content="RjrkDVDuEpQIbe4iNq9LjZKuvTwlJCADdY1jZNjuItY" class="jsx-2714c7d3fb32772"/><meta name="google-site-verification" content="6axnRgH1VVzoyqB3J4uGuOQ98xzHBmAIEaHKWdVCBXg" class="jsx-2714c7d3fb32772"/><link rel="apple-touch-icon" sizes="57x57" href="/static/images/favicons/apple-icon-57x57.png" class="jsx-2714c7d3fb32772"/><link rel="apple-touch-icon" sizes="60x60" href="/static/images/favicons/apple-icon-60x60.png" class="jsx-2714c7d3fb32772"/><link rel="apple-touch-icon" sizes="72x72" href="/static/images/favicons/apple-icon-72x72.png" class="jsx-2714c7d3fb32772"/><link rel="apple-touch-icon" sizes="76x76" href="/static/images/favicons/apple-icon-76x76.png" class="jsx-2714c7d3fb32772"/><link rel="apple-touch-icon" sizes="114x114" href="/static/images/favicons/apple-icon-114x114.png" class="jsx-2714c7d3fb32772"/><link rel="apple-touch-icon" sizes="120x120" href="/static/images/favicons/apple-icon-120x120.png" class="jsx-2714c7d3fb32772"/><link rel="apple-touch-icon" sizes="144x144" href="/static/images/favicons/apple-icon-144x144.png" class="jsx-2714c7d3fb32772"/><link rel="apple-touch-icon" sizes="152x152" href="/static/images/favicons/apple-icon-152x152.png" class="jsx-2714c7d3fb32772"/><link rel="apple-touch-icon" sizes="180x180" href="/static/images/favicons/apple-icon-180x180.png" class="jsx-2714c7d3fb32772"/><link rel="mask-icon" href="/static/images/favicons/safari-pinned-tab.svg" color="black" class="jsx-2714c7d3fb32772"/><link rel="icon" type="image/png" sizes="192x192" href="/static/images/favicons/android-icon-192x192.png" class="jsx-2714c7d3fb32772"/><link rel="icon" type="image/png" sizes="96x96" href="/static/images/favicons/favicon-96x96.png" class="jsx-2714c7d3fb32772"/><link rel="icon" type="image/png" sizes="32x32" href="/static/images/favicons/favicon-32x32.png" class="jsx-2714c7d3fb32772"/><link rel="icon" type="image/png" sizes="16x16" href="/static/images/favicons/favicon-16x16.png" class="jsx-2714c7d3fb32772"/><meta name="msapplication-TileColor" content="#ffffff" class="jsx-2714c7d3fb32772"/><meta name="msapplication-TileImage" content="/static/images/favicons/mstile-144x144.png" class="jsx-2714c7d3fb32772"/><meta name="twitter:card" content="summary_large_image" class="jsx-2714c7d3fb32772"/><meta name="twitter:site" content="@sanity_io" class="jsx-2714c7d3fb32772"/><meta name="theme-color" content="#ffffff" class="jsx-2714c7d3fb32772"/><link rel="preload" href="/_next/static/media/01c57da814b41df8-s.p.woff2" as="font" type="font/woff2" crossorigin="anonymous" data-next-font="size-adjust"/><link rel="preload" href="/_next/static/media/5ef93f5e07bf2f1e-s.p.woff2" as="font" type="font/woff2" crossorigin="anonymous" data-next-font="size-adjust"/><link rel="preload" href="/_next/static/media/c2aec037506091d0-s.p.woff2" as="font" type="font/woff2" crossorigin="anonymous" data-next-font="size-adjust"/><link rel="preload" href="/_next/static/css/54a4e50f339933d4.css?dpl=dpl_9bEDJa76CShxJFtkLaPw8ancD1qw" as="style"/><link rel="preload" href="/_next/static/css/a312de86f8ed5033.css?dpl=dpl_9bEDJa76CShxJFtkLaPw8ancD1qw" as="style"/><link rel="preload" href="/_next/static/css/4996d7ace368a34c.css?dpl=dpl_9bEDJa76CShxJFtkLaPw8ancD1qw" as="style"/><link rel="preload" href="/_next/static/css/5d115650cc930475.css?dpl=dpl_9bEDJa76CShxJFtkLaPw8ancD1qw" as="style"/><link rel="preload" href="/_next/static/css/8fd2741c39b9ae86.css?dpl=dpl_9bEDJa76CShxJFtkLaPw8ancD1qw" as="style"/><script type="application/ld+json" data-next-head="">{"@context":"https://schema.org","@type":"BreadcrumbList","itemListElement":[{"@type":"ListItem","position":1,"name":"Exchange","item":"https://www.sanity.io/exchange"},{"@type":"ListItem","position":2,"name":"Frameworks","item":"https://www.sanity.io/exchange/frameworks"},{"@type":"ListItem","position":3,"name":"Gatsby","item":"https://www.sanity.io/exchange/framework=gatsby"}]}</script><style data-next-head="">html { scroll-behavior: initial; }</style><link rel="stylesheet" href="/static/styles/cookie-banner.css" class="jsx-2714c7d3fb32772"/><script id="gtag" data-nscript="beforeInteractive">window.dataLayer = window.dataLayer || []; function gtag() { dataLayer.push(arguments); } gtag("consent", "default", { ad_storage: "denied", analytics_storage: "denied", ad_user_data: "denied", ad_personalization: "denied", wait_for_update: 500, }); gtag("set", "ads_data_redaction", true); </script><script id="osano" data-nscript="beforeInteractive"> ;(function(w,o,d){w[o]=w[o]||function(){w[o][d].push(arguments)};w[o][d]=w[o][d]||[]})(window,'Osano','data'); window.Osano('onInitialized', () => document.getElementsByClassName('osano-cm-window')[0].style.display = 'none'); </script><link rel="stylesheet" href="/_next/static/css/54a4e50f339933d4.css?dpl=dpl_9bEDJa76CShxJFtkLaPw8ancD1qw" data-n-g=""/><link rel="stylesheet" href="/_next/static/css/a312de86f8ed5033.css?dpl=dpl_9bEDJa76CShxJFtkLaPw8ancD1qw" data-n-p=""/><link rel="stylesheet" href="/_next/static/css/4996d7ace368a34c.css?dpl=dpl_9bEDJa76CShxJFtkLaPw8ancD1qw" data-n-p=""/><link rel="stylesheet" href="/_next/static/css/5d115650cc930475.css?dpl=dpl_9bEDJa76CShxJFtkLaPw8ancD1qw"/><link rel="stylesheet" href="/_next/static/css/8fd2741c39b9ae86.css?dpl=dpl_9bEDJa76CShxJFtkLaPw8ancD1qw"/><noscript data-n-css=""></noscript><script defer="" noModule="" src="/_next/static/chunks/polyfills-42372ed130431b0a.js?dpl=dpl_9bEDJa76CShxJFtkLaPw8ancD1qw"></script><script src="/cookie-banner.js" defer="" data-nscript="beforeInteractive"></script><script defer="" src="/_next/static/chunks/67301-a5109d8bce18f16f.js?dpl=dpl_9bEDJa76CShxJFtkLaPw8ancD1qw"></script><script defer="" src="/_next/static/chunks/99803-100bbfe3e4620e5e.js?dpl=dpl_9bEDJa76CShxJFtkLaPw8ancD1qw"></script><script defer="" src="/_next/static/chunks/46200.48d17a817f31f3f0.js?dpl=dpl_9bEDJa76CShxJFtkLaPw8ancD1qw"></script><script defer="" src="/_next/static/chunks/53785-e4e4596cef9d88be.js?dpl=dpl_9bEDJa76CShxJFtkLaPw8ancD1qw"></script><script defer="" src="/_next/static/chunks/90034.d6a32a882ab66f75.js?dpl=dpl_9bEDJa76CShxJFtkLaPw8ancD1qw"></script><script src="/_next/static/chunks/webpack-9760a9167c17f1b1.js?dpl=dpl_9bEDJa76CShxJFtkLaPw8ancD1qw" defer=""></script><script src="/_next/static/chunks/framework-9b6bacf6501e25f3.js?dpl=dpl_9bEDJa76CShxJFtkLaPw8ancD1qw" defer=""></script><script src="/_next/static/chunks/main-b08ed1cab90cd01f.js?dpl=dpl_9bEDJa76CShxJFtkLaPw8ancD1qw" defer=""></script><script src="/_next/static/chunks/pages/_app-d0f5612057ee2df9.js?dpl=dpl_9bEDJa76CShxJFtkLaPw8ancD1qw" defer=""></script><script src="/_next/static/chunks/4209309c-5fb399eaa310a94a.js?dpl=dpl_9bEDJa76CShxJFtkLaPw8ancD1qw" defer=""></script><script src="/_next/static/chunks/47038-5e829e3c3a82256c.js?dpl=dpl_9bEDJa76CShxJFtkLaPw8ancD1qw" defer=""></script><script src="/_next/static/chunks/36533-1e462b69f3a44757.js?dpl=dpl_9bEDJa76CShxJFtkLaPw8ancD1qw" defer=""></script><script src="/_next/static/chunks/47751-e5cc735a102d899a.js?dpl=dpl_9bEDJa76CShxJFtkLaPw8ancD1qw" defer=""></script><script src="/_next/static/chunks/36290-bb306701e3cca348.js?dpl=dpl_9bEDJa76CShxJFtkLaPw8ancD1qw" defer=""></script><script src="/_next/static/chunks/39861-2090e4616add025b.js?dpl=dpl_9bEDJa76CShxJFtkLaPw8ancD1qw" defer=""></script><script src="/_next/static/chunks/79966-0caa1f6b84a3bd20.js?dpl=dpl_9bEDJa76CShxJFtkLaPw8ancD1qw" defer=""></script><script src="/_next/static/chunks/49032-08c03818eefd4b0c.js?dpl=dpl_9bEDJa76CShxJFtkLaPw8ancD1qw" defer=""></script><script src="/_next/static/chunks/57108-42525cc0694819b8.js?dpl=dpl_9bEDJa76CShxJFtkLaPw8ancD1qw" defer=""></script><script src="/_next/static/chunks/40158-c094cd218db99287.js?dpl=dpl_9bEDJa76CShxJFtkLaPw8ancD1qw" defer=""></script><script src="/_next/static/chunks/3511-03463a37750c40ab.js?dpl=dpl_9bEDJa76CShxJFtkLaPw8ancD1qw" defer=""></script><script src="/_next/static/chunks/64460-9b5cf912e5c1c528.js?dpl=dpl_9bEDJa76CShxJFtkLaPw8ancD1qw" defer=""></script><script src="/_next/static/chunks/44267-c4eadbcd1f635406.js?dpl=dpl_9bEDJa76CShxJFtkLaPw8ancD1qw" defer=""></script><script src="/_next/static/chunks/87779-aa4cb1603977ad57.js?dpl=dpl_9bEDJa76CShxJFtkLaPw8ancD1qw" defer=""></script><script src="/_next/static/chunks/48743-98079461476df937.js?dpl=dpl_9bEDJa76CShxJFtkLaPw8ancD1qw" defer=""></script><script src="/_next/static/chunks/48836-93f7da7604c933c5.js?dpl=dpl_9bEDJa76CShxJFtkLaPw8ancD1qw" defer=""></script><script src="/_next/static/chunks/65604-1a4c71d43325f7f1.js?dpl=dpl_9bEDJa76CShxJFtkLaPw8ancD1qw" defer=""></script><script src="/_next/static/chunks/pages/exchange/%5B...slug%5D-0416ebcf9596a518.js?dpl=dpl_9bEDJa76CShxJFtkLaPw8ancD1qw" defer=""></script><script src="/_next/static/GbCxEPwfA6qtjgLF4sNOl/_buildManifest.js?dpl=dpl_9bEDJa76CShxJFtkLaPw8ancD1qw" defer=""></script><script src="/_next/static/GbCxEPwfA6qtjgLF4sNOl/_ssgManifest.js?dpl=dpl_9bEDJa76CShxJFtkLaPw8ancD1qw" defer=""></script></head><body><div id="__next"><script>!function(){try{var d=document.documentElement,n='data-theme',s='setAttribute';var e=localStorage.getItem('theme');if('system'===e||(!e&&true)){var t='(prefers-color-scheme: dark)',m=window.matchMedia(t);if(m.media!==t||m.matches){d.style.colorScheme = 'dark';d[s](n,'dark')}else{d.style.colorScheme = 'light';d[s](n,'light')}}else if(e){d[s](n,e|| '')}if(e==='light'||e==='dark')d.style.colorScheme=e}catch(e){}}()</script><div id="sanity-io-container" class="__variable_b1c180 __variable_704ecf __variable_115f82 sanity-io-container" data-announcement-banner="true"><div class="SkipToContent_skipToContent__gxXR4"><a class="SkipToContent_skipToContentLink__S33ZI shared_primaryButton__JzTUh shared_button__GdPAZ shared_baseButton__3OPoI shared_hairline2__qAj6m shared_resetButton__jHRBh shared_box__eqBFk shared_borderRadius__O_jrc shared_focusOutlineOutside__RZab5" href="#mainContentBlock">Skip to content</a></div><a class="AnnouncementBanner_root__FazP5" href="https://www.sanity.io/events/developer-deep-dive-launch?ref=banner">Unlock seamless workflows and faster delivery with our latest releases - Join the deep dive<!-- --> <svg data-sanity-icon="arrow-right" width="1em" height="1em" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg" color="#F36458"><path d="M19.5 12.5H5" stroke="currentColor" stroke-width="1.2" stroke-linejoin="round"></path><path d="M14 7L19.5 12.5L14 18" stroke="currentColor" stroke-width="1.2" stroke-linejoin="round"></path></svg></a><header class="Navbar_root__7EAPN" role="navigation" aria-label="Navigation bar" data-open="false"><div class="Navbar_navContainer__351h_"><a class="LogoMenu_logoLink__AmrSm" type="button" id="radix-:R1b6sm:" aria-haspopup="menu" aria-expanded="false" data-state="closed" href="/"><svg viewBox="0 0 105 22" xmlns="http://www.w3.org/2000/svg" height="1em" fill="none"><title>Sanity</title><path opacity="0.7" d="M78.1793 7.99261V21.0028H73.9031V10.2138L78.1793 7.99261Z" fill="currentColor"></path><path opacity="0.7" d="M20.9511 21.33L30.944 16.1051L29.7121 12.9141L23.1332 15.9821L20.9511 21.33Z" fill="currentColor"></path><path opacity="0.5" d="M73.9031 10.2027L84.7443 4.65477L82.9126 1.5571L73.9031 5.95997V10.2027Z" fill="currentColor"></path><path opacity="0.7" d="M43.3705 6.96233V21.0028H39.2927V1.00714L43.3705 6.96233Z" fill="currentColor"></path><path opacity="0.5" d="M27.1299 6.18617L20.9511 21.33L17.7731 18.5943L25.1353 1.00714L27.1299 6.18617Z" fill="currentColor"></path><path d="M25.1353 1.00714H29.3477L37.1386 21.0028H32.8269L25.1353 1.00714Z" fill="currentColor"></path><path d="M44.0012 1.00714L52.9824 14.6682V21.0028L39.2927 1.00714H44.0012Z" fill="currentColor"></path><path d="M64.9183 1.00714H60.6739V21.0063H64.9183V1.00714Z" fill="currentColor"></path><path d="M73.9031 4.65474H67.37V1.00714H82.5867L84.7443 4.65474H78.1793H73.9031Z" fill="currentColor"></path><path opacity="0.5" d="M97.2754 13.4153V21.0028H93.0629V13.4153" fill="currentColor"></path><path d="M93.0629 13.4152L100.191 1.00714H104.666L97.2754 13.4152H93.0629Z" fill="currentColor"></path><path opacity="0.7" d="M93.063 13.4152L85.7363 1.00714H90.3456L95.3092 9.51008L93.063 13.4152Z" fill="currentColor"></path><path d="M1.96126 3.31479C1.96126 6.09921 3.71145 7.75595 7.21536 8.62956L10.9283 9.47533C14.2444 10.2236 16.2639 12.0822 16.2639 15.1103C16.2897 16.4295 15.8531 17.7173 15.0274 18.7579C15.0274 15.7368 13.4367 14.1044 9.59972 13.1229L5.95409 12.3085C3.03475 11.6541 0.781478 10.1262 0.781478 6.83709C0.766123 5.56693 1.18116 4.32781 1.96126 3.31479" fill="currentColor"></path><path opacity="0.7" d="M52.9824 13.6415V1.00714H57.0602V21.0028H52.9824V13.6415Z" fill="currentColor"></path><path opacity="0.7" d="M12.7458 14.3689C14.3294 15.3643 15.0238 16.7565 15.0238 18.7544C13.713 20.4041 11.4101 21.33 8.70333 21.33C4.14718 21.33 0.958577 19.1268 0.25 15.2982H4.62547C5.18878 17.0559 6.68034 17.8703 8.67144 17.8703C11.1019 17.8703 12.7174 16.5964 12.7493 14.3619" fill="currentColor"></path><path opacity="0.7" d="M4.23567 7.44267C3.5125 7.02045 2.9192 6.41375 2.51873 5.68697C2.11827 4.96019 1.92558 4.14045 1.96113 3.31476C3.22594 1.67891 5.42608 0.679993 8.10804 0.679993C12.7492 0.679993 15.4347 3.08852 16.0972 6.47856H11.8883C11.4242 5.14203 10.2621 4.10136 8.14347 4.10136C5.87957 4.10136 4.33487 5.39611 4.24629 7.44267" fill="currentColor"></path></svg></a><nav aria-label="Main" data-orientation="horizontal" dir="ltr" class="Navbar_desktopNav__H6xsC"><div style="position:relative"><ul data-orientation="horizontal" class="Navbar_menuList__X4ez5" dir="ltr"><li><ul class="Navbar_menu__en5J6 shared_resetList__sPSb0 shared_reset__i9XcS"><li><button id="radix-:R2b6sm:-trigger-radix-:Raqb6sm:" data-state="closed" aria-expanded="false" aria-controls="radix-:R2b6sm:-content-radix-:Raqb6sm:" class="Navbar_menuTrigger__jhlm4 shared_text3__MQrA6 shared_resetButton__jHRBh" data-radix-collection-item="">Product<svg fill="none" height="14" shape-rendering="geometricPrecision" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" viewBox="0 0 24 24" width="14" style="color:currentColor" class="Navbar_chevronDown__BsZjb" aria-hidden="true"><path d="M6 9l6 6 6-6"></path></svg></button><div id="radix-:R2b6sm:-content-radix-:Raqb6sm:" aria-labelledby="radix-:R2b6sm:-trigger-radix-:Raqb6sm:" data-orientation="horizontal" data-state="closed" class="Navbar_menuContent__fUmUY" style="pointer-events:none" dir="ltr"><div class="Navbar_menuContainer__Qii8x"><div class="MenuSection_root__ZNjkl"><h2 class="MenuSection_sectionTitle__g9pr0 shared_fg4__8eU1H shared_label__Ytarj shared_label_base__ALIe4">Platform</h2><div class="MenuSection_sectionList__fmYEN shared_resetList__sPSb0 shared_reset__i9XcS"><a class="MenuItem_root__2Dm0V shared_fg2__gvnW7 shared_text4__vymfi" data-radix-collection-item="" href="/studio"><div><div class="MenuItem_title__JSr_6">Sanity Studio<!-- --> </div><p class="MenuItem_subtitle__QLH_l shared_fg4__8eU1H shared_text4__vymfi">Flexible editing environment</p></div></a><a class="MenuItem_root__2Dm0V shared_fg2__gvnW7 shared_text4__vymfi" data-radix-collection-item="" href="/developer-experience"><div><div class="MenuItem_title__JSr_6">APIs<!-- --> </div><p class="MenuItem_subtitle__QLH_l shared_fg4__8eU1H shared_text4__vymfi">Connect to anything</p></div></a><a class="MenuItem_root__2Dm0V shared_fg2__gvnW7 shared_text4__vymfi" data-radix-collection-item="" href="https://www.sanity.io/content-lake"><div><div class="MenuItem_title__JSr_6">Content Lake<!-- --> </div><p class="MenuItem_subtitle__QLH_l shared_fg4__8eU1H shared_text4__vymfi">Fully decoupled back end</p></div></a><a class="MenuItem_root__2Dm0V shared_fg2__gvnW7 shared_text4__vymfi" data-radix-collection-item="" href="https://www.sanity.io/create?ref=navbar"><div><div class="MenuItem_title__JSr_6">Sanity Create<!-- --> </div><p class="MenuItem_subtitle__QLH_l shared_fg4__8eU1H shared_text4__vymfi">Better writing experience</p></div></a></div><div class="MenuSection_bottomCta__9gPot"><a class="MenuItem_root__2Dm0V shared_fg2__gvnW7 shared_text4__vymfi" data-radix-collection-item="" href="https://www.sanity.io/demos/studio?ref=navbar"><div><div class="MenuItem_title__JSr_6">Try product demo<!-- --> <svg data-sanity-icon="arrow-right" width="1em" height="1em" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg" class="inline-block" color="#F36458"><path d="M19.5 12.5H5" stroke="currentColor" stroke-width="1.2" stroke-linejoin="round"></path><path d="M14 7L19.5 12.5L14 18" stroke="currentColor" stroke-width="1.2" stroke-linejoin="round"></path></svg></div></div></a></div></div><div class="MenuSection_root__ZNjkl"><h2 class="MenuSection_sectionTitle__g9pr0 shared_fg4__8eU1H shared_label__Ytarj shared_label_base__ALIe4">Features</h2><div class="MenuSection_sectionList__fmYEN shared_resetList__sPSb0 shared_reset__i9XcS"><a class="MenuItem_root__2Dm0V shared_fg2__gvnW7 shared_text4__vymfi" data-radix-collection-item="" href="https://www.sanity.io/solution/collaboration"><div><div class="MenuItem_title__JSr_6">Real-time collaboration<!-- --> </div><p class="MenuItem_subtitle__QLH_l shared_fg4__8eU1H shared_text4__vymfi">Fearlessly work with content</p></div></a><a class="MenuItem_root__2Dm0V shared_fg2__gvnW7 shared_text4__vymfi" data-radix-collection-item="" href="/docs/how-queries-work"><div><div class="MenuItem_title__JSr_6">Precise content querying<!-- --> </div><p class="MenuItem_subtitle__QLH_l shared_fg4__8eU1H shared_text4__vymfi">Treat content as data with GROQ</p></div></a><a class="MenuItem_root__2Dm0V shared_fg2__gvnW7 shared_text4__vymfi" data-radix-collection-item="" href="https://www.sanity.io/solution/localization"><div><div class="MenuItem_title__JSr_6">Localization<!-- --> </div><p class="MenuItem_subtitle__QLH_l shared_fg4__8eU1H shared_text4__vymfi">Coherent messaging across territories</p></div></a><a class="MenuItem_root__2Dm0V shared_fg2__gvnW7 shared_text4__vymfi" data-radix-collection-item="" href="https://www.sanity.io/ai-assist"><div><div class="MenuItem_title__JSr_6">AI Assist<!-- --> </div><p class="MenuItem_subtitle__QLH_l shared_fg4__8eU1H shared_text4__vymfi">Built-in AI assistant</p></div></a></div></div></div></div></li><li><button id="radix-:R2b6sm:-trigger-radix-:Riqb6sm:" data-state="closed" aria-expanded="false" aria-controls="radix-:R2b6sm:-content-radix-:Riqb6sm:" class="Navbar_menuTrigger__jhlm4 shared_text3__MQrA6 shared_resetButton__jHRBh" data-radix-collection-item="">Solutions<svg fill="none" height="14" shape-rendering="geometricPrecision" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" viewBox="0 0 24 24" width="14" style="color:currentColor" class="Navbar_chevronDown__BsZjb" aria-hidden="true"><path d="M6 9l6 6 6-6"></path></svg></button><div id="radix-:R2b6sm:-content-radix-:Riqb6sm:" aria-labelledby="radix-:R2b6sm:-trigger-radix-:Riqb6sm:" data-orientation="horizontal" data-state="closed" class="Navbar_menuContent__fUmUY" style="pointer-events:none" dir="ltr"><div class="Navbar_menuContainer__Qii8x"><div class="MenuSection_root__ZNjkl"><h2 class="MenuSection_sectionTitle__g9pr0 shared_fg4__8eU1H shared_label__Ytarj shared_label_base__ALIe4">Use cases</h2><div class="MenuSection_sectionList__fmYEN shared_resetList__sPSb0 shared_reset__i9XcS"><a class="MenuItem_root__2Dm0V shared_fg2__gvnW7 shared_text4__vymfi" data-radix-collection-item="" href="/solution/e-commerce"><div><div class="MenuItem_title__JSr_6">E-commerce<!-- --> </div><p class="MenuItem_subtitle__QLH_l shared_fg4__8eU1H shared_text4__vymfi">Richer shopping experiences</p></div></a><a class="MenuItem_root__2Dm0V shared_fg2__gvnW7 shared_text4__vymfi" data-radix-collection-item="" href="https://www.sanity.io/solution/marketing"><div><div class="MenuItem_title__JSr_6">Marketing sites<!-- --> </div><p class="MenuItem_subtitle__QLH_l shared_fg4__8eU1H shared_text4__vymfi">Control your story</p></div></a><a class="MenuItem_root__2Dm0V shared_fg2__gvnW7 shared_text4__vymfi" data-radix-collection-item="" href="https://www.sanity.io/solution/products-services"><div><div class="MenuItem_title__JSr_6">Products & services<!-- --> </div><p class="MenuItem_subtitle__QLH_l shared_fg4__8eU1H shared_text4__vymfi">Innovate and automate</p></div></a><a class="MenuItem_root__2Dm0V shared_fg2__gvnW7 shared_text4__vymfi" data-radix-collection-item="" href="https://www.sanity.io/solution/mobile-apps"><div><div class="MenuItem_title__JSr_6">Mobile apps<!-- --> </div><p class="MenuItem_subtitle__QLH_l shared_fg4__8eU1H shared_text4__vymfi">Content backend for every OS</p></div></a></div><div class="MenuSection_bottomCta__9gPot"><a class="MenuItem_root__2Dm0V shared_fg2__gvnW7 shared_text4__vymfi" data-radix-collection-item="" href="https://www.sanity.io/solutions"><div><div class="MenuItem_title__JSr_6">View all<!-- --> <svg data-sanity-icon="arrow-right" width="1em" height="1em" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg" class="inline-block" color="#F36458"><path d="M19.5 12.5H5" stroke="currentColor" stroke-width="1.2" stroke-linejoin="round"></path><path d="M14 7L19.5 12.5L14 18" stroke="currentColor" stroke-width="1.2" stroke-linejoin="round"></path></svg></div></div></a></div></div><div class="MenuSection_root__ZNjkl"><h2 class="MenuSection_sectionTitle__g9pr0 shared_fg4__8eU1H shared_label__Ytarj shared_label_base__ALIe4">Integrations</h2><div class="MenuSection_sectionGrid__YD2Ox shared_resetList__sPSb0 shared_reset__i9XcS"><a class="MenuItem_root__2Dm0V shared_fg2__gvnW7 shared_text4__vymfi" data-radix-collection-item="" href="https://www.sanity.io/shopify"><div class="MenuItem_iconWrapper__sPTEW"><div class="MenuItem_iconLight__dRlMc Image_root__X2u6l" data-has-aspect="true" style="--aspect-ratio:0.8776041666666666"><div class="Image_lqip__4DIba" data-show-placeholder="false" data-is-loaded="0" aria-hidden="true" style="padding-bottom:113.94658753709199%"></div><noscript><img src="https://cdn.sanity.io/images/3do82whm/next/9bf6b9c4709e49f6f4bf095dc0e41224fd175027-337x384.svg?h=23&fit=max&auto=format" alt="Shopify icon" loading="lazy" width="20" height="23" sizes="(max-width: 800px) 100vw, 800px" class="Image_img__5ZmPX"/></noscript></div></div><div><div class="MenuItem_title__JSr_6">Shopify<!-- --> </div></div></a><a class="MenuItem_root__2Dm0V shared_fg2__gvnW7 shared_text4__vymfi" data-radix-collection-item="" href="https://www.sanity.io/technology-partners/mux"><div class="MenuItem_iconWrapper__sPTEW"><div class="MenuItem_iconLight__dRlMc Image_root__X2u6l" data-has-aspect="true" style="--aspect-ratio:3.090909090909091"><div class="Image_lqip__4DIba" data-show-placeholder="false" data-is-loaded="0" aria-hidden="true" style="padding-bottom:32.35294117647059%"></div><noscript><img src="https://cdn.sanity.io/images/3do82whm/next/3f5108155bb69d40d75aa87de948917045d41abd-102x33.svg?h=6&fit=max&auto=format" alt="Mux icon" loading="lazy" width="20" height="6" sizes="(max-width: 800px) 100vw, 800px" class="Image_img__5ZmPX"/></noscript></div></div><div><div class="MenuItem_title__JSr_6">Mux<!-- --> </div></div></a><a class="MenuItem_root__2Dm0V shared_fg2__gvnW7 shared_text4__vymfi" data-radix-collection-item="" href="https://www.sanity.io/technology-partners/vercel"><div class="MenuItem_iconWrapper__sPTEW"><div class="MenuItem_iconDark__PqSiv Image_root__X2u6l" data-has-aspect="true" style="--aspect-ratio:1.155"><div class="Image_lqip__4DIba" data-show-placeholder="false" data-is-loaded="0" aria-hidden="true" style="padding-bottom:86.58008658008657%"></div><noscript><img src="https://cdn.sanity.io/images/3do82whm/next/a34029c180ece128552e9d9679027a8afa48ae11-1155x1000.svg?h=17&fit=max&auto=format" alt="Vercel icon" loading="lazy" width="20" height="17" sizes="(max-width: 800px) 100vw, 800px" class="Image_img__5ZmPX"/></noscript></div><div class="MenuItem_iconLight__dRlMc Image_root__X2u6l" data-has-aspect="true" style="--aspect-ratio:1.155"><div class="Image_lqip__4DIba" data-show-placeholder="false" data-is-loaded="0" aria-hidden="true" style="padding-bottom:86.58008658008657%"></div><noscript><img src="https://cdn.sanity.io/images/3do82whm/next/45a81b836dbb912b62b29b01b45954ef2948ae91-1155x1000.svg?h=17&fit=max&auto=format" alt="Vercel icon" loading="lazy" width="20" height="17" sizes="(max-width: 800px) 100vw, 800px" class="Image_img__5ZmPX"/></noscript></div></div><div><div class="MenuItem_title__JSr_6">Vercel<!-- --> </div></div></a><a class="MenuItem_root__2Dm0V shared_fg2__gvnW7 shared_text4__vymfi" data-radix-collection-item="" href="https://www.sanity.io/technology-partners/netlify"><div class="MenuItem_iconWrapper__sPTEW"><div class="MenuItem_iconDark__PqSiv Image_root__X2u6l" data-has-aspect="true" style="--aspect-ratio:1.1327433628318584"><div class="Image_lqip__4DIba" data-show-placeholder="false" data-is-loaded="0" aria-hidden="true" style="padding-bottom:88.28125%"></div><noscript><img src="https://cdn.sanity.io/images/3do82whm/next/24152f4f3fed326b8a2c5788393f53e8cecd4707-128x113.svg?h=18&fit=max&auto=format" alt="Netlify icon" loading="lazy" width="20" height="18" sizes="(max-width: 800px) 100vw, 800px" class="Image_img__5ZmPX"/></noscript></div><div class="MenuItem_iconLight__dRlMc Image_root__X2u6l" data-has-aspect="true" style="--aspect-ratio:1.1327433628318584"><div class="Image_lqip__4DIba" data-show-placeholder="false" data-is-loaded="0" aria-hidden="true" style="padding-bottom:88.28125%"></div><noscript><img src="https://cdn.sanity.io/images/3do82whm/next/0c35632d74ac27f807b72d4e22f3276ef223091a-128x113.svg?h=18&fit=max&auto=format" alt="Netlify icon" loading="lazy" width="20" height="18" sizes="(max-width: 800px) 100vw, 800px" class="Image_img__5ZmPX"/></noscript></div></div><div><div class="MenuItem_title__JSr_6">Netlify<!-- --> </div></div></a><a class="MenuItem_root__2Dm0V shared_fg2__gvnW7 shared_text4__vymfi" data-radix-collection-item="" href="https://www.sanity.io/technology-partners/algolia"><div class="MenuItem_iconWrapper__sPTEW"><div class="MenuItem_iconLight__dRlMc Image_root__X2u6l" data-has-aspect="true" style="--aspect-ratio:1"><div class="Image_lqip__4DIba" data-show-placeholder="false" data-is-loaded="0" aria-hidden="true" style="padding-bottom:100%"></div><noscript><img src="https://cdn.sanity.io/images/3do82whm/next/ae86b4b4fd1df833c37cfd4d651cb407366ceca7-512x512.svg?h=20&fit=max&auto=format" alt="Algolia icon" loading="lazy" width="20" height="20" sizes="(max-width: 800px) 100vw, 800px" class="Image_img__5ZmPX"/></noscript></div></div><div><div class="MenuItem_title__JSr_6">Algolia<!-- --> </div></div></a><a class="MenuItem_root__2Dm0V shared_fg2__gvnW7 shared_text4__vymfi" data-radix-collection-item="" href="https://www.sanity.io/technology-partners/cloudinary"><div class="MenuItem_iconWrapper__sPTEW"><div class="MenuItem_iconLight__dRlMc Image_root__X2u6l" data-has-aspect="true" style="--aspect-ratio:1.5309734513274336"><div class="Image_lqip__4DIba" data-show-placeholder="false" data-is-loaded="0" aria-hidden="true" style="padding-bottom:65.31791907514452%"></div><noscript><img src="https://cdn.sanity.io/images/3do82whm/next/6a645de167fec7716f99fd9de5fff6e87918b99f-173x113.svg?h=13&fit=max&auto=format" alt="Cloudinary icon" loading="lazy" width="20" height="13" sizes="(max-width: 800px) 100vw, 800px" class="Image_img__5ZmPX"/></noscript></div></div><div><div class="MenuItem_title__JSr_6">Cloudinary<!-- --> </div></div></a><a class="MenuItem_root__2Dm0V shared_fg2__gvnW7 shared_text4__vymfi" data-radix-collection-item="" href="https://www.sanity.io/technology-partners/bigcommerce"><div class="MenuItem_iconWrapper__sPTEW"><div class="MenuItem_iconDark__PqSiv Image_root__X2u6l" data-has-aspect="true" style="--aspect-ratio:1"><div class="Image_lqip__4DIba" data-show-placeholder="false" data-is-loaded="0" aria-hidden="true" style="padding-bottom:100%"></div><noscript><img src="https://cdn.sanity.io/images/3do82whm/next/52b0db077b96d52ee119fe4da7155537bf99d24f-167x167.svg?h=20&fit=max&auto=format" alt="BigCommerce icon" loading="lazy" width="20" height="20" sizes="(max-width: 800px) 100vw, 800px" class="Image_img__5ZmPX"/></noscript></div><div class="MenuItem_iconLight__dRlMc Image_root__X2u6l" data-has-aspect="true" style="--aspect-ratio:1"><div class="Image_lqip__4DIba" data-show-placeholder="false" data-is-loaded="0" aria-hidden="true" style="padding-bottom:100%"></div><noscript><img src="https://cdn.sanity.io/images/3do82whm/next/47d42c4fa3624d6ea85fc69f1bfb11c3ed521e63-167x167.svg?h=20&fit=max&auto=format" alt="BigCommerce icon" loading="lazy" width="20" height="20" sizes="(max-width: 800px) 100vw, 800px" class="Image_img__5ZmPX"/></noscript></div></div><div><div class="MenuItem_title__JSr_6">BigCommerce<!-- --> </div></div></a><a class="MenuItem_root__2Dm0V shared_fg2__gvnW7 shared_text4__vymfi" data-radix-collection-item="" href="https://www.sanity.io/technology-partners/commercelayer"><div class="MenuItem_iconWrapper__sPTEW"><div class="MenuItem_iconDark__PqSiv Image_root__X2u6l" data-has-aspect="true" style="--aspect-ratio:1.0038461538461538"><div class="Image_lqip__4DIba" data-show-placeholder="false" data-is-loaded="0" aria-hidden="true" style="padding-bottom:99.61685823754789%"></div><noscript><img src="https://cdn.sanity.io/images/3do82whm/next/25577d454c204896a36753b076126cd72039de1a-261x260.svg?h=20&fit=max&auto=format" alt="Commerce Layer icon" loading="lazy" width="20" height="20" sizes="(max-width: 800px) 100vw, 800px" class="Image_img__5ZmPX"/></noscript></div><div class="MenuItem_iconLight__dRlMc Image_root__X2u6l" data-has-aspect="true" style="--aspect-ratio:1.0038461538461538"><div class="Image_lqip__4DIba" data-show-placeholder="false" data-is-loaded="0" aria-hidden="true" style="padding-bottom:99.61685823754789%"></div><noscript><img src="https://cdn.sanity.io/images/3do82whm/next/4b535960a5e22bbdf3bc8b601d95fbd215d4780e-261x260.svg?h=20&fit=max&auto=format" alt="Commerce Layer icon" loading="lazy" width="20" height="20" sizes="(max-width: 800px) 100vw, 800px" class="Image_img__5ZmPX"/></noscript></div></div><div><div class="MenuItem_title__JSr_6">Commerce Layer<!-- --> </div></div></a><a class="MenuItem_root__2Dm0V shared_fg2__gvnW7 shared_text4__vymfi" data-radix-collection-item="" href="https://www.sanity.io/technology-partners/smartling"><div class="MenuItem_iconWrapper__sPTEW"><div class="MenuItem_iconLight__dRlMc Image_root__X2u6l" data-has-aspect="true" style="--aspect-ratio:1"><div class="Image_lqip__4DIba" data-show-placeholder="false" data-is-loaded="0" aria-hidden="true" style="padding-bottom:100%"></div><noscript><img src="https://cdn.sanity.io/images/3do82whm/next/f4dd7e2dcdf8fe6d492fffd0d4ecb40598193b9e-256x256.svg?h=20&fit=max&auto=format" alt="Smartling icon" loading="lazy" width="20" height="20" sizes="(max-width: 800px) 100vw, 800px" class="Image_img__5ZmPX"/></noscript></div></div><div><div class="MenuItem_title__JSr_6">Smartling<!-- --> </div></div></a><a class="MenuItem_root__2Dm0V shared_fg2__gvnW7 shared_text4__vymfi" data-radix-collection-item="" href="https://www.sanity.io/technology-partners/transifex"><div class="MenuItem_iconWrapper__sPTEW"><div class="MenuItem_iconDark__PqSiv Image_root__X2u6l" data-has-aspect="true" style="--aspect-ratio:1"><div class="Image_lqip__4DIba" data-show-placeholder="false" data-is-loaded="0" aria-hidden="true" style="padding-bottom:100%"></div><noscript><img src="https://cdn.sanity.io/images/3do82whm/next/4cb60b175710d371792131799138bbe6491f9c1b-512x512.svg?h=20&fit=max&auto=format" alt="Transifex icon" loading="lazy" width="20" height="20" sizes="(max-width: 800px) 100vw, 800px" class="Image_img__5ZmPX"/></noscript></div><div class="MenuItem_iconLight__dRlMc Image_root__X2u6l" data-has-aspect="true" style="--aspect-ratio:1"><div class="Image_lqip__4DIba" data-show-placeholder="false" data-is-loaded="0" aria-hidden="true" style="padding-bottom:100%"></div><noscript><img src="https://cdn.sanity.io/images/3do82whm/next/421d11ba972c786ace687e25ea06da6ea721b316-512x512.svg?h=20&fit=max&auto=format" alt="Transifex icon" loading="lazy" width="20" height="20" sizes="(max-width: 800px) 100vw, 800px" class="Image_img__5ZmPX"/></noscript></div></div><div><div class="MenuItem_title__JSr_6">Transifex<!-- --> </div></div></a></div><div class="MenuSection_bottomCta__9gPot"><a class="MenuItem_root__2Dm0V shared_fg2__gvnW7 shared_text4__vymfi" data-radix-collection-item="" href="https://www.sanity.io/technology-partners"><div><div class="MenuItem_title__JSr_6">View all<!-- --> <svg data-sanity-icon="arrow-right" width="1em" height="1em" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg" class="inline-block" color="#F36458"><path d="M19.5 12.5H5" stroke="currentColor" stroke-width="1.2" stroke-linejoin="round"></path><path d="M14 7L19.5 12.5L14 18" stroke="currentColor" stroke-width="1.2" stroke-linejoin="round"></path></svg></div></div></a></div></div></div></div></li><li><button id="radix-:R2b6sm:-trigger-radix-:Rqqb6sm:" data-state="closed" aria-expanded="false" aria-controls="radix-:R2b6sm:-content-radix-:Rqqb6sm:" class="Navbar_menuTrigger__jhlm4 shared_text3__MQrA6 shared_resetButton__jHRBh" data-radix-collection-item="">Developers<svg fill="none" height="14" shape-rendering="geometricPrecision" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" viewBox="0 0 24 24" width="14" style="color:currentColor" class="Navbar_chevronDown__BsZjb" aria-hidden="true"><path d="M6 9l6 6 6-6"></path></svg></button><div id="radix-:R2b6sm:-content-radix-:Rqqb6sm:" aria-labelledby="radix-:R2b6sm:-trigger-radix-:Rqqb6sm:" data-orientation="horizontal" data-state="closed" class="Navbar_menuContent__fUmUY" style="pointer-events:none" dir="ltr"><div class="Navbar_menuContainer__Qii8x"><div class="MenuSection_root__ZNjkl"><h2 class="MenuSection_sectionTitle__g9pr0 shared_fg4__8eU1H shared_label__Ytarj shared_label_base__ALIe4">Learn</h2><div class="MenuSection_sectionList__fmYEN shared_resetList__sPSb0 shared_reset__i9XcS"><a class="MenuItem_root__2Dm0V shared_fg2__gvnW7 shared_text4__vymfi" data-radix-collection-item="" href="https://www.sanity.io/docs"><div><div class="MenuItem_title__JSr_6">Documentation<!-- --> </div></div></a><a class="MenuItem_root__2Dm0V shared_fg2__gvnW7 shared_text4__vymfi" data-radix-collection-item="" href="https://www.sanity.io/learn?ref=navbar"><div><div class="MenuItem_title__JSr_6">Courses<!-- --> </div></div></a><a class="MenuItem_root__2Dm0V shared_fg2__gvnW7 shared_text4__vymfi" data-radix-collection-item="" href="https://www.sanity.io/guides"><div><div class="MenuItem_title__JSr_6">Guides<!-- --> </div></div></a><a class="MenuItem_root__2Dm0V shared_fg2__gvnW7 shared_text4__vymfi" data-radix-collection-item="" href="https://www.sanity.io/docs/reference"><div><div class="MenuItem_title__JSr_6">API reference<!-- --> </div></div></a><a class="MenuItem_root__2Dm0V shared_fg2__gvnW7 shared_text4__vymfi" data-radix-collection-item="" href="https://www.sanity.io/ui"><div><div class="MenuItem_title__JSr_6">Sanity UI<!-- --> </div></div></a><a class="MenuItem_root__2Dm0V shared_fg2__gvnW7 shared_text4__vymfi" data-radix-collection-item="" href="/docs/query-cheat-sheet"><div><div class="MenuItem_title__JSr_6">GROQ cheat sheet<!-- --> </div></div></a></div><div class="MenuSection_bottomCta__9gPot"><a class="MenuItem_root__2Dm0V shared_fg2__gvnW7 shared_text4__vymfi" data-radix-collection-item="" href="https://www.sanity.io/get-started?ref=navbar-dev"><div><div class="MenuItem_title__JSr_6">Get started<!-- --> <svg data-sanity-icon="arrow-right" width="1em" height="1em" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg" class="inline-block" color="#F36458"><path d="M19.5 12.5H5" stroke="currentColor" stroke-width="1.2" stroke-linejoin="round"></path><path d="M14 7L19.5 12.5L14 18" stroke="currentColor" stroke-width="1.2" stroke-linejoin="round"></path></svg></div></div></a></div></div><div class="MenuSection_root__ZNjkl"><h2 class="MenuSection_sectionTitle__g9pr0 shared_fg4__8eU1H shared_label__Ytarj shared_label_base__ALIe4">Build and share</h2><div class="MenuSection_sectionList__fmYEN shared_resetList__sPSb0 shared_reset__i9XcS"><a class="MenuItem_root__2Dm0V shared_fg2__gvnW7 shared_text4__vymfi" data-radix-collection-item="" href="https://www.sanity.io/templates"><div><div class="MenuItem_title__JSr_6">Templates<!-- --> </div></div></a><a class="MenuItem_root__2Dm0V shared_fg2__gvnW7 shared_text4__vymfi" data-radix-collection-item="" href="https://www.sanity.io/plugins"><div><div class="MenuItem_title__JSr_6">Tools and plugins<!-- --> </div></div></a><a class="MenuItem_root__2Dm0V shared_fg2__gvnW7 shared_text4__vymfi" data-radix-collection-item="" href="https://www.sanity.io/schemas"><div><div class="MenuItem_title__JSr_6">Schemas and snippets<!-- --> </div></div></a><a class="MenuItem_root__2Dm0V shared_fg2__gvnW7 shared_text4__vymfi" data-radix-collection-item="" href="https://www.sanity.io/projects"><div><div class="MenuItem_title__JSr_6">Project showcase<!-- --> </div></div></a><a class="MenuItem_root__2Dm0V shared_fg2__gvnW7 shared_text4__vymfi" data-radix-collection-item="" target="_blank" href="https://community.sanity.tools/"><div><div class="MenuItem_title__JSr_6">Share your work<!-- --> </div></div></a></div><div class="MenuSection_bottomCta__9gPot"><a class="MenuItem_root__2Dm0V shared_fg2__gvnW7 shared_text4__vymfi" data-radix-collection-item="" href="https://www.sanity.io/exchange"><div><div class="MenuItem_title__JSr_6">Browse Exchange<!-- --> <svg data-sanity-icon="arrow-right" width="1em" height="1em" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg" class="inline-block" color="#F36458"><path d="M19.5 12.5H5" stroke="currentColor" stroke-width="1.2" stroke-linejoin="round"></path><path d="M14 7L19.5 12.5L14 18" stroke="currentColor" stroke-width="1.2" stroke-linejoin="round"></path></svg></div></div></a></div></div><div class="MenuSection_root__ZNjkl"><h2 class="MenuSection_sectionTitle__g9pr0 shared_fg4__8eU1H shared_label__Ytarj shared_label_base__ALIe4">Frameworks</h2><div class="MenuSection_sectionGrid__YD2Ox shared_resetList__sPSb0 shared_reset__i9XcS"><a class="MenuItem_root__2Dm0V shared_fg2__gvnW7 shared_text4__vymfi" data-radix-collection-item="" href="https://www.sanity.io/exchange/framework=react"><div class="MenuItem_iconWrapper__sPTEW"><div class="MenuItem_iconLight__dRlMc Image_root__X2u6l" data-has-aspect="true" style="--aspect-ratio:1"><div class="Image_lqip__4DIba" data-show-placeholder="false" data-is-loaded="0" aria-hidden="true" style="padding-bottom:100%"></div><noscript><img src="https://cdn.sanity.io/images/3do82whm/next/927baf1ce68df63ec3a59eb1c0fbb4e7442722ef-48x48.svg?h=20&fit=max&auto=format" alt="React icon" loading="lazy" width="20" height="20" sizes="(max-width: 800px) 100vw, 800px" class="Image_img__5ZmPX"/></noscript></div></div><div><div class="MenuItem_title__JSr_6">React<!-- --> </div></div></a><a class="MenuItem_root__2Dm0V shared_fg2__gvnW7 shared_text4__vymfi" data-radix-collection-item="" href="https://www.sanity.io/exchange/framework=vue"><div class="MenuItem_iconWrapper__sPTEW"><div class="MenuItem_iconLight__dRlMc Image_root__X2u6l" data-has-aspect="true" style="--aspect-ratio:1"><div class="Image_lqip__4DIba" data-show-placeholder="false" data-is-loaded="0" aria-hidden="true" style="padding-bottom:100%"></div><noscript><img src="https://cdn.sanity.io/images/3do82whm/next/c6b479007ccaa0aa08c3032fc1cb368b2fffff23-48x48.svg?h=20&fit=max&auto=format" alt="Vue icon" loading="lazy" width="20" height="20" sizes="(max-width: 800px) 100vw, 800px" class="Image_img__5ZmPX"/></noscript></div></div><div><div class="MenuItem_title__JSr_6">Vue<!-- --> </div></div></a><a class="MenuItem_root__2Dm0V shared_fg2__gvnW7 shared_text4__vymfi" data-radix-collection-item="" href="https://www.sanity.io/exchange/framework=nextjs"><div class="MenuItem_iconWrapper__sPTEW"><div class="MenuItem_iconDark__PqSiv Image_root__X2u6l" data-has-aspect="true" style="--aspect-ratio:1"><div class="Image_lqip__4DIba" data-show-placeholder="false" data-is-loaded="0" aria-hidden="true" style="padding-bottom:100%"></div><noscript><img src="https://cdn.sanity.io/images/3do82whm/next/a8dcfef47cf5288b5baf2658c65c323e5b96bef4-180x180.svg?h=20&fit=max&auto=format" alt="Next.js icon" loading="lazy" width="20" height="20" sizes="(max-width: 800px) 100vw, 800px" class="Image_img__5ZmPX"/></noscript></div><div class="MenuItem_iconLight__dRlMc Image_root__X2u6l" data-has-aspect="true" style="--aspect-ratio:1"><div class="Image_lqip__4DIba" data-show-placeholder="false" data-is-loaded="0" aria-hidden="true" style="padding-bottom:100%"></div><noscript><img src="https://cdn.sanity.io/images/3do82whm/next/582a59c0eb08fff797225db48bf36f72b8d888a7-180x180.svg?h=20&fit=max&auto=format" alt="Next.js icon" loading="lazy" width="20" height="20" sizes="(max-width: 800px) 100vw, 800px" class="Image_img__5ZmPX"/></noscript></div></div><div><div class="MenuItem_title__JSr_6">Next.js<!-- --> </div></div></a><a class="MenuItem_root__2Dm0V shared_fg2__gvnW7 shared_text4__vymfi" data-radix-collection-item="" href="https://www.sanity.io/exchange/framework=nuxt"><div class="MenuItem_iconWrapper__sPTEW"><div class="MenuItem_iconLight__dRlMc Image_root__X2u6l" data-has-aspect="true" style="--aspect-ratio:1"><div class="Image_lqip__4DIba" data-show-placeholder="false" data-is-loaded="0" aria-hidden="true" style="padding-bottom:100%"></div><noscript><img src="https://cdn.sanity.io/images/3do82whm/next/0e6ed17a14c915204a19a2d072ae017fccc06bba-900x900.svg?h=20&fit=max&auto=format" alt="Nuxt.js icon" loading="lazy" width="20" height="20" sizes="(max-width: 800px) 100vw, 800px" class="Image_img__5ZmPX"/></noscript></div></div><div><div class="MenuItem_title__JSr_6">Nuxt.js<!-- --> </div></div></a><a class="MenuItem_root__2Dm0V shared_fg2__gvnW7 shared_text4__vymfi" data-radix-collection-item="" href="https://www.sanity.io/exchange/framework=svelte"><div class="MenuItem_iconWrapper__sPTEW"><div class="MenuItem_iconLight__dRlMc Image_root__X2u6l" data-has-aspect="true" style="--aspect-ratio:0.9791666666666666"><div class="Image_lqip__4DIba" data-show-placeholder="false" data-is-loaded="0" aria-hidden="true" style="padding-bottom:102.12765957446808%"></div><noscript><img src="https://cdn.sanity.io/images/3do82whm/next/4faaedf0321b47108141744556d770a93933bc83-47x48.svg?h=20&fit=max&auto=format" alt="Svelte icon" loading="lazy" width="20" height="20" sizes="(max-width: 800px) 100vw, 800px" class="Image_img__5ZmPX"/></noscript></div></div><div><div class="MenuItem_title__JSr_6">Svelte<!-- --> </div></div></a><a class="MenuItem_root__2Dm0V shared_fg2__gvnW7 shared_text4__vymfi" data-radix-collection-item="" href="https://www.sanity.io/exchange/framework=remix"><div class="MenuItem_iconWrapper__sPTEW"><div class="MenuItem_iconLight__dRlMc Image_root__X2u6l" data-has-aspect="true" style="--aspect-ratio:1"><div class="Image_lqip__4DIba" data-show-placeholder="false" data-is-loaded="0" aria-hidden="true" style="padding-bottom:100%"></div><noscript><img src="https://cdn.sanity.io/images/3do82whm/next/59de1b788d6666a4e64958d92a28010addede8f1-800x800.svg?h=20&fit=max&auto=format" alt="Remix icon" loading="lazy" width="20" height="20" sizes="(max-width: 800px) 100vw, 800px" class="Image_img__5ZmPX"/></noscript></div></div><div><div class="MenuItem_title__JSr_6">Remix<!-- --> </div></div></a><a class="MenuItem_root__2Dm0V shared_fg2__gvnW7 shared_text4__vymfi" data-radix-collection-item="" href="https://www.sanity.io/exchange/framework=gatsby"><div class="MenuItem_iconWrapper__sPTEW"><div class="MenuItem_iconLight__dRlMc Image_root__X2u6l" data-has-aspect="true" style="--aspect-ratio:1"><div class="Image_lqip__4DIba" data-show-placeholder="false" data-is-loaded="0" aria-hidden="true" style="padding-bottom:100%"></div><noscript><img src="https://cdn.sanity.io/images/3do82whm/next/6bdcdafeba3c1746a017fbf851267cae560fddaa-48x48.svg?h=20&fit=max&auto=format" alt="Gatsby icon" loading="lazy" width="20" height="20" sizes="(max-width: 800px) 100vw, 800px" class="Image_img__5ZmPX"/></noscript></div></div><div><div class="MenuItem_title__JSr_6">Gatsby<!-- --> </div></div></a><a class="MenuItem_root__2Dm0V shared_fg2__gvnW7 shared_text4__vymfi" data-radix-collection-item="" href="https://www.sanity.io/exchange/framework=astro"><div class="MenuItem_iconWrapper__sPTEW"><div class="MenuItem_iconDark__PqSiv Image_root__X2u6l" data-has-aspect="true" style="--aspect-ratio:1.00078125"><div class="Image_lqip__4DIba" data-show-placeholder="false" data-is-loaded="0" aria-hidden="true" style="padding-bottom:99.92193598750977%"></div><noscript><img src="https://cdn.sanity.io/images/3do82whm/next/ecbde5b899fc5fba4e3e89e87be3cd1b3aa48db6-1281x1280.svg?h=20&fit=max&auto=format" alt="Astro icon" loading="lazy" width="20" height="20" sizes="(max-width: 800px) 100vw, 800px" class="Image_img__5ZmPX"/></noscript></div><div class="MenuItem_iconLight__dRlMc Image_root__X2u6l" data-has-aspect="true" style="--aspect-ratio:1"><div class="Image_lqip__4DIba" data-show-placeholder="false" data-is-loaded="0" aria-hidden="true" style="padding-bottom:100%"></div><noscript><img src="https://cdn.sanity.io/images/3do82whm/next/fe00bda132fc027c021e7b91eb0748041676c781-1280x1280.svg?h=20&fit=max&auto=format" alt="Astro icon" loading="lazy" width="20" height="20" sizes="(max-width: 800px) 100vw, 800px" class="Image_img__5ZmPX"/></noscript></div></div><div><div class="MenuItem_title__JSr_6">Astro<!-- --> </div></div></a><a class="MenuItem_root__2Dm0V shared_fg2__gvnW7 shared_text4__vymfi" data-radix-collection-item="" href="https://www.sanity.io/exchange/framework=angular"><div class="MenuItem_iconWrapper__sPTEW"><div class="MenuItem_iconLight__dRlMc Image_root__X2u6l" data-has-aspect="true" style="--aspect-ratio:1"><div class="Image_lqip__4DIba" data-show-placeholder="false" data-is-loaded="0" aria-hidden="true" style="padding-bottom:100%"></div><noscript><img src="https://cdn.sanity.io/images/3do82whm/next/55422b54446d6aab92ce4fd2d06cf691c837250c-48x48.svg?h=20&fit=max&auto=format" alt="Angular icon" loading="lazy" width="20" height="20" sizes="(max-width: 800px) 100vw, 800px" class="Image_img__5ZmPX"/></noscript></div></div><div><div class="MenuItem_title__JSr_6">Angular<!-- --> </div></div></a><a class="MenuItem_root__2Dm0V shared_fg2__gvnW7 shared_text4__vymfi" data-radix-collection-item="" href="https://www.sanity.io/exchange/framework=11ty"><div class="MenuItem_iconWrapper__sPTEW"><div class="MenuItem_iconDark__PqSiv Image_root__X2u6l" data-has-aspect="true" style="--aspect-ratio:1"><div class="Image_lqip__4DIba" data-show-placeholder="false" data-is-loaded="0" aria-hidden="true" style="padding-bottom:100%"></div><noscript><img src="https://cdn.sanity.io/images/3do82whm/next/1bb4f3d4476d59a1e801ebb059a030b9bd741c1a-48x48.svg?h=20&fit=max&auto=format" alt="Eleventy icon" loading="lazy" width="20" height="20" sizes="(max-width: 800px) 100vw, 800px" class="Image_img__5ZmPX"/></noscript></div><div class="MenuItem_iconLight__dRlMc Image_root__X2u6l" data-has-aspect="true" style="--aspect-ratio:1"><div class="Image_lqip__4DIba" data-show-placeholder="false" data-is-loaded="0" aria-hidden="true" style="padding-bottom:100%"></div><noscript><img src="https://cdn.sanity.io/images/3do82whm/next/f35812cf780e6fba6e50447d476142b3d49c5c71-48x48.svg?h=20&fit=max&auto=format" alt="Eleventy icon" loading="lazy" width="20" height="20" sizes="(max-width: 800px) 100vw, 800px" class="Image_img__5ZmPX"/></noscript></div></div><div><div class="MenuItem_title__JSr_6">Eleventy<!-- --> </div></div></a></div><div class="MenuSection_bottomCta__9gPot"><a class="MenuItem_root__2Dm0V shared_fg2__gvnW7 shared_text4__vymfi" data-radix-collection-item="" href="https://www.sanity.io/exchange/frameworks"><div><div class="MenuItem_title__JSr_6">View all<!-- --> <svg data-sanity-icon="arrow-right" width="1em" height="1em" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg" class="inline-block" color="#F36458"><path d="M19.5 12.5H5" stroke="currentColor" stroke-width="1.2" stroke-linejoin="round"></path><path d="M14 7L19.5 12.5L14 18" stroke="currentColor" stroke-width="1.2" stroke-linejoin="round"></path></svg></div></div></a></div></div></div></div></li><li><button id="radix-:R2b6sm:-trigger-radix-:R12qb6sm:" data-state="closed" aria-expanded="false" aria-controls="radix-:R2b6sm:-content-radix-:R12qb6sm:" class="Navbar_menuTrigger__jhlm4 shared_text3__MQrA6 shared_resetButton__jHRBh" data-radix-collection-item="">Resources<svg fill="none" height="14" shape-rendering="geometricPrecision" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="1.5" viewBox="0 0 24 24" width="14" style="color:currentColor" class="Navbar_chevronDown__BsZjb" aria-hidden="true"><path d="M6 9l6 6 6-6"></path></svg></button><div id="radix-:R2b6sm:-content-radix-:R12qb6sm:" aria-labelledby="radix-:R2b6sm:-trigger-radix-:R12qb6sm:" data-orientation="horizontal" data-state="closed" class="Navbar_menuContent__fUmUY" style="pointer-events:none" dir="ltr"><div class="Navbar_menuContainer__Qii8x"><div class="MenuSection_root__ZNjkl"><h2 class="MenuSection_sectionTitle__g9pr0 shared_fg4__8eU1H shared_label__Ytarj shared_label_base__ALIe4">Discover</h2><div class="MenuSection_sectionList__fmYEN shared_resetList__sPSb0 shared_reset__i9XcS"><a class="MenuItem_root__2Dm0V shared_fg2__gvnW7 shared_text4__vymfi" data-radix-collection-item="" href="https://www.sanity.io/blog"><div><div class="MenuItem_title__JSr_6">Blog<!-- --> </div></div></a><a class="MenuItem_root__2Dm0V shared_fg2__gvnW7 shared_text4__vymfi" data-radix-collection-item="" href="https://www.sanity.io/events?ref=navbar"><div><div class="MenuItem_title__JSr_6">Events<!-- --> </div></div></a><a class="MenuItem_root__2Dm0V shared_fg2__gvnW7 shared_text4__vymfi" data-radix-collection-item="" href="https://www.sanity.io/resources"><div><div class="MenuItem_title__JSr_6">Resource library<!-- --> </div></div></a><a class="MenuItem_root__2Dm0V shared_fg2__gvnW7 shared_text4__vymfi" data-radix-collection-item="" href="https://www.sanity.io/glossary"><div><div class="MenuItem_title__JSr_6">Glossary<!-- --> </div></div></a><a class="MenuItem_root__2Dm0V shared_fg2__gvnW7 shared_text4__vymfi" data-radix-collection-item="" href="https://www.sanity.io/agency-partners"><div><div class="MenuItem_title__JSr_6">Agency partners<!-- --> </div></div></a><a class="MenuItem_root__2Dm0V shared_fg2__gvnW7 shared_text4__vymfi" data-radix-collection-item="" href="https://www.sanity.io/contact/support"><div><div class="MenuItem_title__JSr_6">Technical support<!-- --> </div></div></a></div><div class="MenuSection_bottomCta__9gPot"><a class="MenuItem_root__2Dm0V shared_fg2__gvnW7 shared_text4__vymfi" data-radix-collection-item="" href="https://www.sanity.io/contact/sales?ref=navbar-resources"><div><div class="MenuItem_title__JSr_6">Talk to sales<!-- --> <svg data-sanity-icon="arrow-right" width="1em" height="1em" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg" class="inline-block" color="#F36458"><path d="M19.5 12.5H5" stroke="currentColor" stroke-width="1.2" stroke-linejoin="round"></path><path d="M14 7L19.5 12.5L14 18" stroke="currentColor" stroke-width="1.2" stroke-linejoin="round"></path></svg></div></div></a></div></div><div class="MenuSection_root__ZNjkl"><h2 class="MenuSection_sectionTitle__g9pr0 shared_fg4__8eU1H shared_label__Ytarj shared_label_base__ALIe4">Customer stories</h2><div class="MenuSection_sectionList__fmYEN shared_resetList__sPSb0 shared_reset__i9XcS"><a class="MenuItem_root__2Dm0V shared_fg2__gvnW7 shared_text4__vymfi" data-radix-collection-item="" href="/customers/puma"><div><div class="MenuItem_title__JSr_6">Puma<!-- --> </div><p class="MenuItem_subtitle__QLH_l shared_fg4__8eU1H shared_text4__vymfi">Source of truth for global markets</p></div></a><a class="MenuItem_root__2Dm0V shared_fg2__gvnW7 shared_text4__vymfi" data-radix-collection-item="" href="/customers/tata"><div><div class="MenuItem_title__JSr_6">Tata Digital<!-- --> </div><p class="MenuItem_subtitle__QLH_l shared_fg4__8eU1H shared_text4__vymfi">Scaling multi-brand e-commerce with composability</p></div></a><a class="MenuItem_root__2Dm0V shared_fg2__gvnW7 shared_text4__vymfi" data-radix-collection-item="" href="/customers/morning-brew"><div><div class="MenuItem_title__JSr_6">Morning Brew<!-- --> </div><p class="MenuItem_subtitle__QLH_l shared_fg4__8eU1H shared_text4__vymfi">Omnichannel media distribution</p></div></a><a class="MenuItem_root__2Dm0V shared_fg2__gvnW7 shared_text4__vymfi" data-radix-collection-item="" href="/customers/aether"><div><div class="MenuItem_title__JSr_6">Aether<!-- --> </div><p class="MenuItem_subtitle__QLH_l shared_fg4__8eU1H shared_text4__vymfi">Unique digital shopping experience</p></div></a></div><div class="MenuSection_bottomCta__9gPot"><a class="MenuItem_root__2Dm0V shared_fg2__gvnW7 shared_text4__vymfi" data-radix-collection-item="" href="https://www.sanity.io/customers?ref=navbar"><div><div class="MenuItem_title__JSr_6">View all<!-- --> <svg data-sanity-icon="arrow-right" width="1em" height="1em" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg" class="inline-block" color="#F36458"><path d="M19.5 12.5H5" stroke="currentColor" stroke-width="1.2" stroke-linejoin="round"></path><path d="M14 7L19.5 12.5L14 18" stroke="currentColor" stroke-width="1.2" stroke-linejoin="round"></path></svg></div></div></a></div></div><div class="MenuSection_root__ZNjkl"><h2 class="MenuSection_sectionTitle__g9pr0 shared_fg4__8eU1H shared_label__Ytarj shared_label_base__ALIe4">Popular guides</h2><div class="MenuSection_sectionList__fmYEN shared_resetList__sPSb0 shared_reset__i9XcS"><a class="MenuItem_root__2Dm0V shared_fg2__gvnW7 shared_text4__vymfi" data-radix-collection-item="" href="https://www.sanity.io/headless-cms"><div><div class="MenuItem_title__JSr_6">Headless CMS<!-- --> </div></div></a><a class="MenuItem_root__2Dm0V shared_fg2__gvnW7 shared_text4__vymfi" data-radix-collection-item="" href="https://www.sanity.io/structured-content"><div><div class="MenuItem_title__JSr_6">Structured content<!-- --> </div></div></a><a class="MenuItem_root__2Dm0V shared_fg2__gvnW7 shared_text4__vymfi" data-radix-collection-item="" href="https://www.sanity.io/content-modeling"><div><div class="MenuItem_title__JSr_6">Content modeling<!-- --> </div></div></a><a class="MenuItem_root__2Dm0V shared_fg2__gvnW7 shared_text4__vymfi" data-radix-collection-item="" href="https://www.sanity.io/headless-seo"><div><div class="MenuItem_title__JSr_6">Headless SEO<!-- --> </div></div></a><a class="MenuItem_root__2Dm0V shared_fg2__gvnW7 shared_text4__vymfi" data-radix-collection-item="" href="https://www.sanity.io/static-websites"><div><div class="MenuItem_title__JSr_6">Static websites<!-- --> </div></div></a></div><div class="MenuSection_bottomCta__9gPot"><a class="MenuItem_root__2Dm0V shared_fg2__gvnW7 shared_text4__vymfi" data-radix-collection-item="" href="https://www.sanity.io/resources"><div><div class="MenuItem_title__JSr_6">View all<!-- --> <svg data-sanity-icon="arrow-right" width="1em" height="1em" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg" class="inline-block" color="#F36458"><path d="M19.5 12.5H5" stroke="currentColor" stroke-width="1.2" stroke-linejoin="round"></path><path d="M14 7L19.5 12.5L14 18" stroke="currentColor" stroke-width="1.2" stroke-linejoin="round"></path></svg></div></div></a></div></div></div></div></li><li><a class="Navbar_menuLink__hzMAP shared_text3__MQrA6 shared_resetButton__jHRBh" data-radix-collection-item="" href="/customers?ref=navbar">Customers</a></li><li><a class="Navbar_menuLink__hzMAP shared_text3__MQrA6 shared_resetButton__jHRBh" data-radix-collection-item="" href="/enterprise?ref=navbar">Enterprise</a></li><li><a class="Navbar_menuLink__hzMAP shared_text3__MQrA6 shared_resetButton__jHRBh" data-radix-collection-item="" href="/pricing?ref=navbar">Pricing</a></li></ul></li><li class="Navbar_menu__en5J6 shared_resetList__sPSb0 shared_reset__i9XcS" role="navigation" aria-label="CTAs"><ul class="Navbar_ctas___rw_I shared_resetList__sPSb0 shared_reset__i9XcS" hidden=""><li><button class="Navbar_searchBtn__5xZFU Navbar_menuLink__hzMAP shared_text3__MQrA6 shared_resetButton__jHRBh" aria-label="Open search" aria-controls="global-search" aria-haspopup="dialog" aria-expanded="false"><svg data-sanity-icon="search" width="1em" height="1em" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M15.0355 15.0355L20 20M16.5 11.5C16.5 14.2614 14.2614 16.5 11.5 16.5C8.73858 16.5 6.5 14.2614 6.5 11.5C6.5 8.73858 8.73858 6.5 11.5 6.5C14.2614 6.5 16.5 8.73858 16.5 11.5Z" stroke="currentColor" stroke-width="1.2" stroke-linejoin="round"></path></svg><span class="Navbar_searchLabel__4pRH7">Search</span></button></li><li><a class="Navbar_cta__9Lauv Button_button__hMNEn Button_bleed__Q_iZx Button_small__IRRll Button_themeAuto__qCQDQ" data-theme="auto" href="/manage">Log in</a></li><li><a class="Navbar_cta__9Lauv Button_button__hMNEn Button_ghost__mZ9vJ Button_small__IRRll Button_themeAuto__qCQDQ Button_red__UBsRK" data-theme="auto" href="/contact/sales?ref=navbar">Contact sales</a></li><li><a class="Navbar_cta__9Lauv Button_button__hMNEn Button_primary__oSpWt Button_small__IRRll Button_themeAuto__qCQDQ" data-theme="auto" href="/get-started?ref=navbar">Get started</a></li></ul></li></ul></div><div class="Navbar_desktopViewportPosition__5MK29"></div></nav><nav class="Navbar_mobileNavButtons__4AoEy" role="navigation" aria-label="CTAs" hidden=""><a class="Navbar_cta__9Lauv Navbar_visibleOnTablet__eir_i Button_button__hMNEn Button_ghost__mZ9vJ Button_small__IRRll Button_themeAuto__qCQDQ Button_red__UBsRK" data-theme="auto" href="/contact/sales?ref=navbar">Contact sales</a><a class="Navbar_cta__9Lauv Button_button__hMNEn Button_primary__oSpWt Button_small__IRRll Button_themeAuto__qCQDQ" data-theme="auto" href="/get-started?ref=navbar">Get started</a><button class="Navbar_mobileMenuBtn__jhh3u Navbar_menuLink__hzMAP shared_text3__MQrA6 shared_resetButton__jHRBh" aria-label="Open navigation menu" aria-expanded="false" aria-haspopup="menu" aria-controls="navbar-mobile-menu" type="button"><svg data-sanity-icon="menu" width="1em" height="1em" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M6 7.5H19M6 17.5H19M6 12.5H19" stroke="currentColor" stroke-width="1.2" stroke-linejoin="round"></path></svg></button></nav></div></header><div class="command_root__exsFO"></div><div id="mainContentBlock"><main class=""><section class="OmniviewHeader_root__RfOZ3 shared_sectionContainer2___zZ0P shared_container2__iZo6U shared_container1__yecs8 shared_sectionContainerPadding2__wvg1y"><div class="OmniviewHeader_headerInfo__QKFVy"><ol class="Breadcrumbs_root__KUrdO breadcrumbs " aria-label="Breadcrumbs" role="navigation"><li class="Breadcrumbs_link__qaLwr shared_fg1__EHH82 shared_label2__RmXai shared_label_base__ALIe4 "><a href="/exchange">Exchange</a></li><li class="Breadcrumbs_link__qaLwr shared_fg1__EHH82 shared_label2__RmXai shared_label_base__ALIe4 "><a href="/exchange/frameworks">Frameworks</a></li><li class="Breadcrumbs_link__qaLwr shared_fg1__EHH82 shared_label2__RmXai shared_label_base__ALIe4 Breadcrumbs_active__tvUtD shared_fg3__NXgMk"><a aria-current="page" href="/exchange/framework=gatsby">Gatsby</a></li></ol><div class="OmniviewHeader_pageTitleWrapper__eNAUA"><h1 class="OmniviewHeader_pageTitle__8wdHS shared_header3__shUgs shared_header__67AqL" data-hasbreadcrumbs="true">Gatsby resources</h1></div><div class="SimpleBlockContent_root___ioP8 OmniviewHeader_pageDescription__R0vrj shared_fg2__gvnW7 shared_text1__VToli"><p>Guides, plugins, and other resources for Gatsby 鈥撀爐he popular React-based Javascript framework.</p></div></div><div class="OmniviewHeader_headerCtas__vRSLF"></div><div class="OmniviewHeader_headerImage__7KfvY"><div class="tool-logo ToolLogo_root__85mIj ToolLogo_oneColumn__VbJCG ToolLogo_rootWithSpacing__JcyBv shared_fg1__EHH82 shared_bg2__DFMii " style="background:#34194e"><div class="Image_root__X2u6l" data-has-aspect="true" style="--aspect-ratio:0.9936305732484076"><div class="Image_lqip__4DIba" data-show-placeholder="false" data-is-loaded="0" aria-hidden="true" style="padding-bottom:100.64102564102564%"></div><noscript><img src="https://cdn.sanity.io/images/81pocpw8/production/4106f4b01c7dacb67aadc1c87040c3b5067d77ac-156x157.svg?h=81&fit=max&auto=format" alt=" " loading="lazy" width="80" height="81" sizes="(max-width: 800px) 100vw, 800px" class="Image_img__5ZmPX"/></noscript></div></div></div></section><section class="OmniviewNavigation_nav__lzF4K shared_bg1__OCL0e shared_hairline1__dHji5"><div class="OmniviewNavigation_navInner__MKIHO shared_container2__iZo6U shared_container1__yecs8"><button type="button" aria-expanded="false" aria-controls="community-mobile-menu" aria-haspopup="menu" class="OmniviewNavigation_mobileMenuBtn__3gpOE shared_ghostButton__rENws shared_button__GdPAZ shared_baseButton__3OPoI shared_hairline2__qAj6m shared_resetButton__jHRBh shared_box__eqBFk shared_borderRadius__O_jrc shared_focusOutlineOutside__RZab5 shared_hairline1__dHji5 shared_link__QWAu0" id="community-mobile-menu-open">Menu <svg data-sanity-icon="chevron-down" width="1em" height="1em" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M17 10.5L12.5 15L8 10.5" stroke="currentColor" stroke-width="1.2" stroke-linejoin="round"></path></svg></button><div id="community-mobile-menu" hidden="" style="display:none;position:fixed;left:100%;top:100%" role="menu" tabindex="-1" data-dialog="true" aria-orientation="vertical" class="OmniviewNavigation_mobileMenu__UIvni shared_bg1__OCL0e" aria-label="Community navigation menu"><button type="button" aria-controls="community-mobile-menu" class="OmniviewNavigation_mobileCloseBtn__QQ8zG shared_fg1__EHH82" id="community-mobile-menu-close" aria-label="Close menu">Close <svg data-sanity-icon="close" width="1em" height="1em" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M18 7L7 18M7 7L18 18" stroke="currentColor" stroke-width="1.2" stroke-linejoin="round"></path></svg></button><h2 class="visually-hidden">Filter contributions by:</h2><div class="OmniviewNavigation_dropdownWrapper__TqJSs"><button data-active="true" type="button" aria-expanded="false" aria-controls="dropdown-all" aria-haspopup="menu" decoded="[object Object]" class="OmniviewNavigation_dropdownBtn__SLlrJ shared_fg2__gvnW7 shared_text3__MQrA6 shared_hairline2__qAj6m">All <svg data-sanity-icon="chevron-down" width="1em" height="1em" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M17 10.5L12.5 15L8 10.5" stroke="currentColor" stroke-width="1.2" stroke-linejoin="round"></path></svg></button><div id="dropdown-all" hidden="" style="display:none;position:fixed;left:100%;top:100%" role="menu" tabindex="-1" data-dialog="true" aria-orientation="vertical" aria-label="Filter contributions by categories" class="OmniviewNavigation_dropdownMenu__noHx4 shared_bg1__OCL0e shared_hairline2__qAj6m shared_borderRadius__O_jrc shared_text5__UErjB shared_popoverShadow__EHSw5"><div class="OmniviewNavigation_mobileAccordionContainer__NPZy5"><div role="group" id="generalGroup-all" aria-label="All contributions by author type" class="OmniviewNavigation_generalGroup__OcT3x"><div class="OmniviewNavigation_menuSectionTitle__3kPfg shared_label__Ytarj shared_label_base__ALIe4 shared_fg4__8eU1H">Filter by</div><a id="community-all" tabindex="0" data-active="false" role="menuitem" href="/exchange/by=community" class="OmniviewNavigation_dropdownOption__QSfCY shared_fg1__EHH82 shared_text4__vymfi ">Community<!-- --> <!-- -->(<!-- -->1108<!-- -->)</a><a id="official-all" tabindex="0" data-active="false" role="menuitem" href="/exchange/by=sanity" class="OmniviewNavigation_dropdownOption__QSfCY shared_fg1__EHH82 shared_text4__vymfi ">Official<!-- --> <!-- -->(<!-- -->92<!-- -->)</a><div style="margin-top:2rem" class="OmniviewNavigation_menuSectionTitle__3kPfg shared_label__Ytarj shared_label_base__ALIe4 shared_fg4__8eU1H">From community Slack</div><a id="all-answers" tabindex="0" data-active="false" role="menuitem" href="/answers" class="OmniviewNavigation_dropdownOption__QSfCY shared_fg1__EHH82 shared_text4__vymfi ">Questions & answers<!-- --> </a></div><div role="group" id="all-solutions-group" aria-label="Application segmentation of all contributions" class="OmniviewNavigation_optionsGroup__bD9ea"><div class="OmniviewNavigation_menuSectionTitle__3kPfg shared_label__Ytarj shared_label_base__ALIe4 shared_fg4__8eU1H">Application</div><a id="all-solutions-marketing-site" tabindex="0" data-active="false" role="menuitem" href="/exchange/solution=marketing-site" class="OmniviewNavigation_dropdownOption__QSfCY shared_fg1__EHH82 shared_text4__vymfi ">Marketing site<!-- --> <!-- -->(<!-- -->303<!-- -->)</a><a id="all-solutions-products-services" tabindex="0" data-active="false" role="menuitem" href="/exchange/solution=products-services" class="OmniviewNavigation_dropdownOption__QSfCY shared_fg1__EHH82 shared_text4__vymfi ">Product & Service<!-- --> <!-- -->(<!-- -->119<!-- -->)</a><a id="all-solutions-ecommerce-sites" tabindex="0" data-active="false" role="menuitem" href="/exchange/solution=ecommerce-sites" class="OmniviewNavigation_dropdownOption__QSfCY shared_fg1__EHH82 shared_text4__vymfi ">E-commerce Resources<!-- --> <!-- -->(<!-- -->110<!-- -->)</a><a id="all-solutions-mobile-apps" tabindex="0" data-active="false" role="menuitem" href="/exchange/solution=mobile-apps" class="OmniviewNavigation_dropdownOption__QSfCY shared_fg1__EHH82 shared_text4__vymfi ">Mobile App Resources<!-- --> <!-- -->(<!-- -->10<!-- -->)</a></div><div role="group" id="all-solutions-group" aria-label="Workflow segmentation of all contributions" class="OmniviewNavigation_optionsGroup__bD9ea"><div class="OmniviewNavigation_menuSectionTitle__3kPfg shared_label__Ytarj shared_label_base__ALIe4 shared_fg4__8eU1H">Workflow</div><a id="all-solutions-collaborative-editing" tabindex="0" data-active="false" role="menuitem" href="/exchange/solution=collaborative-editing" class="OmniviewNavigation_dropdownOption__QSfCY shared_fg1__EHH82 shared_text4__vymfi ">Collaborative Editing<!-- --> <!-- -->(<!-- -->173<!-- -->)</a><a id="all-solutions-optimization" tabindex="0" data-active="false" role="menuitem" href="/exchange/solution=optimization" class="OmniviewNavigation_dropdownOption__QSfCY shared_fg1__EHH82 shared_text4__vymfi ">Optimization<!-- --> <!-- -->(<!-- -->110<!-- -->)</a><a id="all-solutions-localization" tabindex="0" data-active="false" role="menuitem" href="/exchange/solution=localization" class="OmniviewNavigation_dropdownOption__QSfCY shared_fg1__EHH82 shared_text4__vymfi ">Localization Resources<!-- --> <!-- -->(<!-- -->58<!-- -->)</a><a id="all-solutions-multichannel" tabindex="0" data-active="false" role="menuitem" href="/exchange/solution=multichannel" class="OmniviewNavigation_dropdownOption__QSfCY shared_fg1__EHH82 shared_text4__vymfi ">Multichannel<!-- --> <!-- -->(<!-- -->29<!-- -->)</a><a id="all-solutions-ai" tabindex="0" data-active="false" role="menuitem" href="/exchange/solution=ai" class="OmniviewNavigation_dropdownOption__QSfCY shared_fg1__EHH82 shared_text4__vymfi ">Artificial Intelligence (AI)<!-- --> <!-- -->(<!-- -->22<!-- -->)</a></div><div role="group" id="all-solutions-group" aria-label="Integration segmentation of all contributions" class="OmniviewNavigation_optionsGroup__bD9ea"><div class="OmniviewNavigation_menuSectionTitle__3kPfg shared_label__Ytarj shared_label_base__ALIe4 shared_fg4__8eU1H">Integration</div><a id="all-solutions-content-enrichment" tabindex="0" data-active="false" role="menuitem" href="/exchange/solution=content-enrichment" class="OmniviewNavigation_dropdownOption__QSfCY shared_fg1__EHH82 shared_text4__vymfi ">Content Enrichment<!-- --> <!-- -->(<!-- -->278<!-- -->)</a><a id="all-solutions-publishing" tabindex="0" data-active="false" role="menuitem" href="/exchange/solution=publishing" class="OmniviewNavigation_dropdownOption__QSfCY shared_fg1__EHH82 shared_text4__vymfi ">Publishing<!-- --> <!-- -->(<!-- -->259<!-- -->)</a><a id="all-solutions-apis" tabindex="0" data-active="false" role="menuitem" href="/exchange/solution=apis" class="OmniviewNavigation_dropdownOption__QSfCY shared_fg1__EHH82 shared_text4__vymfi ">APIs<!-- --> <!-- -->(<!-- -->151<!-- -->)</a><a id="all-solutions-distribution" tabindex="0" data-active="false" role="menuitem" href="/exchange/solution=distribution" class="OmniviewNavigation_dropdownOption__QSfCY shared_fg1__EHH82 shared_text4__vymfi ">Distribution<!-- --> <!-- -->(<!-- -->69<!-- -->)</a></div><div role="group" id="all-frameworks-group" aria-label="Frameworks segmentation of all contributions" class="OmniviewNavigation_optionsGroup__bD9ea"><div class="OmniviewNavigation_menuSectionTitle__3kPfg shared_label__Ytarj shared_label_base__ALIe4 shared_fg4__8eU1H">Frameworks</div><a id="all-frameworks-nextjs" tabindex="0" data-active="false" role="menuitem" href="/exchange/framework=nextjs" class="OmniviewNavigation_dropdownOption__QSfCY shared_fg1__EHH82 shared_text4__vymfi ">Next<!-- --> <!-- -->(<!-- -->329<!-- -->)</a><a id="all-frameworks-react" tabindex="0" data-active="false" role="menuitem" href="/exchange/framework=react" class="OmniviewNavigation_dropdownOption__QSfCY shared_fg1__EHH82 shared_text4__vymfi ">React<!-- --> <!-- -->(<!-- -->270<!-- -->)</a><a id="all-frameworks-tailwindcss" tabindex="0" data-active="false" role="menuitem" href="/exchange/framework=tailwindcss" class="OmniviewNavigation_dropdownOption__QSfCY shared_fg1__EHH82 shared_text4__vymfi ">Tailwind CSS<!-- --> <!-- -->(<!-- -->158<!-- -->)</a><a id="all-frameworks-gatsby" tabindex="0" data-active="false" role="menuitem" href="/exchange/framework=gatsby" class="OmniviewNavigation_dropdownOption__QSfCY shared_fg1__EHH82 shared_text4__vymfi ">Gatsby<!-- --> <!-- -->(<!-- -->94<!-- -->)</a><a id="all-frameworks-svelte" tabindex="0" data-active="false" role="menuitem" href="/exchange/framework=svelte" class="OmniviewNavigation_dropdownOption__QSfCY shared_fg1__EHH82 shared_text4__vymfi ">Svelte<!-- --> <!-- -->(<!-- -->40<!-- -->)</a><a id="all-frameworks-nuxt" tabindex="0" data-active="false" role="menuitem" href="/exchange/framework=nuxt" class="OmniviewNavigation_dropdownOption__QSfCY shared_fg1__EHH82 shared_text4__vymfi ">Nuxt<!-- --> <!-- -->(<!-- -->32<!-- -->)</a><a id="all-frameworks-remix" tabindex="0" data-active="false" role="menuitem" href="/exchange/framework=remix" class="OmniviewNavigation_dropdownOption__QSfCY shared_fg1__EHH82 shared_text4__vymfi ">Remix<!-- --> <!-- -->(<!-- -->29<!-- -->)</a><a id="all-frameworks-vue" tabindex="0" data-active="false" role="menuitem" href="/exchange/framework=vue" class="OmniviewNavigation_dropdownOption__QSfCY shared_fg1__EHH82 shared_text4__vymfi ">Vue<!-- --> <!-- -->(<!-- -->29<!-- -->)</a><a id="all-frameworks-hydrogen" tabindex="0" data-active="false" role="menuitem" href="/exchange/framework=hydrogen" class="OmniviewNavigation_dropdownOption__QSfCY shared_fg1__EHH82 shared_text4__vymfi ">Hydrogen<!-- --> <!-- -->(<!-- -->17<!-- -->)</a><a id="all-frameworks-11ty" tabindex="0" data-active="false" role="menuitem" href="/exchange/framework=11ty" class="OmniviewNavigation_dropdownOption__QSfCY shared_fg1__EHH82 shared_text4__vymfi ">Eleventy<!-- --> <!-- -->(<!-- -->16<!-- -->)</a><a id="all-frameworks-astro" tabindex="0" data-active="false" role="menuitem" href="/exchange/framework=astro" class="OmniviewNavigation_dropdownOption__QSfCY shared_fg1__EHH82 shared_text4__vymfi ">Astro<!-- --> <!-- -->(<!-- -->16<!-- -->)</a><a id="all-frameworks-angular" tabindex="0" data-active="false" role="menuitem" href="/exchange/framework=angular" class="OmniviewNavigation_dropdownOption__QSfCY shared_fg1__EHH82 shared_text4__vymfi ">Angular<!-- --> <!-- -->(<!-- -->12<!-- -->)</a><a id="all-frameworks-react-native" tabindex="0" data-active="false" role="menuitem" href="/exchange/framework=react-native" class="OmniviewNavigation_dropdownOption__QSfCY shared_fg1__EHH82 shared_text4__vymfi ">React Native<!-- --> <!-- -->(<!-- -->9<!-- -->)</a><a id="all-frameworks--net" tabindex="0" data-active="false" role="menuitem" href="/exchange/framework=-net" class="OmniviewNavigation_dropdownOption__QSfCY shared_fg1__EHH82 shared_text4__vymfi ">.NET<!-- --> <!-- -->(<!-- -->6<!-- -->)</a><a id="all-frameworks-gridsome" tabindex="0" data-active="false" role="menuitem" href="/exchange/framework=gridsome" class="OmniviewNavigation_dropdownOption__QSfCY shared_fg1__EHH82 shared_text4__vymfi ">Gridsome<!-- --> <!-- -->(<!-- -->5<!-- -->)</a><a id="all-frameworks-react-email" tabindex="0" data-active="false" role="menuitem" href="/exchange/framework=react-email" class="OmniviewNavigation_dropdownOption__QSfCY shared_fg1__EHH82 shared_text4__vymfi ">React Email<!-- --> <!-- -->(<!-- -->5<!-- -->)</a><a id="all-frameworks-refine" tabindex="0" data-active="false" role="menuitem" href="/exchange/framework=refine" class="OmniviewNavigation_dropdownOption__QSfCY shared_fg1__EHH82 shared_text4__vymfi ">Refine<!-- --> <!-- -->(<!-- -->2<!-- -->)</a><a id="all-frameworks-jungle-js" tabindex="0" data-active="false" role="menuitem" href="/exchange/framework=jungle-js" class="OmniviewNavigation_dropdownOption__QSfCY shared_fg1__EHH82 shared_text4__vymfi ">Jungle.JS<!-- --> <!-- -->(<!-- -->2<!-- -->)</a><a id="all-frameworks-metalsmith" tabindex="0" data-active="false" role="menuitem" href="/exchange/framework=metalsmith" class="OmniviewNavigation_dropdownOption__QSfCY shared_fg1__EHH82 shared_text4__vymfi ">Metalsmith<!-- --> <!-- -->(<!-- -->1<!-- -->)</a><a id="all-frameworks-jovo" tabindex="0" data-active="false" role="menuitem" href="/exchange/framework=jovo" class="OmniviewNavigation_dropdownOption__QSfCY shared_fg1__EHH82 shared_text4__vymfi ">Jovo<!-- --> <!-- -->(<!-- -->1<!-- -->)</a></div></div></div></div><div id="dropdown-contribution.guide-wrapper" class="OmniviewNavigation_dropdownWrapper__TqJSs"><button data-active="false" type="button" aria-expanded="false" aria-controls="dropdown-contribution.guide" aria-haspopup="menu" id="dropdown-contribution.guide-btn" decoded="[object Object]" class="OmniviewNavigation_dropdownBtn__SLlrJ shared_fg2__gvnW7 shared_text3__MQrA6 shared_hairline2__qAj6m">Guides<!-- --> <svg data-sanity-icon="chevron-down" width="1em" height="1em" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M17 10.5L12.5 15L8 10.5" stroke="currentColor" stroke-width="1.2" stroke-linejoin="round"></path></svg></button><div id="dropdown-contribution.guide" hidden="" style="display:none;position:fixed;left:100%;top:100%" role="menu" tabindex="-1" data-dialog="true" aria-orientation="vertical" aria-label="Guides" class="OmniviewNavigation_dropdownMenu__noHx4 shared_bg1__OCL0e shared_hairline2__qAj6m shared_borderRadius__O_jrc shared_text5__UErjB shared_popoverShadow__EHSw5"><div class="OmniviewNavigation_mobileAccordionContainer__NPZy5"><div role="group" id="generalGroup-contribution.guide" aria-label="All Guides contributions by author type" class="OmniviewNavigation_generalGroup__OcT3x"><a id="view-all-contribution.guide" tabindex="0" data-active="false" role="menuitem" href="/guides" class="OmniviewNavigation_dropdownOption__QSfCY shared_fg1__EHH82 shared_text4__vymfi OmniviewNavigation_viewAll__b978C">All guides<!-- --> <!-- -->(<!-- -->285<!-- -->)</a><a id="community-contribution.guide" tabindex="0" data-active="false" role="menuitem" href="/exchange/type=guides/by=community" class="OmniviewNavigation_dropdownOption__QSfCY shared_fg1__EHH82 shared_text4__vymfi ">Community<!-- --> <!-- -->(<!-- -->246<!-- -->)</a><a id="official-contribution.guide" tabindex="0" data-active="false" role="menuitem" href="/exchange/type=guides/by=sanity" class="OmniviewNavigation_dropdownOption__QSfCY shared_fg1__EHH82 shared_text4__vymfi ">Official<!-- --> <!-- -->(<!-- -->39<!-- -->)</a><a id="studio-v2-contribution.guide" tabindex="0" data-active="false" role="menuitem" href="/exchange/type=guides/studio=v2" class="OmniviewNavigation_dropdownOption__QSfCY shared_fg1__EHH82 shared_text4__vymfi ">Studio v2<!-- --> <!-- -->(<!-- -->22<!-- -->)</a><a id="studio-v3-contribution.guide" tabindex="0" data-active="false" role="menuitem" href="/exchange/type=guides/studio=v3" class="OmniviewNavigation_dropdownOption__QSfCY shared_fg1__EHH82 shared_text4__vymfi ">Studio v3<!-- --> <!-- -->(<!-- -->73<!-- -->)</a></div><div role="group" id="contribution.guide-solutions-group" aria-label="Application segmentation of guide contributions" class="OmniviewNavigation_optionsGroup__bD9ea"><div class="OmniviewNavigation_menuSectionTitle__3kPfg shared_label__Ytarj shared_label_base__ALIe4 shared_fg4__8eU1H">Application</div><a id="contribution.guide-solutions-marketing-site" tabindex="0" data-active="false" role="menuitem" href="/exchange/type=guides/solution=marketing-site" class="OmniviewNavigation_dropdownOption__QSfCY shared_fg1__EHH82 shared_text4__vymfi ">Marketing site<!-- --> <!-- -->(<!-- -->41<!-- -->)</a><a id="contribution.guide-solutions-products-services" tabindex="0" data-active="false" role="menuitem" href="/exchange/type=guides/solution=products-services" class="OmniviewNavigation_dropdownOption__QSfCY shared_fg1__EHH82 shared_text4__vymfi ">Product & Service<!-- --> <!-- -->(<!-- -->12<!-- -->)</a><a id="contribution.guide-solutions-ecommerce-sites" tabindex="0" data-active="false" role="menuitem" href="/exchange/type=guides/solution=ecommerce-sites" class="OmniviewNavigation_dropdownOption__QSfCY shared_fg1__EHH82 shared_text4__vymfi ">E-commerce Resources<!-- --> <!-- -->(<!-- -->11<!-- -->)</a><a id="contribution.guide-solutions-mobile-apps" tabindex="0" data-active="false" role="menuitem" href="/exchange/type=guides/solution=mobile-apps" class="OmniviewNavigation_dropdownOption__QSfCY shared_fg1__EHH82 shared_text4__vymfi ">Mobile App Resources<!-- --> <!-- -->(<!-- -->2<!-- -->)</a></div><div role="group" id="contribution.guide-solutions-group" aria-label="Workflow segmentation of guide contributions" class="OmniviewNavigation_optionsGroup__bD9ea"><div class="OmniviewNavigation_menuSectionTitle__3kPfg shared_label__Ytarj shared_label_base__ALIe4 shared_fg4__8eU1H">Workflow</div><a id="contribution.guide-solutions-collaborative-editing" tabindex="0" data-active="false" role="menuitem" href="/exchange/type=guides/solution=collaborative-editing" class="OmniviewNavigation_dropdownOption__QSfCY shared_fg1__EHH82 shared_text4__vymfi ">Collaborative Editing<!-- --> <!-- -->(<!-- -->37<!-- -->)</a><a id="contribution.guide-solutions-optimization" tabindex="0" data-active="false" role="menuitem" href="/exchange/type=guides/solution=optimization" class="OmniviewNavigation_dropdownOption__QSfCY shared_fg1__EHH82 shared_text4__vymfi ">Optimization<!-- --> <!-- -->(<!-- -->26<!-- -->)</a><a id="contribution.guide-solutions-multichannel" tabindex="0" data-active="false" role="menuitem" href="/exchange/type=guides/solution=multichannel" class="OmniviewNavigation_dropdownOption__QSfCY shared_fg1__EHH82 shared_text4__vymfi ">Multichannel<!-- --> <!-- -->(<!-- -->9<!-- -->)</a><a id="contribution.guide-solutions-localization" tabindex="0" data-active="false" role="menuitem" href="/exchange/type=guides/solution=localization" class="OmniviewNavigation_dropdownOption__QSfCY shared_fg1__EHH82 shared_text4__vymfi ">Localization Resources<!-- --> <!-- -->(<!-- -->8<!-- -->)</a><a id="contribution.guide-solutions-ai" tabindex="0" data-active="false" role="menuitem" href="/exchange/type=guides/solution=ai" class="OmniviewNavigation_dropdownOption__QSfCY shared_fg1__EHH82 shared_text4__vymfi ">Artificial Intelligence (AI)<!-- --> <!-- -->(<!-- -->5<!-- -->)</a></div><div role="group" id="contribution.guide-solutions-group" aria-label="Integration segmentation of guide contributions" class="OmniviewNavigation_optionsGroup__bD9ea"><div class="OmniviewNavigation_menuSectionTitle__3kPfg shared_label__Ytarj shared_label_base__ALIe4 shared_fg4__8eU1H">Integration</div><a id="contribution.guide-solutions-publishing" tabindex="0" data-active="false" role="menuitem" href="/exchange/type=guides/solution=publishing" class="OmniviewNavigation_dropdownOption__QSfCY shared_fg1__EHH82 shared_text4__vymfi ">Publishing<!-- --> <!-- -->(<!-- -->79<!-- -->)</a><a id="contribution.guide-solutions-content-enrichment" tabindex="0" data-active="false" role="menuitem" href="/exchange/type=guides/solution=content-enrichment" class="OmniviewNavigation_dropdownOption__QSfCY shared_fg1__EHH82 shared_text4__vymfi ">Content Enrichment<!-- --> <!-- -->(<!-- -->49<!-- -->)</a><a id="contribution.guide-solutions-apis" tabindex="0" data-active="false" role="menuitem" href="/exchange/type=guides/solution=apis" class="OmniviewNavigation_dropdownOption__QSfCY shared_fg1__EHH82 shared_text4__vymfi ">APIs<!-- --> <!-- -->(<!-- -->30<!-- -->)</a><a id="contribution.guide-solutions-distribution" tabindex="0" data-active="false" role="menuitem" href="/exchange/type=guides/solution=distribution" class="OmniviewNavigation_dropdownOption__QSfCY shared_fg1__EHH82 shared_text4__vymfi ">Distribution<!-- --> <!-- -->(<!-- -->19<!-- -->)</a></div><div role="group" id="contribution.guide-frameworks-group" aria-label="Framework segmentation of guide contributions" class="OmniviewNavigation_optionsGroup__bD9ea"><div class="OmniviewNavigation_menuSectionTitle__3kPfg shared_label__Ytarj shared_label_base__ALIe4 shared_fg4__8eU1H">Framework</div><a id="contribution.guide-frameworks-nextjs" tabindex="0" data-active="false" role="menuitem" href="/exchange/type=guides/framework=nextjs" class="OmniviewNavigation_dropdownOption__QSfCY shared_fg1__EHH82 shared_text4__vymfi ">Next<!-- --> <!-- -->(<!-- -->55<!-- -->)</a><a id="contribution.guide-frameworks-react" tabindex="0" data-active="false" role="menuitem" href="/exchange/type=guides/framework=react" class="OmniviewNavigation_dropdownOption__QSfCY shared_fg1__EHH82 shared_text4__vymfi ">React<!-- --> <!-- -->(<!-- -->48<!-- -->)</a><a id="contribution.guide-frameworks-tailwindcss" tabindex="0" data-active="false" role="menuitem" href="/exchange/type=guides/framework=tailwindcss" class="OmniviewNavigation_dropdownOption__QSfCY shared_fg1__EHH82 shared_text4__vymfi ">Tailwind CSS<!-- --> <!-- -->(<!-- -->15<!-- -->)</a><a id="contribution.guide-frameworks-gatsby" tabindex="0" data-active="false" role="menuitem" href="/exchange/type=guides/framework=gatsby" class="OmniviewNavigation_dropdownOption__QSfCY shared_fg1__EHH82 shared_text4__vymfi ">Gatsby<!-- --> <!-- -->(<!-- -->12<!-- -->)</a><a id="contribution.guide-frameworks-remix" tabindex="0" data-active="false" role="menuitem" href="/exchange/type=guides/framework=remix" class="OmniviewNavigation_dropdownOption__QSfCY shared_fg1__EHH82 shared_text4__vymfi ">Remix<!-- --> <!-- -->(<!-- -->10<!-- -->)</a><a id="contribution.guide-frameworks-svelte" tabindex="0" data-active="false" role="menuitem" href="/exchange/type=guides/framework=svelte" class="OmniviewNavigation_dropdownOption__QSfCY shared_fg1__EHH82 shared_text4__vymfi ">Svelte<!-- --> <!-- -->(<!-- -->8<!-- -->)</a><a id="contribution.guide-frameworks-11ty" tabindex="0" data-active="false" role="menuitem" href="/exchange/type=guides/framework=11ty" class="OmniviewNavigation_dropdownOption__QSfCY shared_fg1__EHH82 shared_text4__vymfi ">Eleventy<!-- --> <!-- -->(<!-- -->7<!-- -->)</a><a id="contribution.guide-frameworks-nuxt" tabindex="0" data-active="false" role="menuitem" href="/exchange/type=guides/framework=nuxt" class="OmniviewNavigation_dropdownOption__QSfCY shared_fg1__EHH82 shared_text4__vymfi ">Nuxt<!-- --> <!-- -->(<!-- -->5<!-- -->)</a><a id="contribution.guide-frameworks-vue" tabindex="0" data-active="false" role="menuitem" href="/exchange/type=guides/framework=vue" class="OmniviewNavigation_dropdownOption__QSfCY shared_fg1__EHH82 shared_text4__vymfi ">Vue<!-- --> <!-- -->(<!-- -->5<!-- -->)</a><a id="contribution.guide-frameworks-angular" tabindex="0" data-active="false" role="menuitem" href="/exchange/type=guides/framework=angular" class="OmniviewNavigation_dropdownOption__QSfCY shared_fg1__EHH82 shared_text4__vymfi ">Angular<!-- --> <!-- -->(<!-- -->4<!-- -->)</a><a id="contribution.guide-frameworks-astro" tabindex="0" data-active="false" role="menuitem" href="/exchange/type=guides/framework=astro" class="OmniviewNavigation_dropdownOption__QSfCY shared_fg1__EHH82 shared_text4__vymfi ">Astro<!-- --> <!-- -->(<!-- -->3<!-- -->)</a><a id="contribution.guide-frameworks-hydrogen" tabindex="0" data-active="false" role="menuitem" href="/exchange/type=guides/framework=hydrogen" class="OmniviewNavigation_dropdownOption__QSfCY shared_fg1__EHH82 shared_text4__vymfi ">Hydrogen<!-- --> <!-- -->(<!-- -->2<!-- -->)</a><a id="contribution.guide-frameworks-jungle-js" tabindex="0" data-active="false" role="menuitem" href="/exchange/type=guides/framework=jungle-js" class="OmniviewNavigation_dropdownOption__QSfCY shared_fg1__EHH82 shared_text4__vymfi ">Jungle.JS<!-- --> <!-- -->(<!-- -->2<!-- -->)</a><a id="contribution.guide-frameworks--net" tabindex="0" data-active="false" role="menuitem" href="/exchange/type=guides/framework=-net" class="OmniviewNavigation_dropdownOption__QSfCY shared_fg1__EHH82 shared_text4__vymfi ">.NET<!-- --> <!-- -->(<!-- -->2<!-- -->)</a><a id="contribution.guide-frameworks-gridsome" tabindex="0" data-active="false" role="menuitem" href="/exchange/type=guides/framework=gridsome" class="OmniviewNavigation_dropdownOption__QSfCY shared_fg1__EHH82 shared_text4__vymfi ">Gridsome<!-- --> <!-- -->(<!-- -->1<!-- -->)</a></div></div></div></div><div id="dropdown-contribution.tool-wrapper" class="OmniviewNavigation_dropdownWrapper__TqJSs"><button data-active="false" type="button" aria-expanded="false" aria-controls="dropdown-contribution.tool" aria-haspopup="menu" id="dropdown-contribution.tool-btn" decoded="[object Object]" class="OmniviewNavigation_dropdownBtn__SLlrJ shared_fg2__gvnW7 shared_text3__MQrA6 shared_hairline2__qAj6m">Tools & Plugins<!-- --> <svg data-sanity-icon="chevron-down" width="1em" height="1em" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M17 10.5L12.5 15L8 10.5" stroke="currentColor" stroke-width="1.2" stroke-linejoin="round"></path></svg></button><div id="dropdown-contribution.tool" hidden="" style="display:none;position:fixed;left:100%;top:100%" role="menu" tabindex="-1" data-dialog="true" aria-orientation="vertical" aria-label="Tools & Plugins" class="OmniviewNavigation_dropdownMenu__noHx4 shared_bg1__OCL0e shared_hairline2__qAj6m shared_borderRadius__O_jrc shared_text5__UErjB shared_popoverShadow__EHSw5"><div class="OmniviewNavigation_mobileAccordionContainer__NPZy5"><div role="group" id="generalGroup-contribution.tool" aria-label="All Tools & Plugins contributions by author type" class="OmniviewNavigation_generalGroup__OcT3x"><a id="view-all-contribution.tool" tabindex="0" data-active="false" role="menuitem" href="/plugins" class="OmniviewNavigation_dropdownOption__QSfCY shared_fg1__EHH82 shared_text4__vymfi OmniviewNavigation_viewAll__b978C">All tools & plugins<!-- --> <!-- -->(<!-- -->234<!-- -->)</a><a id="community-contribution.tool" tabindex="0" data-active="false" role="menuitem" href="/exchange/type=plugins/by=community" class="OmniviewNavigation_dropdownOption__QSfCY shared_fg1__EHH82 shared_text4__vymfi ">Community<!-- --> <!-- -->(<!-- -->192<!-- -->)</a><a id="official-contribution.tool" tabindex="0" data-active="false" role="menuitem" href="/exchange/type=plugins/by=sanity" class="OmniviewNavigation_dropdownOption__QSfCY shared_fg1__EHH82 shared_text4__vymfi ">Official<!-- --> <!-- -->(<!-- -->42<!-- -->)</a><a id="studio-v2-contribution.tool" tabindex="0" data-active="false" role="menuitem" href="/exchange/type=plugins/studio=v2" class="OmniviewNavigation_dropdownOption__QSfCY shared_fg1__EHH82 shared_text4__vymfi ">Studio v2<!-- --> <!-- -->(<!-- -->74<!-- -->)</a><a id="studio-v3-contribution.tool" tabindex="0" data-active="false" role="menuitem" href="/exchange/type=plugins/studio=v3" class="OmniviewNavigation_dropdownOption__QSfCY shared_fg1__EHH82 shared_text4__vymfi ">Studio v3<!-- --> <!-- -->(<!-- -->114<!-- -->)</a></div><div role="group" id="contribution.tool-solutions-group" aria-label="Application segmentation of tool contributions" class="OmniviewNavigation_optionsGroup__bD9ea"><div class="OmniviewNavigation_menuSectionTitle__3kPfg shared_label__Ytarj shared_label_base__ALIe4 shared_fg4__8eU1H">Application</div><a id="contribution.tool-solutions-marketing-site" tabindex="0" data-active="false" role="menuitem" href="/exchange/type=plugins/solution=marketing-site" class="OmniviewNavigation_dropdownOption__QSfCY shared_fg1__EHH82 shared_text4__vymfi ">Marketing site<!-- --> <!-- -->(<!-- -->17<!-- -->)</a><a id="contribution.tool-solutions-ecommerce-sites" tabindex="0" data-active="false" role="menuitem" href="/exchange/type=plugins/solution=ecommerce-sites" class="OmniviewNavigation_dropdownOption__QSfCY shared_fg1__EHH82 shared_text4__vymfi ">E-commerce Resources<!-- --> <!-- -->(<!-- -->10<!-- -->)</a><a id="contribution.tool-solutions-mobile-apps" tabindex="0" data-active="false" role="menuitem" href="/exchange/type=plugins/solution=mobile-apps" class="OmniviewNavigation_dropdownOption__QSfCY shared_fg1__EHH82 shared_text4__vymfi ">Mobile App Resources<!-- --> <!-- -->(<!-- -->3<!-- -->)</a><a id="contribution.tool-solutions-products-services" tabindex="0" data-active="false" role="menuitem" href="/exchange/type=plugins/solution=products-services" class="OmniviewNavigation_dropdownOption__QSfCY shared_fg1__EHH82 shared_text4__vymfi ">Product & Service<!-- --> <!-- -->(<!-- -->3<!-- -->)</a></div><div role="group" id="contribution.tool-solutions-group" aria-label="Workflow segmentation of tool contributions" class="OmniviewNavigation_optionsGroup__bD9ea"><div class="OmniviewNavigation_menuSectionTitle__3kPfg shared_label__Ytarj shared_label_base__ALIe4 shared_fg4__8eU1H">Workflow</div><a id="contribution.tool-solutions-collaborative-editing" tabindex="0" data-active="false" role="menuitem" href="/exchange/type=plugins/solution=collaborative-editing" class="OmniviewNavigation_dropdownOption__QSfCY shared_fg1__EHH82 shared_text4__vymfi ">Collaborative Editing<!-- --> <!-- -->(<!-- -->38<!-- -->)</a><a id="contribution.tool-solutions-optimization" tabindex="0" data-active="false" role="menuitem" href="/exchange/type=plugins/solution=optimization" class="OmniviewNavigation_dropdownOption__QSfCY shared_fg1__EHH82 shared_text4__vymfi ">Optimization<!-- --> <!-- -->(<!-- -->28<!-- -->)</a><a id="contribution.tool-solutions-localization" tabindex="0" data-active="false" role="menuitem" href="/exchange/type=plugins/solution=localization" class="OmniviewNavigation_dropdownOption__QSfCY shared_fg1__EHH82 shared_text4__vymfi ">Localization Resources<!-- --> <!-- -->(<!-- -->13<!-- -->)</a><a id="contribution.tool-solutions-multichannel" tabindex="0" data-active="false" role="menuitem" href="/exchange/type=plugins/solution=multichannel" class="OmniviewNavigation_dropdownOption__QSfCY shared_fg1__EHH82 shared_text4__vymfi ">Multichannel<!-- --> <!-- -->(<!-- -->5<!-- -->)</a><a id="contribution.tool-solutions-ai" tabindex="0" data-active="false" role="menuitem" href="/exchange/type=plugins/solution=ai" class="OmniviewNavigation_dropdownOption__QSfCY shared_fg1__EHH82 shared_text4__vymfi ">Artificial Intelligence (AI)<!-- --> <!-- -->(<!-- -->2<!-- -->)</a></div><div role="group" id="contribution.tool-solutions-group" aria-label="Integration segmentation of tool contributions" class="OmniviewNavigation_optionsGroup__bD9ea"><div class="OmniviewNavigation_menuSectionTitle__3kPfg shared_label__Ytarj shared_label_base__ALIe4 shared_fg4__8eU1H">Integration</div><a id="contribution.tool-solutions-content-enrichment" tabindex="0" data-active="false" role="menuitem" href="/exchange/type=plugins/solution=content-enrichment" class="OmniviewNavigation_dropdownOption__QSfCY shared_fg1__EHH82 shared_text4__vymfi ">Content Enrichment<!-- --> <!-- -->(<!-- -->65<!-- -->)</a><a id="contribution.tool-solutions-publishing" tabindex="0" data-active="false" role="menuitem" href="/exchange/type=plugins/solution=publishing" class="OmniviewNavigation_dropdownOption__QSfCY shared_fg1__EHH82 shared_text4__vymfi ">Publishing<!-- --> <!-- -->(<!-- -->60<!-- -->)</a><a id="contribution.tool-solutions-apis" tabindex="0" data-active="false" role="menuitem" href="/exchange/type=plugins/solution=apis" class="OmniviewNavigation_dropdownOption__QSfCY shared_fg1__EHH82 shared_text4__vymfi ">APIs<!-- --> <!-- -->(<!-- -->39<!-- -->)</a><a id="contribution.tool-solutions-distribution" tabindex="0" data-active="false" role="menuitem" href="/exchange/type=plugins/solution=distribution" class="OmniviewNavigation_dropdownOption__QSfCY shared_fg1__EHH82 shared_text4__vymfi ">Distribution<!-- --> <!-- -->(<!-- -->29<!-- -->)</a></div><div role="group" id="contribution.tool-frameworks-group" aria-label="Framework segmentation of tool contributions" class="OmniviewNavigation_optionsGroup__bD9ea"><div class="OmniviewNavigation_menuSectionTitle__3kPfg shared_label__Ytarj shared_label_base__ALIe4 shared_fg4__8eU1H">Framework</div><a id="contribution.tool-frameworks-react" tabindex="0" data-active="false" role="menuitem" href="/exchange/type=plugins/framework=react" class="OmniviewNavigation_dropdownOption__QSfCY shared_fg1__EHH82 shared_text4__vymfi ">React<!-- --> <!-- -->(<!-- -->46<!-- -->)</a><a id="contribution.tool-frameworks-nextjs" tabindex="0" data-active="false" role="menuitem" href="/exchange/type=plugins/framework=nextjs" class="OmniviewNavigation_dropdownOption__QSfCY shared_fg1__EHH82 shared_text4__vymfi ">Next<!-- --> <!-- -->(<!-- -->11<!-- -->)</a><a id="contribution.tool-frameworks-gatsby" tabindex="0" data-active="false" role="menuitem" href="/exchange/type=plugins/framework=gatsby" class="OmniviewNavigation_dropdownOption__QSfCY shared_fg1__EHH82 shared_text4__vymfi ">Gatsby<!-- --> <!-- -->(<!-- -->4<!-- -->)</a><a id="contribution.tool-frameworks-vue" tabindex="0" data-active="false" role="menuitem" href="/exchange/type=plugins/framework=vue" class="OmniviewNavigation_dropdownOption__QSfCY shared_fg1__EHH82 shared_text4__vymfi ">Vue<!-- --> <!-- -->(<!-- -->3<!-- -->)</a><a id="contribution.tool-frameworks-astro" tabindex="0" data-active="false" role="menuitem" href="/exchange/type=plugins/framework=astro" class="OmniviewNavigation_dropdownOption__QSfCY shared_fg1__EHH82 shared_text4__vymfi ">Astro<!-- --> <!-- -->(<!-- -->3<!-- -->)</a><a id="contribution.tool-frameworks-angular" tabindex="0" data-active="false" role="menuitem" href="/exchange/type=plugins/framework=angular" class="OmniviewNavigation_dropdownOption__QSfCY shared_fg1__EHH82 shared_text4__vymfi ">Angular<!-- --> <!-- -->(<!-- -->2<!-- -->)</a><a id="contribution.tool-frameworks-refine" tabindex="0" data-active="false" role="menuitem" href="/exchange/type=plugins/framework=refine" class="OmniviewNavigation_dropdownOption__QSfCY shared_fg1__EHH82 shared_text4__vymfi ">Refine<!-- --> <!-- -->(<!-- -->2<!-- -->)</a><a id="contribution.tool-frameworks-svelte" tabindex="0" data-active="false" role="menuitem" href="/exchange/type=plugins/framework=svelte" class="OmniviewNavigation_dropdownOption__QSfCY shared_fg1__EHH82 shared_text4__vymfi ">Svelte<!-- --> <!-- -->(<!-- -->2<!-- -->)</a><a id="contribution.tool-frameworks-gridsome" tabindex="0" data-active="false" role="menuitem" href="/exchange/type=plugins/framework=gridsome" class="OmniviewNavigation_dropdownOption__QSfCY shared_fg1__EHH82 shared_text4__vymfi ">Gridsome<!-- --> <!-- -->(<!-- -->2<!-- -->)</a><a id="contribution.tool-frameworks-tailwindcss" tabindex="0" data-active="false" role="menuitem" href="/exchange/type=plugins/framework=tailwindcss" class="OmniviewNavigation_dropdownOption__QSfCY shared_fg1__EHH82 shared_text4__vymfi ">Tailwind CSS<!-- --> <!-- -->(<!-- -->1<!-- -->)</a><a id="contribution.tool-frameworks-hydrogen" tabindex="0" data-active="false" role="menuitem" href="/exchange/type=plugins/framework=hydrogen" class="OmniviewNavigation_dropdownOption__QSfCY shared_fg1__EHH82 shared_text4__vymfi ">Hydrogen<!-- --> <!-- -->(<!-- -->1<!-- -->)</a><a id="contribution.tool-frameworks-remix" tabindex="0" data-active="false" role="menuitem" href="/exchange/type=plugins/framework=remix" class="OmniviewNavigation_dropdownOption__QSfCY shared_fg1__EHH82 shared_text4__vymfi ">Remix<!-- --> <!-- -->(<!-- -->1<!-- -->)</a><a id="contribution.tool-frameworks-nuxt" tabindex="0" data-active="false" role="menuitem" href="/exchange/type=plugins/framework=nuxt" class="OmniviewNavigation_dropdownOption__QSfCY shared_fg1__EHH82 shared_text4__vymfi ">Nuxt<!-- --> <!-- -->(<!-- -->1<!-- -->)</a><a id="contribution.tool-frameworks-11ty" tabindex="0" data-active="false" role="menuitem" href="/exchange/type=plugins/framework=11ty" class="OmniviewNavigation_dropdownOption__QSfCY shared_fg1__EHH82 shared_text4__vymfi ">Eleventy<!-- --> <!-- -->(<!-- -->1<!-- -->)</a><a id="contribution.tool-frameworks--net" tabindex="0" data-active="false" role="menuitem" href="/exchange/type=plugins/framework=-net" class="OmniviewNavigation_dropdownOption__QSfCY shared_fg1__EHH82 shared_text4__vymfi ">.NET<!-- --> <!-- -->(<!-- -->1<!-- -->)</a></div></div></div></div><div id="dropdown-contribution.starter-wrapper" class="OmniviewNavigation_dropdownWrapper__TqJSs"><button data-active="false" type="button" aria-expanded="false" aria-controls="dropdown-contribution.starter" aria-haspopup="menu" id="dropdown-contribution.starter-btn" decoded="[object Object]" class="OmniviewNavigation_dropdownBtn__SLlrJ shared_fg2__gvnW7 shared_text3__MQrA6 shared_hairline2__qAj6m">Templates<!-- --> <svg data-sanity-icon="chevron-down" width="1em" height="1em" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M17 10.5L12.5 15L8 10.5" stroke="currentColor" stroke-width="1.2" stroke-linejoin="round"></path></svg></button><div id="dropdown-contribution.starter" hidden="" style="display:none;position:fixed;left:100%;top:100%" role="menu" tabindex="-1" data-dialog="true" aria-orientation="vertical" aria-label="Templates" class="OmniviewNavigation_dropdownMenu__noHx4 shared_bg1__OCL0e shared_hairline2__qAj6m shared_borderRadius__O_jrc shared_text5__UErjB shared_popoverShadow__EHSw5"><div class="OmniviewNavigation_mobileAccordionContainer__NPZy5"><div role="group" id="generalGroup-contribution.starter" aria-label="All Templates contributions by author type" class="OmniviewNavigation_generalGroup__OcT3x"><a id="view-all-contribution.starter" tabindex="0" data-active="false" role="menuitem" href="/templates" class="OmniviewNavigation_dropdownOption__QSfCY shared_fg1__EHH82 shared_text4__vymfi OmniviewNavigation_viewAll__b978C">All templates<!-- --> <!-- -->(<!-- -->24<!-- -->)</a><a id="community-contribution.starter" tabindex="0" data-active="false" role="menuitem" href="/exchange/type=templates/by=community" class="OmniviewNavigation_dropdownOption__QSfCY shared_fg1__EHH82 shared_text4__vymfi ">Community<!-- --> <!-- -->(<!-- -->14<!-- -->)</a><a id="official-contribution.starter" tabindex="0" data-active="false" role="menuitem" href="/exchange/type=templates/by=sanity" class="OmniviewNavigation_dropdownOption__QSfCY shared_fg1__EHH82 shared_text4__vymfi ">Official<!-- --> <!-- -->(<!-- -->10<!-- -->)</a><a id="studio-v3-contribution.starter" tabindex="0" data-active="false" role="menuitem" href="/exchange/type=templates/studio=v3" class="OmniviewNavigation_dropdownOption__QSfCY shared_fg1__EHH82 shared_text4__vymfi ">Studio v3<!-- --> <!-- -->(<!-- -->24<!-- -->)</a></div><div role="group" id="contribution.starter-solutions-group" aria-label="Application segmentation of starter contributions" class="OmniviewNavigation_optionsGroup__bD9ea"><div class="OmniviewNavigation_menuSectionTitle__3kPfg shared_label__Ytarj shared_label_base__ALIe4 shared_fg4__8eU1H">Application</div><a id="contribution.starter-solutions-marketing-site" tabindex="0" data-active="false" role="menuitem" href="/exchange/type=templates/solution=marketing-site" class="OmniviewNavigation_dropdownOption__QSfCY shared_fg1__EHH82 shared_text4__vymfi ">Marketing site<!-- --> <!-- -->(<!-- -->1<!-- -->)</a></div><div role="group" id="contribution.starter-frameworks-group" aria-label="Framework segmentation of starter contributions" class="OmniviewNavigation_optionsGroup__bD9ea"><div class="OmniviewNavigation_menuSectionTitle__3kPfg shared_label__Ytarj shared_label_base__ALIe4 shared_fg4__8eU1H">Framework</div><a id="contribution.starter-frameworks-nextjs" tabindex="0" data-active="false" role="menuitem" href="/exchange/type=templates/framework=nextjs" class="OmniviewNavigation_dropdownOption__QSfCY shared_fg1__EHH82 shared_text4__vymfi ">Next<!-- --> <!-- -->(<!-- -->13<!-- -->)</a><a id="contribution.starter-frameworks-react" tabindex="0" data-active="false" role="menuitem" href="/exchange/type=templates/framework=react" class="OmniviewNavigation_dropdownOption__QSfCY shared_fg1__EHH82 shared_text4__vymfi ">React<!-- --> <!-- -->(<!-- -->5<!-- -->)</a><a id="contribution.starter-frameworks-remix" tabindex="0" data-active="false" role="menuitem" href="/exchange/type=templates/framework=remix" class="OmniviewNavigation_dropdownOption__QSfCY shared_fg1__EHH82 shared_text4__vymfi ">Remix<!-- --> <!-- -->(<!-- -->4<!-- -->)</a><a id="contribution.starter-frameworks-angular" tabindex="0" data-active="false" role="menuitem" href="/exchange/type=templates/framework=angular" class="OmniviewNavigation_dropdownOption__QSfCY shared_fg1__EHH82 shared_text4__vymfi ">Angular<!-- --> <!-- -->(<!-- -->3<!-- -->)</a><a id="contribution.starter-frameworks-hydrogen" tabindex="0" data-active="false" role="menuitem" href="/exchange/type=templates/framework=hydrogen" class="OmniviewNavigation_dropdownOption__QSfCY shared_fg1__EHH82 shared_text4__vymfi ">Hydrogen<!-- --> <!-- -->(<!-- -->2<!-- -->)</a><a id="contribution.starter-frameworks-svelte" tabindex="0" data-active="false" role="menuitem" href="/exchange/type=templates/framework=svelte" class="OmniviewNavigation_dropdownOption__QSfCY shared_fg1__EHH82 shared_text4__vymfi ">Svelte<!-- --> <!-- -->(<!-- -->2<!-- -->)</a><a id="contribution.starter-frameworks-tailwindcss" tabindex="0" data-active="false" role="menuitem" href="/exchange/type=templates/framework=tailwindcss" class="OmniviewNavigation_dropdownOption__QSfCY shared_fg1__EHH82 shared_text4__vymfi ">Tailwind CSS<!-- --> <!-- -->(<!-- -->1<!-- -->)</a><a id="contribution.starter-frameworks-nuxt" tabindex="0" data-active="false" role="menuitem" href="/exchange/type=templates/framework=nuxt" class="OmniviewNavigation_dropdownOption__QSfCY shared_fg1__EHH82 shared_text4__vymfi ">Nuxt<!-- --> <!-- -->(<!-- -->1<!-- -->)</a><a id="contribution.starter-frameworks-astro" tabindex="0" data-active="false" role="menuitem" href="/exchange/type=templates/framework=astro" class="OmniviewNavigation_dropdownOption__QSfCY shared_fg1__EHH82 shared_text4__vymfi ">Astro<!-- --> <!-- -->(<!-- -->1<!-- -->)</a></div></div></div></div><div id="dropdown-contribution.showcaseProject-wrapper" class="OmniviewNavigation_dropdownWrapper__TqJSs"><button data-active="false" type="button" aria-expanded="false" aria-controls="dropdown-contribution.showcaseProject" aria-haspopup="menu" id="dropdown-contribution.showcaseProject-btn" decoded="[object Object]" class="OmniviewNavigation_dropdownBtn__SLlrJ shared_fg2__gvnW7 shared_text3__MQrA6 shared_hairline2__qAj6m">Showcase projects<!-- --> <svg data-sanity-icon="chevron-down" width="1em" height="1em" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M17 10.5L12.5 15L8 10.5" stroke="currentColor" stroke-width="1.2" stroke-linejoin="round"></path></svg></button><div id="dropdown-contribution.showcaseProject" hidden="" style="display:none;position:fixed;left:100%;top:100%" role="menu" tabindex="-1" data-dialog="true" aria-orientation="vertical" aria-label="Showcase projects" class="OmniviewNavigation_dropdownMenu__noHx4 shared_bg1__OCL0e shared_hairline2__qAj6m shared_borderRadius__O_jrc shared_text5__UErjB shared_popoverShadow__EHSw5"><div class="OmniviewNavigation_mobileAccordionContainer__NPZy5"><div role="group" id="generalGroup-contribution.showcaseProject" aria-label="All Showcase projects contributions by author type" class="OmniviewNavigation_generalGroup__OcT3x"><a id="view-all-contribution.showcaseProject" tabindex="0" data-active="false" role="menuitem" href="/projects" class="OmniviewNavigation_dropdownOption__QSfCY shared_fg1__EHH82 shared_text4__vymfi OmniviewNavigation_viewAll__b978C">All showcase projects<!-- --> <!-- -->(<!-- -->504<!-- -->)</a><a id="community-contribution.showcaseProject" tabindex="0" data-active="false" role="menuitem" href="/exchange/type=projects/by=community" class="OmniviewNavigation_dropdownOption__QSfCY shared_fg1__EHH82 shared_text4__vymfi ">Community<!-- --> <!-- -->(<!-- -->503<!-- -->)</a><a id="official-contribution.showcaseProject" tabindex="0" data-active="false" role="menuitem" href="/exchange/type=projects/by=sanity" class="OmniviewNavigation_dropdownOption__QSfCY shared_fg1__EHH82 shared_text4__vymfi ">Official<!-- --> <!-- -->(<!-- -->1<!-- -->)</a></div><div role="group" id="contribution.showcaseProject-solutions-group" aria-label="Application segmentation of showcaseProject contributions" class="OmniviewNavigation_optionsGroup__bD9ea"><div class="OmniviewNavigation_menuSectionTitle__3kPfg shared_label__Ytarj shared_label_base__ALIe4 shared_fg4__8eU1H">Application</div><a id="contribution.showcaseProject-solutions-marketing-site" tabindex="0" data-active="false" role="menuitem" href="/exchange/type=projects/solution=marketing-site" class="OmniviewNavigation_dropdownOption__QSfCY shared_fg1__EHH82 shared_text4__vymfi ">Marketing site<!-- --> <!-- -->(<!-- -->230<!-- -->)</a><a id="contribution.showcaseProject-solutions-products-services" tabindex="0" data-active="false" role="menuitem" href="/exchange/type=projects/solution=products-services" class="OmniviewNavigation_dropdownOption__QSfCY shared_fg1__EHH82 shared_text4__vymfi ">Product & Service<!-- --> <!-- -->(<!-- -->99<!-- -->)</a><a id="contribution.showcaseProject-solutions-ecommerce-sites" tabindex="0" data-active="false" role="menuitem" href="/exchange/type=projects/solution=ecommerce-sites" class="OmniviewNavigation_dropdownOption__QSfCY shared_fg1__EHH82 shared_text4__vymfi ">E-commerce Resources<!-- --> <!-- -->(<!-- -->80<!-- -->)</a><a id="contribution.showcaseProject-solutions-mobile-apps" tabindex="0" data-active="false" role="menuitem" href="/exchange/type=projects/solution=mobile-apps" class="OmniviewNavigation_dropdownOption__QSfCY shared_fg1__EHH82 shared_text4__vymfi ">Mobile App Resources<!-- --> <!-- -->(<!-- -->4<!-- -->)</a></div><div role="group" id="contribution.showcaseProject-solutions-group" aria-label="Workflow segmentation of showcaseProject contributions" class="OmniviewNavigation_optionsGroup__bD9ea"><div class="OmniviewNavigation_menuSectionTitle__3kPfg shared_label__Ytarj shared_label_base__ALIe4 shared_fg4__8eU1H">Workflow</div><a id="contribution.showcaseProject-solutions-collaborative-editing" tabindex="0" data-active="false" role="menuitem" href="/exchange/type=projects/solution=collaborative-editing" class="OmniviewNavigation_dropdownOption__QSfCY shared_fg1__EHH82 shared_text4__vymfi ">Collaborative Editing<!-- --> <!-- -->(<!-- -->83<!-- -->)</a><a id="contribution.showcaseProject-solutions-optimization" tabindex="0" data-active="false" role="menuitem" href="/exchange/type=projects/solution=optimization" class="OmniviewNavigation_dropdownOption__QSfCY shared_fg1__EHH82 shared_text4__vymfi ">Optimization<!-- --> <!-- -->(<!-- -->38<!-- -->)</a><a id="contribution.showcaseProject-solutions-localization" tabindex="0" data-active="false" role="menuitem" href="/exchange/type=projects/solution=localization" class="OmniviewNavigation_dropdownOption__QSfCY shared_fg1__EHH82 shared_text4__vymfi ">Localization Resources<!-- --> <!-- -->(<!-- -->35<!-- -->)</a><a id="contribution.showcaseProject-solutions-ai" tabindex="0" data-active="false" role="menuitem" href="/exchange/type=projects/solution=ai" class="OmniviewNavigation_dropdownOption__QSfCY shared_fg1__EHH82 shared_text4__vymfi ">Artificial Intelligence (AI)<!-- --> <!-- -->(<!-- -->14<!-- -->)</a><a id="contribution.showcaseProject-solutions-multichannel" tabindex="0" data-active="false" role="menuitem" href="/exchange/type=projects/solution=multichannel" class="OmniviewNavigation_dropdownOption__QSfCY shared_fg1__EHH82 shared_text4__vymfi ">Multichannel<!-- --> <!-- -->(<!-- -->14<!-- -->)</a></div><div role="group" id="contribution.showcaseProject-solutions-group" aria-label="Integration segmentation of showcaseProject contributions" class="OmniviewNavigation_optionsGroup__bD9ea"><div class="OmniviewNavigation_menuSectionTitle__3kPfg shared_label__Ytarj shared_label_base__ALIe4 shared_fg4__8eU1H">Integration</div><a id="contribution.showcaseProject-solutions-content-enrichment" tabindex="0" data-active="false" role="menuitem" href="/exchange/type=projects/solution=content-enrichment" class="OmniviewNavigation_dropdownOption__QSfCY shared_fg1__EHH82 shared_text4__vymfi ">Content Enrichment<!-- --> <!-- -->(<!-- -->109<!-- -->)</a><a id="contribution.showcaseProject-solutions-publishing" tabindex="0" data-active="false" role="menuitem" href="/exchange/type=projects/solution=publishing" class="OmniviewNavigation_dropdownOption__QSfCY shared_fg1__EHH82 shared_text4__vymfi ">Publishing<!-- --> <!-- -->(<!-- -->96<!-- -->)</a><a id="contribution.showcaseProject-solutions-apis" tabindex="0" data-active="false" role="menuitem" href="/exchange/type=projects/solution=apis" class="OmniviewNavigation_dropdownOption__QSfCY shared_fg1__EHH82 shared_text4__vymfi ">APIs<!-- --> <!-- -->(<!-- -->62<!-- -->)</a><a id="contribution.showcaseProject-solutions-distribution" tabindex="0" data-active="false" role="menuitem" href="/exchange/type=projects/solution=distribution" class="OmniviewNavigation_dropdownOption__QSfCY shared_fg1__EHH82 shared_text4__vymfi ">Distribution<!-- --> <!-- -->(<!-- -->19<!-- -->)</a></div><div role="group" id="contribution.showcaseProject-frameworks-group" aria-label="Framework segmentation of showcaseProject contributions" class="OmniviewNavigation_optionsGroup__bD9ea"><div class="OmniviewNavigation_menuSectionTitle__3kPfg shared_label__Ytarj shared_label_base__ALIe4 shared_fg4__8eU1H">Framework</div><a id="contribution.showcaseProject-frameworks-nextjs" tabindex="0" data-active="false" role="menuitem" href="/exchange/type=projects/framework=nextjs" class="OmniviewNavigation_dropdownOption__QSfCY shared_fg1__EHH82 shared_text4__vymfi ">Next<!-- --> <!-- -->(<!-- -->250<!-- -->)</a><a id="contribution.showcaseProject-frameworks-react" tabindex="0" data-active="false" role="menuitem" href="/exchange/type=projects/framework=react" class="OmniviewNavigation_dropdownOption__QSfCY shared_fg1__EHH82 shared_text4__vymfi ">React<!-- --> <!-- -->(<!-- -->171<!-- -->)</a><a id="contribution.showcaseProject-frameworks-tailwindcss" tabindex="0" data-active="false" role="menuitem" href="/exchange/type=projects/framework=tailwindcss" class="OmniviewNavigation_dropdownOption__QSfCY shared_fg1__EHH82 shared_text4__vymfi ">Tailwind CSS<!-- --> <!-- -->(<!-- -->141<!-- -->)</a><a id="contribution.showcaseProject-frameworks-gatsby" tabindex="0" data-active="false" role="menuitem" href="/exchange/type=projects/framework=gatsby" class="OmniviewNavigation_dropdownOption__QSfCY shared_fg1__EHH82 shared_text4__vymfi ">Gatsby<!-- --> <!-- -->(<!-- -->78<!-- -->)</a><a id="contribution.showcaseProject-frameworks-svelte" tabindex="0" data-active="false" role="menuitem" href="/exchange/type=projects/framework=svelte" class="OmniviewNavigation_dropdownOption__QSfCY shared_fg1__EHH82 shared_text4__vymfi ">Svelte<!-- --> <!-- -->(<!-- -->28<!-- -->)</a><a id="contribution.showcaseProject-frameworks-nuxt" tabindex="0" data-active="false" role="menuitem" href="/exchange/type=projects/framework=nuxt" class="OmniviewNavigation_dropdownOption__QSfCY shared_fg1__EHH82 shared_text4__vymfi ">Nuxt<!-- --> <!-- -->(<!-- -->25<!-- -->)</a><a id="contribution.showcaseProject-frameworks-vue" tabindex="0" data-active="false" role="menuitem" href="/exchange/type=projects/framework=vue" class="OmniviewNavigation_dropdownOption__QSfCY shared_fg1__EHH82 shared_text4__vymfi ">Vue<!-- --> <!-- -->(<!-- -->21<!-- -->)</a><a id="contribution.showcaseProject-frameworks-remix" tabindex="0" data-active="false" role="menuitem" href="/exchange/type=projects/framework=remix" class="OmniviewNavigation_dropdownOption__QSfCY shared_fg1__EHH82 shared_text4__vymfi ">Remix<!-- --> <!-- -->(<!-- -->14<!-- -->)</a><a id="contribution.showcaseProject-frameworks-hydrogen" tabindex="0" data-active="false" role="menuitem" href="/exchange/type=projects/framework=hydrogen" class="OmniviewNavigation_dropdownOption__QSfCY shared_fg1__EHH82 shared_text4__vymfi ">Hydrogen<!-- --> <!-- -->(<!-- -->12<!-- -->)</a><a id="contribution.showcaseProject-frameworks-react-native" tabindex="0" data-active="false" role="menuitem" href="/exchange/type=projects/framework=react-native" class="OmniviewNavigation_dropdownOption__QSfCY shared_fg1__EHH82 shared_text4__vymfi ">React Native<!-- --> <!-- -->(<!-- -->9<!-- -->)</a><a id="contribution.showcaseProject-frameworks-astro" tabindex="0" data-active="false" role="menuitem" href="/exchange/type=projects/framework=astro" class="OmniviewNavigation_dropdownOption__QSfCY shared_fg1__EHH82 shared_text4__vymfi ">Astro<!-- --> <!-- -->(<!-- -->9<!-- -->)</a><a id="contribution.showcaseProject-frameworks-11ty" tabindex="0" data-active="false" role="menuitem" href="/exchange/type=projects/framework=11ty" class="OmniviewNavigation_dropdownOption__QSfCY shared_fg1__EHH82 shared_text4__vymfi ">Eleventy<!-- --> <!-- -->(<!-- -->8<!-- -->)</a><a id="contribution.showcaseProject-frameworks-react-email" tabindex="0" data-active="false" role="menuitem" href="/exchange/type=projects/framework=react-email" class="OmniviewNavigation_dropdownOption__QSfCY shared_fg1__EHH82 shared_text4__vymfi ">React Email<!-- --> <!-- -->(<!-- -->5<!-- -->)</a><a id="contribution.showcaseProject-frameworks-angular" tabindex="0" data-active="false" role="menuitem" href="/exchange/type=projects/framework=angular" class="OmniviewNavigation_dropdownOption__QSfCY shared_fg1__EHH82 shared_text4__vymfi ">Angular<!-- --> <!-- -->(<!-- -->3<!-- -->)</a><a id="contribution.showcaseProject-frameworks--net" tabindex="0" data-active="false" role="menuitem" href="/exchange/type=projects/framework=-net" class="OmniviewNavigation_dropdownOption__QSfCY shared_fg1__EHH82 shared_text4__vymfi ">.NET<!-- --> <!-- -->(<!-- -->3<!-- -->)</a><a id="contribution.showcaseProject-frameworks-gridsome" tabindex="0" data-active="false" role="menuitem" href="/exchange/type=projects/framework=gridsome" class="OmniviewNavigation_dropdownOption__QSfCY shared_fg1__EHH82 shared_text4__vymfi ">Gridsome<!-- --> <!-- -->(<!-- -->2<!-- -->)</a><a id="contribution.showcaseProject-frameworks-metalsmith" tabindex="0" data-active="false" role="menuitem" href="/exchange/type=projects/framework=metalsmith" class="OmniviewNavigation_dropdownOption__QSfCY shared_fg1__EHH82 shared_text4__vymfi ">Metalsmith<!-- --> <!-- -->(<!-- -->1<!-- -->)</a><a id="contribution.showcaseProject-frameworks-jovo" tabindex="0" data-active="false" role="menuitem" href="/exchange/type=projects/framework=jovo" class="OmniviewNavigation_dropdownOption__QSfCY shared_fg1__EHH82 shared_text4__vymfi ">Jovo<!-- --> <!-- -->(<!-- -->1<!-- -->)</a></div></div></div></div><div id="dropdown-contribution.schema-wrapper" class="OmniviewNavigation_dropdownWrapper__TqJSs"><button data-active="false" type="button" aria-expanded="false" aria-controls="dropdown-contribution.schema" aria-haspopup="menu" id="dropdown-contribution.schema-btn" decoded="[object Object]" class="OmniviewNavigation_dropdownBtn__SLlrJ shared_fg2__gvnW7 shared_text3__MQrA6 shared_hairline2__qAj6m">Schemas and snippets<!-- --> <svg data-sanity-icon="chevron-down" width="1em" height="1em" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M17 10.5L12.5 15L8 10.5" stroke="currentColor" stroke-width="1.2" stroke-linejoin="round"></path></svg></button><div id="dropdown-contribution.schema" hidden="" style="display:none;position:fixed;left:100%;top:100%" role="menu" tabindex="-1" data-dialog="true" aria-orientation="vertical" aria-label="Schemas and snippets" class="OmniviewNavigation_dropdownMenu__noHx4 shared_bg1__OCL0e shared_hairline2__qAj6m shared_borderRadius__O_jrc shared_text5__UErjB shared_popoverShadow__EHSw5"><div class="OmniviewNavigation_mobileAccordionContainer__NPZy5"><div role="group" id="generalGroup-contribution.schema" aria-label="All Schemas and snippets contributions by author type" class="OmniviewNavigation_generalGroup__OcT3x"><a id="view-all-contribution.schema" tabindex="0" data-active="false" role="menuitem" href="/schemas" class="OmniviewNavigation_dropdownOption__QSfCY shared_fg1__EHH82 shared_text4__vymfi OmniviewNavigation_viewAll__b978C">All schemas and snippets<!-- --> <!-- -->(<!-- -->153<!-- -->)</a><a id="community-contribution.schema" tabindex="0" data-active="false" role="menuitem" href="/exchange/type=schemas/by=community" class="OmniviewNavigation_dropdownOption__QSfCY shared_fg1__EHH82 shared_text4__vymfi ">Community<!-- --> <!-- -->(<!-- -->153<!-- -->)</a><a id="official-contribution.schema" tabindex="0" data-active="false" role="menuitem" href="/exchange/type=schemas/by=sanity" class="OmniviewNavigation_dropdownOptionDisabled__cdPiW OmniviewNavigation_dropdownOption__QSfCY shared_fg1__EHH82 shared_text4__vymfi " rel="nofollow noindex">Official<!-- --> <!-- -->(<!-- -->0<!-- -->)</a><a id="studio-v2-contribution.schema" tabindex="0" data-active="false" role="menuitem" href="/exchange/type=schemas/studio=v2" class="OmniviewNavigation_dropdownOption__QSfCY shared_fg1__EHH82 shared_text4__vymfi ">Studio v2<!-- --> <!-- -->(<!-- -->9<!-- -->)</a><a id="studio-v3-contribution.schema" tabindex="0" data-active="false" role="menuitem" href="/exchange/type=schemas/studio=v3" class="OmniviewNavigation_dropdownOption__QSfCY shared_fg1__EHH82 shared_text4__vymfi ">Studio v3<!-- --> <!-- -->(<!-- -->34<!-- -->)</a></div><div role="group" id="contribution.schema-solutions-group" aria-label="Application segmentation of schema contributions" class="OmniviewNavigation_optionsGroup__bD9ea"><div class="OmniviewNavigation_menuSectionTitle__3kPfg shared_label__Ytarj shared_label_base__ALIe4 shared_fg4__8eU1H">Application</div><a id="contribution.schema-solutions-marketing-site" tabindex="0" data-active="false" role="menuitem" href="/exchange/type=schemas/solution=marketing-site" class="OmniviewNavigation_dropdownOption__QSfCY shared_fg1__EHH82 shared_text4__vymfi ">Marketing site<!-- --> <!-- -->(<!-- -->14<!-- -->)</a><a id="contribution.schema-solutions-ecommerce-sites" tabindex="0" data-active="false" role="menuitem" href="/exchange/type=schemas/solution=ecommerce-sites" class="OmniviewNavigation_dropdownOption__QSfCY shared_fg1__EHH82 shared_text4__vymfi ">E-commerce Resources<!-- --> <!-- -->(<!-- -->9<!-- -->)</a><a id="contribution.schema-solutions-products-services" tabindex="0" data-active="false" role="menuitem" href="/exchange/type=schemas/solution=products-services" class="OmniviewNavigation_dropdownOption__QSfCY shared_fg1__EHH82 shared_text4__vymfi ">Product & Service<!-- --> <!-- -->(<!-- -->5<!-- -->)</a><a id="contribution.schema-solutions-mobile-apps" tabindex="0" data-active="false" role="menuitem" href="/exchange/type=schemas/solution=mobile-apps" class="OmniviewNavigation_dropdownOption__QSfCY shared_fg1__EHH82 shared_text4__vymfi ">Mobile App Resources<!-- --> <!-- -->(<!-- -->1<!-- -->)</a></div><div role="group" id="contribution.schema-solutions-group" aria-label="Workflow segmentation of schema contributions" class="OmniviewNavigation_optionsGroup__bD9ea"><div class="OmniviewNavigation_menuSectionTitle__3kPfg shared_label__Ytarj shared_label_base__ALIe4 shared_fg4__8eU1H">Workflow</div><a id="contribution.schema-solutions-optimization" tabindex="0" data-active="false" role="menuitem" href="/exchange/type=schemas/solution=optimization" class="OmniviewNavigation_dropdownOption__QSfCY shared_fg1__EHH82 shared_text4__vymfi ">Optimization<!-- --> <!-- -->(<!-- -->18<!-- -->)</a><a id="contribution.schema-solutions-collaborative-editing" tabindex="0" data-active="false" role="menuitem" href="/exchange/type=schemas/solution=collaborative-editing" class="OmniviewNavigation_dropdownOption__QSfCY shared_fg1__EHH82 shared_text4__vymfi ">Collaborative Editing<!-- --> <!-- -->(<!-- -->15<!-- -->)</a><a id="contribution.schema-solutions-localization" tabindex="0" data-active="false" role="menuitem" href="/exchange/type=schemas/solution=localization" class="OmniviewNavigation_dropdownOption__QSfCY shared_fg1__EHH82 shared_text4__vymfi ">Localization Resources<!-- --> <!-- -->(<!-- -->2<!-- -->)</a><a id="contribution.schema-solutions-ai" tabindex="0" data-active="false" role="menuitem" href="/exchange/type=schemas/solution=ai" class="OmniviewNavigation_dropdownOption__QSfCY shared_fg1__EHH82 shared_text4__vymfi ">Artificial Intelligence (AI)<!-- --> <!-- -->(<!-- -->1<!-- -->)</a><a id="contribution.schema-solutions-multichannel" tabindex="0" data-active="false" role="menuitem" href="/exchange/type=schemas/solution=multichannel" class="OmniviewNavigation_dropdownOption__QSfCY shared_fg1__EHH82 shared_text4__vymfi ">Multichannel<!-- --> <!-- -->(<!-- -->1<!-- -->)</a></div><div role="group" id="contribution.schema-solutions-group" aria-label="Integration segmentation of schema contributions" class="OmniviewNavigation_optionsGroup__bD9ea"><div class="OmniviewNavigation_menuSectionTitle__3kPfg shared_label__Ytarj shared_label_base__ALIe4 shared_fg4__8eU1H">Integration</div><a id="contribution.schema-solutions-content-enrichment" tabindex="0" data-active="false" role="menuitem" href="/exchange/type=schemas/solution=content-enrichment" class="OmniviewNavigation_dropdownOption__QSfCY shared_fg1__EHH82 shared_text4__vymfi ">Content Enrichment<!-- --> <!-- -->(<!-- -->55<!-- -->)</a><a id="contribution.schema-solutions-publishing" tabindex="0" data-active="false" role="menuitem" href="/exchange/type=schemas/solution=publishing" class="OmniviewNavigation_dropdownOption__QSfCY shared_fg1__EHH82 shared_text4__vymfi ">Publishing<!-- --> <!-- -->(<!-- -->24<!-- -->)</a><a id="contribution.schema-solutions-apis" tabindex="0" data-active="false" role="menuitem" href="/exchange/type=schemas/solution=apis" class="OmniviewNavigation_dropdownOption__QSfCY shared_fg1__EHH82 shared_text4__vymfi ">APIs<!-- --> <!-- -->(<!-- -->20<!-- -->)</a><a id="contribution.schema-solutions-distribution" tabindex="0" data-active="false" role="menuitem" href="/exchange/type=schemas/solution=distribution" class="OmniviewNavigation_dropdownOption__QSfCY shared_fg1__EHH82 shared_text4__vymfi ">Distribution<!-- --> <!-- -->(<!-- -->2<!-- -->)</a></div></div></div></div><a class="OmniviewNavigation_dropdownBtn__SLlrJ shared_fg2__gvnW7 shared_text3__MQrA6 shared_hairline2__qAj6m" data-active="false" href="/exchange/community">Community</a></div></div></section><section class="OmniviewSimpleBulletin_section__OQxQl shared_container2__iZo6U shared_container1__yecs8"><h2 class="OmniviewSimpleBulletin_sectionTitle__KEb8O shared_header5__D2Ipj shared_header__67AqL">3 Gatsby tools</h2><div class="contributions-grid ContributionsGrid_root__CCFHb ContributionsGrid_threeColumn__m13Fa ContributionsGrid_tool__2o_zh"><article class="contribution-preview ContributionPreview_contributionCard__a5S6a shared_fg2__gvnW7 shared_box__eqBFk shared_borderRadius__O_jrc " data-focused="false" data-layout="oneColumn"><h4 class="ContributionPreview_contributionTitle__uOgN5 shared_fg1__EHH82 shared_header6__lhz92 shared_header__67AqL">Sanity Codegen</h4><div class="contribution-preview__img ContributionPreview_imageWrapper__1u0YG shared_fg1__EHH82 shared_bg2__DFMii"><div class="tool-logo ToolLogo_root__85mIj ToolLogo_oneColumn__VbJCG " style="background:#143b77"></div></div><div class="contribution-badges ContributionBadges_root__8EC4G ContributionBadges_layoutDefault___Z8ji shared_text4__vymfi"></div><p class="ContributionPreview_contributionDesc__veciW shared_text3__MQrA6 shared_fg2__gvnW7">Generate TypeScript types from your Sanity schemas. Also includes a simple and tiny (<1kB) TypeScript powered client. Built for Jamstack apps.</p><div class="ContributionPreview_authorsContainer__egpwm" data-authors="true"><div class="AuthorBadge_author__q4NXg ContributionPreview_authorBadge__WektT shared_text5__UErjB"><div class="AuthorBadge_authorPhoto__yBRe9"><div class="Image_root__X2u6l" data-has-aspect="true" style="--aspect-ratio:1;--source-width:460px"><div class="Image_lqip__4DIba" data-show-placeholder="true" data-is-loaded="0" aria-hidden="true" style="padding-bottom:100%"></div><noscript><img src="https://cdn.sanity.io/images/81pocpw8/production/94bcd1c61e637dcc4bdbecf93f3aec24df2cb843-460x460.jpg?w=50&h=50&fit=clip&auto=format" alt="Rico Kahler's picture" loading="lazy" width="50" height="50" srcSet="https://cdn.sanity.io/images/81pocpw8/production/94bcd1c61e637dcc4bdbecf93f3aec24df2cb843-460x460.jpg?w=320&h=320&fit=clip&auto=format 320w,https://cdn.sanity.io/images/81pocpw8/production/94bcd1c61e637dcc4bdbecf93f3aec24df2cb843-460x460.jpg?w=460&h=460&fit=clip&auto=format 460w" sizes="(max-width: 800px) 100vw, 800px" class="Image_img__5ZmPX"/></noscript></div></div><div>Rico Kahler</div></div></div><a class="ContributionPreview_contributionLink__fBKmy shared_overlayLink__kNVB1" href="/plugins/sanity-codegen"><span class="visually-hidden">Go to <!-- -->Sanity Codegen</span></a></article><article class="contribution-preview ContributionPreview_contributionCard__a5S6a shared_fg2__gvnW7 shared_box__eqBFk shared_borderRadius__O_jrc " data-focused="false" data-layout="oneColumn"><h4 class="ContributionPreview_contributionTitle__uOgN5 shared_fg1__EHH82 shared_header6__lhz92 shared_header__67AqL">gatsby-plugin-sanity-image</h4><div class="contribution-preview__img ContributionPreview_imageWrapper__1u0YG shared_fg1__EHH82 shared_bg2__DFMii"><div class="tool-logo ToolLogo_root__85mIj ToolLogo_oneColumn__VbJCG " style="background:#751aa1"><svg data-sanity-icon="plug" width="1em" height="1em" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg" style="color:#751aa1;filter:invert(1)"><path d="M13.25 8.5L16.75 5M16.25 11.5L19.75 8M9.25 15.5L5.25 19.5M7.75 14L9.75 12C8.25 10 8.75 9 9.75 8C10.15 7.6 11.25 6.5 11.25 6.5L18.25 13.5C18.25 13.5 17.3825 14.3675 16.75 15C15.75 16 14.75 16.5 12.75 15L10.75 17L7.75 14Z" stroke="currentColor" stroke-width="1.2" stroke-linejoin="round"></path></svg></div></div><div class="contribution-badges ContributionBadges_root__8EC4G ContributionBadges_layoutDefault___Z8ji shared_text4__vymfi"></div><p class="ContributionPreview_contributionDesc__veciW shared_text3__MQrA6 shared_fg2__gvnW7">Easily leverage the power of Sanity's image API from React-based environments like Gatsby.</p><div class="ContributionPreview_authorsContainer__egpwm" data-authors="true"><div class="AuthorBadge_author__q4NXg ContributionPreview_authorBadge__WektT shared_text5__UErjB"><div class="AuthorBadge_authorPhoto__yBRe9"><div class="Image_root__X2u6l" data-has-aspect="true" style="--aspect-ratio:1;--source-width:2400px"><div class="Image_lqip__4DIba" data-show-placeholder="true" data-is-loaded="0" aria-hidden="true" style="padding-bottom:100%"></div><noscript><img src="https://cdn.sanity.io/images/81pocpw8/production/f67a483ab113e4a8f6c497b9a78d347b382933f8-2400x2400.jpg?w=50&h=50&fit=clip&auto=format" alt="Corey Ward's picture" loading="lazy" width="50" height="50" srcSet="https://cdn.sanity.io/images/81pocpw8/production/f67a483ab113e4a8f6c497b9a78d347b382933f8-2400x2400.jpg?w=320&h=320&fit=clip&auto=format 320w,https://cdn.sanity.io/images/81pocpw8/production/f67a483ab113e4a8f6c497b9a78d347b382933f8-2400x2400.jpg?w=480&h=480&fit=clip&auto=format 480w,https://cdn.sanity.io/images/81pocpw8/production/f67a483ab113e4a8f6c497b9a78d347b382933f8-2400x2400.jpg?w=640&h=640&fit=clip&auto=format 640w,https://cdn.sanity.io/images/81pocpw8/production/f67a483ab113e4a8f6c497b9a78d347b382933f8-2400x2400.jpg?w=720&h=720&fit=clip&auto=format 720w,https://cdn.sanity.io/images/81pocpw8/production/f67a483ab113e4a8f6c497b9a78d347b382933f8-2400x2400.jpg?w=800&h=800&fit=clip&auto=format 800w,https://cdn.sanity.io/images/81pocpw8/production/f67a483ab113e4a8f6c497b9a78d347b382933f8-2400x2400.jpg?w=960&h=960&fit=clip&auto=format 960w,https://cdn.sanity.io/images/81pocpw8/production/f67a483ab113e4a8f6c497b9a78d347b382933f8-2400x2400.jpg?w=1280&h=1280&fit=clip&auto=format 1280w,https://cdn.sanity.io/images/81pocpw8/production/f67a483ab113e4a8f6c497b9a78d347b382933f8-2400x2400.jpg?w=1440&h=1440&fit=clip&auto=format 1440w,https://cdn.sanity.io/images/81pocpw8/production/f67a483ab113e4a8f6c497b9a78d347b382933f8-2400x2400.jpg?w=1600&h=1600&fit=clip&auto=format 1600w,https://cdn.sanity.io/images/81pocpw8/production/f67a483ab113e4a8f6c497b9a78d347b382933f8-2400x2400.jpg?w=1920&h=1920&fit=clip&auto=format 1920w,https://cdn.sanity.io/images/81pocpw8/production/f67a483ab113e4a8f6c497b9a78d347b382933f8-2400x2400.jpg?w=2160&h=2160&fit=clip&auto=format 2160w,https://cdn.sanity.io/images/81pocpw8/production/f67a483ab113e4a8f6c497b9a78d347b382933f8-2400x2400.jpg?w=2400&h=2400&fit=clip&auto=format 2400w" sizes="(max-width: 800px) 100vw, 800px" class="Image_img__5ZmPX"/></noscript></div></div><div>Corey Ward</div></div></div><a class="ContributionPreview_contributionLink__fBKmy shared_overlayLink__kNVB1" href="/plugins/gatsby-plugin-sanity-image"><span class="visually-hidden">Go to <!-- -->gatsby-plugin-sanity-image</span></a></article><article class="contribution-preview ContributionPreview_contributionCard__a5S6a shared_fg2__gvnW7 shared_box__eqBFk shared_borderRadius__O_jrc " data-focused="false" data-layout="oneColumn"><h4 class="ContributionPreview_contributionTitle__uOgN5 shared_fg1__EHH82 shared_header6__lhz92 shared_header__67AqL">Gatsby source plugin</h4><div class="contribution-preview__img ContributionPreview_imageWrapper__1u0YG shared_fg1__EHH82 shared_bg2__DFMii"><div class="tool-logo ToolLogo_root__85mIj ToolLogo_oneColumn__VbJCG "></div></div><div class="contribution-badges ContributionBadges_root__8EC4G ContributionBadges_layoutDefault___Z8ji shared_text4__vymfi"><div class="ContributionBadges_official__VP9dd shared_fg2__gvnW7"><svg aria-hidden="true" xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 25 25"><path fill="currentColor" d="M12.4 9.3c1.12 0 1.57.63 1.75 1.07h1.57c-.36-1.47-1.56-2.3-3.33-2.3-1.08 0-2 .39-2.55 1.07.02.62.27 1.1.74 1.47.18-.8.86-1.3 1.82-1.3zm.26 6.36c-.93 0-1.6-.4-1.87-1.16H9.17c.35 1.53 1.65 2.44 3.5 2.44 1.1 0 2.05-.39 2.6-1.07a2 2 0 00-.72-1.6c-.16.87-.85 1.4-1.9 1.4z"></path><path fill="currentColor" d="M12 11.56l1.62.38c1 .24 2.2.84 2.2 2.38 0 .42-.08.81-.26 1.15v.02c-.1-.78-.5-1.35-1.25-1.75a5.35 5.35 0 00-1.2-.45l-1.58-.36c-1.44-.33-2.14-1.09-2.14-2.3 0-.4.09-.77.25-1.1l.01-.02c.12.7.53 1.25 1.23 1.63.32.17.7.31 1.13.42z"></path><path fill="currentColor" fill-rule="evenodd" d="M12.5 3.9a8.6 8.6 0 100 17.2 8.6 8.6 0 000-17.2zm-7.4 8.6a7.4 7.4 0 1114.8 0 7.4 7.4 0 01-14.8 0z" clip-rule="evenodd"></path></svg>Official<span class="visually-hidden">(made by Sanity team)</span></div></div><p class="ContributionPreview_contributionDesc__veciW shared_text3__MQrA6 shared_fg2__gvnW7">Source plugin for pulling content from Sanity.io into Gatsby websites. </p><div class="ContributionPreview_authorsContainer__egpwm" data-authors="true"><div class="AuthorBadge_author__q4NXg AuthorBadge_presenceAvatar__EV3JL ContributionPreview_authorBadge__WektT shared_text5__UErjB"><div class="AuthorBadge_authorPhoto__yBRe9"><div class="Image_root__X2u6l" data-has-aspect="true" style="--aspect-ratio:1;--source-width:2000px"><div class="Image_lqip__4DIba" data-show-placeholder="true" data-is-loaded="0" aria-hidden="true" style="padding-bottom:100%"></div><noscript><img src="https://cdn.sanity.io/images/81pocpw8/production/54e9595477915230501dfec656c8e86235bb470a-2000x2000.jpg?w=50&h=50&fit=clip&auto=format" alt="Espen Hovlandsdal's picture" loading="lazy" width="50" height="50" srcSet="https://cdn.sanity.io/images/81pocpw8/production/54e9595477915230501dfec656c8e86235bb470a-2000x2000.jpg?w=320&h=320&fit=clip&auto=format 320w,https://cdn.sanity.io/images/81pocpw8/production/54e9595477915230501dfec656c8e86235bb470a-2000x2000.jpg?w=480&h=480&fit=clip&auto=format 480w,https://cdn.sanity.io/images/81pocpw8/production/54e9595477915230501dfec656c8e86235bb470a-2000x2000.jpg?w=640&h=640&fit=clip&auto=format 640w,https://cdn.sanity.io/images/81pocpw8/production/54e9595477915230501dfec656c8e86235bb470a-2000x2000.jpg?w=720&h=720&fit=clip&auto=format 720w,https://cdn.sanity.io/images/81pocpw8/production/54e9595477915230501dfec656c8e86235bb470a-2000x2000.jpg?w=800&h=800&fit=clip&auto=format 800w,https://cdn.sanity.io/images/81pocpw8/production/54e9595477915230501dfec656c8e86235bb470a-2000x2000.jpg?w=960&h=960&fit=clip&auto=format 960w,https://cdn.sanity.io/images/81pocpw8/production/54e9595477915230501dfec656c8e86235bb470a-2000x2000.jpg?w=1280&h=1280&fit=clip&auto=format 1280w,https://cdn.sanity.io/images/81pocpw8/production/54e9595477915230501dfec656c8e86235bb470a-2000x2000.jpg?w=1440&h=1440&fit=clip&auto=format 1440w,https://cdn.sanity.io/images/81pocpw8/production/54e9595477915230501dfec656c8e86235bb470a-2000x2000.jpg?w=1600&h=1600&fit=clip&auto=format 1600w,https://cdn.sanity.io/images/81pocpw8/production/54e9595477915230501dfec656c8e86235bb470a-2000x2000.jpg?w=1920&h=1920&fit=clip&auto=format 1920w,https://cdn.sanity.io/images/81pocpw8/production/54e9595477915230501dfec656c8e86235bb470a-2000x2000.jpg?w=2000&h=2000&fit=clip&auto=format 2000w" sizes="(max-width: 800px) 100vw, 800px" class="Image_img__5ZmPX"/></noscript></div></div></div><div class="AuthorBadge_author__q4NXg AuthorBadge_presenceAvatar__EV3JL ContributionPreview_authorBadge__WektT shared_text5__UErjB"><div class="AuthorBadge_authorPhoto__yBRe9"><div class="Image_root__X2u6l" data-has-aspect="true" style="--aspect-ratio:1;--source-width:1059px"><div class="Image_lqip__4DIba" data-show-placeholder="true" data-is-loaded="0" aria-hidden="true" style="padding-bottom:100%"></div><noscript><img src="https://cdn.sanity.io/images/81pocpw8/production/1a67fe4bb878088e4857467f20fc221fe575e8ee-1059x1060.jpg?rect=0,0,1059,1059&w=50&h=50&fit=clip&auto=format" alt="Henrique Doro's picture" loading="lazy" width="50" height="50" srcSet="https://cdn.sanity.io/images/81pocpw8/production/1a67fe4bb878088e4857467f20fc221fe575e8ee-1059x1060.jpg?rect=0,0,1059,1059&w=320&h=320&fit=clip&auto=format 320w,https://cdn.sanity.io/images/81pocpw8/production/1a67fe4bb878088e4857467f20fc221fe575e8ee-1059x1060.jpg?rect=0,0,1059,1059&w=480&h=480&fit=clip&auto=format 480w,https://cdn.sanity.io/images/81pocpw8/production/1a67fe4bb878088e4857467f20fc221fe575e8ee-1059x1060.jpg?rect=0,0,1059,1059&w=640&h=640&fit=clip&auto=format 640w,https://cdn.sanity.io/images/81pocpw8/production/1a67fe4bb878088e4857467f20fc221fe575e8ee-1059x1060.jpg?rect=0,0,1059,1059&w=720&h=720&fit=clip&auto=format 720w,https://cdn.sanity.io/images/81pocpw8/production/1a67fe4bb878088e4857467f20fc221fe575e8ee-1059x1060.jpg?rect=0,0,1059,1059&w=800&h=800&fit=clip&auto=format 800w,https://cdn.sanity.io/images/81pocpw8/production/1a67fe4bb878088e4857467f20fc221fe575e8ee-1059x1060.jpg?rect=0,0,1059,1059&w=960&h=960&fit=clip&auto=format 960w,https://cdn.sanity.io/images/81pocpw8/production/1a67fe4bb878088e4857467f20fc221fe575e8ee-1059x1060.jpg?rect=0,0,1059,1059&w=1059&h=1059&fit=clip&auto=format 1059w" sizes="(max-width: 800px) 100vw, 800px" class="Image_img__5ZmPX"/></noscript></div></div></div></div><a class="ContributionPreview_contributionLink__fBKmy shared_overlayLink__kNVB1" href="/plugins/gatsby-source-plugin"><span class="visually-hidden">Go to <!-- -->Gatsby source plugin</span></a></article></div></section><section class="OmniviewSimpleBulletin_section__OQxQl shared_container2__iZo6U shared_container1__yecs8"><h2 class="OmniviewSimpleBulletin_sectionTitle__KEb8O shared_header5__D2Ipj shared_header__67AqL">12 Gatsby guides</h2><p class="OmniviewSimpleBulletin_cta__c8wpw"><a class="OmniviewSimpleBulletin_ctaLink__dIj7X shared_link__QWAu0" href="/exchange/type=guides/framework=gatsby">View all</a></p><div class="contributions-grid ContributionsGrid_root__CCFHb ContributionsGrid_threeColumn__m13Fa "><article class="contribution-preview ContributionPreview_contributionCard__a5S6a shared_fg2__gvnW7 shared_box__eqBFk shared_borderRadius__O_jrc " data-focused="false" data-layout="oneColumn"><h4 class="ContributionPreview_contributionTitle__uOgN5 shared_fg1__EHH82 shared_header6__lhz92 shared_header__67AqL">Deploy a Gatsby Preview Server on AWS for use in Sanity Studio</h4><div class="contribution-preview__img ContributionPreview_imageWrapper__1u0YG shared_fg1__EHH82 shared_bg2__DFMii"><div class="Image_root__X2u6l" data-has-aspect="true" style="--aspect-ratio:1.6;--source-width:2100px"><div class="Image_lqip__4DIba" data-show-placeholder="true" data-is-loaded="0" aria-hidden="true" style="padding-bottom:62.5%"></div><noscript><img src="https://cdn.sanity.io/images/81pocpw8/production/4429ca33137ab3e6a165e56f05f15f35ad9c4aed-2100x1500.png?rect=0,93,2100,1313&w=800&h=500&fit=clip&auto=format" alt=" " loading="lazy" srcSet="https://cdn.sanity.io/images/81pocpw8/production/4429ca33137ab3e6a165e56f05f15f35ad9c4aed-2100x1500.png?rect=0,93,2100,1313&w=320&h=200&fit=clip&auto=format 320w,https://cdn.sanity.io/images/81pocpw8/production/4429ca33137ab3e6a165e56f05f15f35ad9c4aed-2100x1500.png?rect=0,93,2100,1313&w=480&h=300&fit=clip&auto=format 480w,https://cdn.sanity.io/images/81pocpw8/production/4429ca33137ab3e6a165e56f05f15f35ad9c4aed-2100x1500.png?rect=0,93,2100,1313&w=640&h=400&fit=clip&auto=format 640w,https://cdn.sanity.io/images/81pocpw8/production/4429ca33137ab3e6a165e56f05f15f35ad9c4aed-2100x1500.png?rect=0,93,2100,1313&w=720&h=450&fit=clip&auto=format 720w,https://cdn.sanity.io/images/81pocpw8/production/4429ca33137ab3e6a165e56f05f15f35ad9c4aed-2100x1500.png?rect=0,93,2100,1313&w=800&h=500&fit=clip&auto=format 800w,https://cdn.sanity.io/images/81pocpw8/production/4429ca33137ab3e6a165e56f05f15f35ad9c4aed-2100x1500.png?rect=0,93,2100,1313&w=960&h=600&fit=clip&auto=format 960w,https://cdn.sanity.io/images/81pocpw8/production/4429ca33137ab3e6a165e56f05f15f35ad9c4aed-2100x1500.png?rect=0,93,2100,1313&w=2100&h=1313&fit=clip&auto=format 2100w" sizes="(max-width: 400px) 100vw, 400px" class="Image_img__5ZmPX"/></noscript></div></div><div class="contribution-badges ContributionBadges_root__8EC4G ContributionBadges_layoutDefault___Z8ji shared_text4__vymfi"></div><p class="ContributionPreview_contributionDesc__veciW shared_text3__MQrA6 shared_fg2__gvnW7">Learn how to deploy a Gatsby Preview server on AWS using CDK to preview page content in Sanity Studio.</p><div class="ContributionPreview_authorsContainer__egpwm" data-authors="true"><div class="AuthorBadge_author__q4NXg ContributionPreview_authorBadge__WektT shared_text5__UErjB"><div class="AuthorBadge_authorPhoto__yBRe9"><div class="Image_root__X2u6l" data-has-aspect="true" style="--aspect-ratio:1;--source-width:1242px"><div class="Image_lqip__4DIba" data-show-placeholder="true" data-is-loaded="0" aria-hidden="true" style="padding-bottom:100%"></div><noscript><img src="https://cdn.sanity.io/images/81pocpw8/production/48ceaa56710bb593f4b1716f661692cdcf12ff8d-1242x1314.png?rect=0,36,1242,1242&w=50&h=50&fit=clip&auto=format" alt="Evan Kohout's picture" loading="lazy" width="50" height="50" srcSet="https://cdn.sanity.io/images/81pocpw8/production/48ceaa56710bb593f4b1716f661692cdcf12ff8d-1242x1314.png?rect=0,36,1242,1242&w=320&h=320&fit=clip&auto=format 320w,https://cdn.sanity.io/images/81pocpw8/production/48ceaa56710bb593f4b1716f661692cdcf12ff8d-1242x1314.png?rect=0,36,1242,1242&w=480&h=480&fit=clip&auto=format 480w,https://cdn.sanity.io/images/81pocpw8/production/48ceaa56710bb593f4b1716f661692cdcf12ff8d-1242x1314.png?rect=0,36,1242,1242&w=640&h=640&fit=clip&auto=format 640w,https://cdn.sanity.io/images/81pocpw8/production/48ceaa56710bb593f4b1716f661692cdcf12ff8d-1242x1314.png?rect=0,36,1242,1242&w=720&h=720&fit=clip&auto=format 720w,https://cdn.sanity.io/images/81pocpw8/production/48ceaa56710bb593f4b1716f661692cdcf12ff8d-1242x1314.png?rect=0,36,1242,1242&w=800&h=800&fit=clip&auto=format 800w,https://cdn.sanity.io/images/81pocpw8/production/48ceaa56710bb593f4b1716f661692cdcf12ff8d-1242x1314.png?rect=0,36,1242,1242&w=960&h=960&fit=clip&auto=format 960w,https://cdn.sanity.io/images/81pocpw8/production/48ceaa56710bb593f4b1716f661692cdcf12ff8d-1242x1314.png?rect=0,36,1242,1242&w=1242&h=1242&fit=clip&auto=format 1242w" sizes="(max-width: 800px) 100vw, 800px" class="Image_img__5ZmPX"/></noscript></div></div><div>Evan Kohout</div></div></div><a class="ContributionPreview_contributionLink__fBKmy shared_overlayLink__kNVB1" href="/guides/deploy-gatsby-preview-server-on-aws"><span class="visually-hidden">Go to <!-- -->Deploy a Gatsby Preview Server on AWS for use in Sanity Studio</span></a></article><article class="contribution-preview ContributionPreview_contributionCard__a5S6a shared_fg2__gvnW7 shared_box__eqBFk shared_borderRadius__O_jrc " data-focused="false" data-layout="oneColumn"><h4 class="ContributionPreview_contributionTitle__uOgN5 shared_fg1__EHH82 shared_header6__lhz92 shared_header__67AqL">Adding Bulma CSS to your React application</h4><div class="contribution-preview__img ContributionPreview_imageWrapper__1u0YG shared_fg1__EHH82 shared_bg2__DFMii"><div class="Image_root__X2u6l" data-has-aspect="true" style="--aspect-ratio:1.6;--source-width:1200px"><div class="Image_lqip__4DIba" data-show-placeholder="true" data-is-loaded="0" aria-hidden="true" style="padding-bottom:62.5%"></div><noscript><img src="https://cdn.sanity.io/images/81pocpw8/production/313bb6d5e6580c2b502bd82076ddb6edc0048aa5-1200x900.jpg?rect=0,75,1200,750&w=800&h=500&fit=clip&auto=format" alt="React and Bulma logos" loading="lazy" srcSet="https://cdn.sanity.io/images/81pocpw8/production/313bb6d5e6580c2b502bd82076ddb6edc0048aa5-1200x900.jpg?rect=0,75,1200,750&w=320&h=200&fit=clip&auto=format 320w,https://cdn.sanity.io/images/81pocpw8/production/313bb6d5e6580c2b502bd82076ddb6edc0048aa5-1200x900.jpg?rect=0,75,1200,750&w=480&h=300&fit=clip&auto=format 480w,https://cdn.sanity.io/images/81pocpw8/production/313bb6d5e6580c2b502bd82076ddb6edc0048aa5-1200x900.jpg?rect=0,75,1200,750&w=640&h=400&fit=clip&auto=format 640w,https://cdn.sanity.io/images/81pocpw8/production/313bb6d5e6580c2b502bd82076ddb6edc0048aa5-1200x900.jpg?rect=0,75,1200,750&w=720&h=450&fit=clip&auto=format 720w,https://cdn.sanity.io/images/81pocpw8/production/313bb6d5e6580c2b502bd82076ddb6edc0048aa5-1200x900.jpg?rect=0,75,1200,750&w=800&h=500&fit=clip&auto=format 800w,https://cdn.sanity.io/images/81pocpw8/production/313bb6d5e6580c2b502bd82076ddb6edc0048aa5-1200x900.jpg?rect=0,75,1200,750&w=960&h=600&fit=clip&auto=format 960w,https://cdn.sanity.io/images/81pocpw8/production/313bb6d5e6580c2b502bd82076ddb6edc0048aa5-1200x900.jpg?rect=0,75,1200,750&w=1200&h=750&fit=clip&auto=format 1200w" sizes="(max-width: 400px) 100vw, 400px" class="Image_img__5ZmPX"/></noscript></div></div><div class="contribution-badges ContributionBadges_root__8EC4G ContributionBadges_layoutDefault___Z8ji shared_text4__vymfi"></div><p class="ContributionPreview_contributionDesc__veciW shared_text3__MQrA6 shared_fg2__gvnW7">In this tutorial, you'll be learning how to integrate Bulma CSS into your Gatsby (React) application. You'll be working with a few of Bulma's components and implementing them in your application.</p><div class="ContributionPreview_authorsContainer__egpwm" data-authors="true"><div class="AuthorBadge_author__q4NXg ContributionPreview_authorBadge__WektT shared_text5__UErjB"><div class="AuthorBadge_authorPhoto__yBRe9"><div class="Image_root__X2u6l" data-has-aspect="true" style="--aspect-ratio:1;--source-width:844px"><div class="Image_lqip__4DIba" data-show-placeholder="true" data-is-loaded="0" aria-hidden="true" style="padding-bottom:100%"></div><noscript><img src="https://cdn.sanity.io/images/81pocpw8/production/086a31072736c63fe6b9a83f16a2a31b977bbf48-844x1125.jpg?rect=0,140,844,844&w=50&h=50&fit=clip&auto=format" alt=" Tomi Adekanye's picture" loading="lazy" width="50" height="50" srcSet="https://cdn.sanity.io/images/81pocpw8/production/086a31072736c63fe6b9a83f16a2a31b977bbf48-844x1125.jpg?rect=0,140,844,844&w=320&h=320&fit=clip&auto=format 320w,https://cdn.sanity.io/images/81pocpw8/production/086a31072736c63fe6b9a83f16a2a31b977bbf48-844x1125.jpg?rect=0,140,844,844&w=480&h=480&fit=clip&auto=format 480w,https://cdn.sanity.io/images/81pocpw8/production/086a31072736c63fe6b9a83f16a2a31b977bbf48-844x1125.jpg?rect=0,140,844,844&w=640&h=640&fit=clip&auto=format 640w,https://cdn.sanity.io/images/81pocpw8/production/086a31072736c63fe6b9a83f16a2a31b977bbf48-844x1125.jpg?rect=0,140,844,844&w=720&h=720&fit=clip&auto=format 720w,https://cdn.sanity.io/images/81pocpw8/production/086a31072736c63fe6b9a83f16a2a31b977bbf48-844x1125.jpg?rect=0,140,844,844&w=800&h=800&fit=clip&auto=format 800w,https://cdn.sanity.io/images/81pocpw8/production/086a31072736c63fe6b9a83f16a2a31b977bbf48-844x1125.jpg?rect=0,140,844,844&w=844&h=844&fit=clip&auto=format 844w" sizes="(max-width: 800px) 100vw, 800px" class="Image_img__5ZmPX"/></noscript></div></div><div> Tomi Adekanye</div></div></div><a class="ContributionPreview_contributionLink__fBKmy shared_overlayLink__kNVB1" href="/guides/add-bulma-css-to-react"><span class="visually-hidden">Go to <!-- -->Adding Bulma CSS to your React application</span></a></article><article class="contribution-preview ContributionPreview_contributionCard__a5S6a shared_fg2__gvnW7 shared_box__eqBFk shared_borderRadius__O_jrc " data-focused="false" data-layout="oneColumn"><h4 class="ContributionPreview_contributionTitle__uOgN5 shared_fg1__EHH82 shared_header6__lhz92 shared_header__67AqL">Top 5 rich-text React components</h4><div class="contribution-preview__img ContributionPreview_imageWrapper__1u0YG shared_fg1__EHH82 shared_bg2__DFMii"><div class="Image_root__X2u6l" data-has-aspect="true" style="--aspect-ratio:1.6;--source-width:1200px"><div class="Image_lqip__4DIba" data-show-placeholder="true" data-is-loaded="0" aria-hidden="true" style="padding-bottom:62.5%"></div><noscript><img src="https://cdn.sanity.io/images/81pocpw8/production/32ee41a3d40de774aa2f5164798ec7dff1ac51f8-1200x900.jpg?rect=0,75,1200,750&w=800&h=500&fit=clip&auto=format" alt="React and Portable Text logos" loading="lazy" srcSet="https://cdn.sanity.io/images/81pocpw8/production/32ee41a3d40de774aa2f5164798ec7dff1ac51f8-1200x900.jpg?rect=0,75,1200,750&w=320&h=200&fit=clip&auto=format 320w,https://cdn.sanity.io/images/81pocpw8/production/32ee41a3d40de774aa2f5164798ec7dff1ac51f8-1200x900.jpg?rect=0,75,1200,750&w=480&h=300&fit=clip&auto=format 480w,https://cdn.sanity.io/images/81pocpw8/production/32ee41a3d40de774aa2f5164798ec7dff1ac51f8-1200x900.jpg?rect=0,75,1200,750&w=640&h=400&fit=clip&auto=format 640w,https://cdn.sanity.io/images/81pocpw8/production/32ee41a3d40de774aa2f5164798ec7dff1ac51f8-1200x900.jpg?rect=0,75,1200,750&w=720&h=450&fit=clip&auto=format 720w,https://cdn.sanity.io/images/81pocpw8/production/32ee41a3d40de774aa2f5164798ec7dff1ac51f8-1200x900.jpg?rect=0,75,1200,750&w=800&h=500&fit=clip&auto=format 800w,https://cdn.sanity.io/images/81pocpw8/production/32ee41a3d40de774aa2f5164798ec7dff1ac51f8-1200x900.jpg?rect=0,75,1200,750&w=960&h=600&fit=clip&auto=format 960w,https://cdn.sanity.io/images/81pocpw8/production/32ee41a3d40de774aa2f5164798ec7dff1ac51f8-1200x900.jpg?rect=0,75,1200,750&w=1200&h=750&fit=clip&auto=format 1200w" sizes="(max-width: 400px) 100vw, 400px" class="Image_img__5ZmPX"/></noscript></div></div><p class="ContributionPreview_contributionDesc__veciW shared_text3__MQrA6 shared_fg2__gvnW7">This post discusses top 5 rich-text components for React.js, the pros and cons and how to use each in your next project</p><div class="ContributionPreview_authorsContainer__egpwm" data-authors="true"><div class="AuthorBadge_author__q4NXg AuthorBadge_presenceAvatar__EV3JL ContributionPreview_authorBadge__WektT shared_text5__UErjB"><div class="AuthorBadge_authorPhoto__yBRe9"><div class="Image_root__X2u6l" data-has-aspect="true" style="--aspect-ratio:1;--source-width:840px"><div class="Image_lqip__4DIba" data-show-placeholder="true" data-is-loaded="0" aria-hidden="true" style="padding-bottom:100%"></div><noscript><img src="https://cdn.sanity.io/images/81pocpw8/production/39ebcdb60221b75dd359ce3060486b88fdcd42ef-840x842.png?rect=0,1,840,840&w=50&h=50&fit=clip&auto=format" alt="William Ugonna Imoh's picture" loading="lazy" width="50" height="50" srcSet="https://cdn.sanity.io/images/81pocpw8/production/39ebcdb60221b75dd359ce3060486b88fdcd42ef-840x842.png?rect=0,1,840,840&w=320&h=320&fit=clip&auto=format 320w,https://cdn.sanity.io/images/81pocpw8/production/39ebcdb60221b75dd359ce3060486b88fdcd42ef-840x842.png?rect=0,1,840,840&w=480&h=480&fit=clip&auto=format 480w,https://cdn.sanity.io/images/81pocpw8/production/39ebcdb60221b75dd359ce3060486b88fdcd42ef-840x842.png?rect=0,1,840,840&w=640&h=640&fit=clip&auto=format 640w,https://cdn.sanity.io/images/81pocpw8/production/39ebcdb60221b75dd359ce3060486b88fdcd42ef-840x842.png?rect=0,1,840,840&w=720&h=720&fit=clip&auto=format 720w,https://cdn.sanity.io/images/81pocpw8/production/39ebcdb60221b75dd359ce3060486b88fdcd42ef-840x842.png?rect=0,1,840,840&w=800&h=800&fit=clip&auto=format 800w,https://cdn.sanity.io/images/81pocpw8/production/39ebcdb60221b75dd359ce3060486b88fdcd42ef-840x842.png?rect=0,1,840,840&w=840&h=840&fit=clip&auto=format 840w" sizes="(max-width: 800px) 100vw, 800px" class="Image_img__5ZmPX"/></noscript></div></div></div><div class="AuthorBadge_author__q4NXg AuthorBadge_presenceAvatar__EV3JL ContributionPreview_authorBadge__WektT shared_text5__UErjB"><div class="AuthorBadge_authorPhoto__yBRe9"><div class="Image_root__X2u6l" data-has-aspect="true" style="--aspect-ratio:1;--source-width:1366px"><div class="Image_lqip__4DIba" data-show-placeholder="true" data-is-loaded="0" aria-hidden="true" style="padding-bottom:100%"></div><noscript><img src="https://cdn.sanity.io/images/81pocpw8/production/2ccc189f3395b0add085dbbcf0940bdefe059150-1366x1361.jpg?rect=3,0,1361,1361&w=50&h=50&fit=clip&auto=format" alt="Joe Holmes's picture" loading="lazy" width="50" height="50" srcSet="https://cdn.sanity.io/images/81pocpw8/production/2ccc189f3395b0add085dbbcf0940bdefe059150-1366x1361.jpg?rect=3,0,1361,1361&w=320&h=320&fit=clip&auto=format 320w,https://cdn.sanity.io/images/81pocpw8/production/2ccc189f3395b0add085dbbcf0940bdefe059150-1366x1361.jpg?rect=3,0,1361,1361&w=480&h=480&fit=clip&auto=format 480w,https://cdn.sanity.io/images/81pocpw8/production/2ccc189f3395b0add085dbbcf0940bdefe059150-1366x1361.jpg?rect=3,0,1361,1361&w=640&h=640&fit=clip&auto=format 640w,https://cdn.sanity.io/images/81pocpw8/production/2ccc189f3395b0add085dbbcf0940bdefe059150-1366x1361.jpg?rect=3,0,1361,1361&w=720&h=720&fit=clip&auto=format 720w,https://cdn.sanity.io/images/81pocpw8/production/2ccc189f3395b0add085dbbcf0940bdefe059150-1366x1361.jpg?rect=3,0,1361,1361&w=800&h=800&fit=clip&auto=format 800w,https://cdn.sanity.io/images/81pocpw8/production/2ccc189f3395b0add085dbbcf0940bdefe059150-1366x1361.jpg?rect=3,0,1361,1361&w=960&h=960&fit=clip&auto=format 960w,https://cdn.sanity.io/images/81pocpw8/production/2ccc189f3395b0add085dbbcf0940bdefe059150-1366x1361.jpg?rect=3,0,1361,1361&w=1280&h=1280&fit=clip&auto=format 1280w,https://cdn.sanity.io/images/81pocpw8/production/2ccc189f3395b0add085dbbcf0940bdefe059150-1366x1361.jpg?rect=3,0,1361,1361&w=1366&h=1366&fit=clip&auto=format 1366w" sizes="(max-width: 800px) 100vw, 800px" class="Image_img__5ZmPX"/></noscript></div></div></div></div><a class="ContributionPreview_contributionLink__fBKmy shared_overlayLink__kNVB1" href="/guides/top-5-rich-text-react-components"><span class="visually-hidden">Go to <!-- -->Top 5 rich-text React components</span></a></article><article class="contribution-preview ContributionPreview_contributionCard__a5S6a shared_fg2__gvnW7 shared_box__eqBFk shared_borderRadius__O_jrc " data-focused="false" data-layout="oneColumn"><h4 class="ContributionPreview_contributionTitle__uOgN5 shared_fg1__EHH82 shared_header6__lhz92 shared_header__67AqL">Using Theme UI with SANITY.io</h4><div class="contribution-preview__img ContributionPreview_imageWrapper__1u0YG shared_fg1__EHH82 shared_bg2__DFMii"><div class="Image_root__X2u6l" data-has-aspect="true" style="--aspect-ratio:1.6;--source-width:1600px"><div class="Image_lqip__4DIba" data-show-placeholder="true" data-is-loaded="0" aria-hidden="true" style="padding-bottom:62.5%"></div><noscript><img src="https://cdn.sanity.io/images/81pocpw8/production/b6fb9099f2352de3e91502b35cbe6d341af6142c-1600x900.jpg?rect=80,0,1440,900&w=800&h=500&fit=clip&auto=format" alt="Using Theme UI with SANITY.io" loading="lazy" srcSet="https://cdn.sanity.io/images/81pocpw8/production/b6fb9099f2352de3e91502b35cbe6d341af6142c-1600x900.jpg?rect=80,0,1440,900&w=320&h=200&fit=clip&auto=format 320w,https://cdn.sanity.io/images/81pocpw8/production/b6fb9099f2352de3e91502b35cbe6d341af6142c-1600x900.jpg?rect=80,0,1440,900&w=480&h=300&fit=clip&auto=format 480w,https://cdn.sanity.io/images/81pocpw8/production/b6fb9099f2352de3e91502b35cbe6d341af6142c-1600x900.jpg?rect=80,0,1440,900&w=640&h=400&fit=clip&auto=format 640w,https://cdn.sanity.io/images/81pocpw8/production/b6fb9099f2352de3e91502b35cbe6d341af6142c-1600x900.jpg?rect=80,0,1440,900&w=720&h=450&fit=clip&auto=format 720w,https://cdn.sanity.io/images/81pocpw8/production/b6fb9099f2352de3e91502b35cbe6d341af6142c-1600x900.jpg?rect=80,0,1440,900&w=800&h=500&fit=clip&auto=format 800w,https://cdn.sanity.io/images/81pocpw8/production/b6fb9099f2352de3e91502b35cbe6d341af6142c-1600x900.jpg?rect=80,0,1440,900&w=960&h=600&fit=clip&auto=format 960w,https://cdn.sanity.io/images/81pocpw8/production/b6fb9099f2352de3e91502b35cbe6d341af6142c-1600x900.jpg?rect=80,0,1440,900&w=1600&h=1000&fit=clip&auto=format 1600w" sizes="(max-width: 400px) 100vw, 400px" class="Image_img__5ZmPX"/></noscript></div></div><div class="contribution-badges ContributionBadges_root__8EC4G ContributionBadges_layoutDefault___Z8ji shared_text4__vymfi"></div><p class="ContributionPreview_contributionDesc__veciW shared_text3__MQrA6 shared_fg2__gvnW7">Learn how to integrate SANITY.io block content with Theme UI styles on your frontend</p><div class="ContributionPreview_externalIndicator__I6oNY shared_label2__RmXai shared_label_base__ALIe4 shared_fg3__NXgMk"><svg data-sanity-icon="launch" width="1em" height="1em" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><path d="M12 7.5H6.5V18.5H17.5V13M19.5 5.5L10.5 14.5" stroke="currentColor" stroke-width="1.2" stroke-linejoin="round"></path><path d="M14 5.5H19.5V11" stroke="currentColor" stroke-width="1.2" stroke-linejoin="round"></path></svg><span class="visually-hidden">This is an external link at:</span>www.erichowey.dev</div><div class="ContributionPreview_authorsContainer__egpwm" data-authors="true"><div class="AuthorBadge_author__q4NXg ContributionPreview_authorBadge__WektT shared_text5__UErjB"><div class="AuthorBadge_authorPhoto__yBRe9"><div class="Image_root__X2u6l" data-has-aspect="true" style="--aspect-ratio:1;--source-width:3335px"><div class="Image_lqip__4DIba" data-show-placeholder="true" data-is-loaded="0" aria-hidden="true" style="padding-bottom:100%"></div><noscript><img src="https://cdn.sanity.io/images/81pocpw8/production/3632cad730919a476bf9bce6d15eea9a296d5ad4-3335x3335.jpg?w=50&h=50&fit=clip&auto=format" alt="Eric Howey's picture" loading="lazy" width="50" height="50" srcSet="https://cdn.sanity.io/images/81pocpw8/production/3632cad730919a476bf9bce6d15eea9a296d5ad4-3335x3335.jpg?w=320&h=320&fit=clip&auto=format 320w,https://cdn.sanity.io/images/81pocpw8/production/3632cad730919a476bf9bce6d15eea9a296d5ad4-3335x3335.jpg?w=480&h=480&fit=clip&auto=format 480w,https://cdn.sanity.io/images/81pocpw8/production/3632cad730919a476bf9bce6d15eea9a296d5ad4-3335x3335.jpg?w=640&h=640&fit=clip&auto=format 640w,https://cdn.sanity.io/images/81pocpw8/production/3632cad730919a476bf9bce6d15eea9a296d5ad4-3335x3335.jpg?w=720&h=720&fit=clip&auto=format 720w,https://cdn.sanity.io/images/81pocpw8/production/3632cad730919a476bf9bce6d15eea9a296d5ad4-3335x3335.jpg?w=800&h=800&fit=clip&auto=format 800w,https://cdn.sanity.io/images/81pocpw8/production/3632cad730919a476bf9bce6d15eea9a296d5ad4-3335x3335.jpg?w=960&h=960&fit=clip&auto=format 960w,https://cdn.sanity.io/images/81pocpw8/production/3632cad730919a476bf9bce6d15eea9a296d5ad4-3335x3335.jpg?w=1280&h=1280&fit=clip&auto=format 1280w,https://cdn.sanity.io/images/81pocpw8/production/3632cad730919a476bf9bce6d15eea9a296d5ad4-3335x3335.jpg?w=1440&h=1440&fit=clip&auto=format 1440w,https://cdn.sanity.io/images/81pocpw8/production/3632cad730919a476bf9bce6d15eea9a296d5ad4-3335x3335.jpg?w=1600&h=1600&fit=clip&auto=format 1600w,https://cdn.sanity.io/images/81pocpw8/production/3632cad730919a476bf9bce6d15eea9a296d5ad4-3335x3335.jpg?w=1920&h=1920&fit=clip&auto=format 1920w,https://cdn.sanity.io/images/81pocpw8/production/3632cad730919a476bf9bce6d15eea9a296d5ad4-3335x3335.jpg?w=2160&h=2160&fit=clip&auto=format 2160w,https://cdn.sanity.io/images/81pocpw8/production/3632cad730919a476bf9bce6d15eea9a296d5ad4-3335x3335.jpg?w=2400&h=2400&fit=clip&auto=format 2400w,https://cdn.sanity.io/images/81pocpw8/production/3632cad730919a476bf9bce6d15eea9a296d5ad4-3335x3335.jpg?w=2880&h=2880&fit=clip&auto=format 2880w,https://cdn.sanity.io/images/81pocpw8/production/3632cad730919a476bf9bce6d15eea9a296d5ad4-3335x3335.jpg?w=3335&h=3335&fit=clip&auto=format 3335w" sizes="(max-width: 800px) 100vw, 800px" class="Image_img__5ZmPX"/></noscript></div></div><div>Eric Howey</div></div></div><a class="ContributionPreview_contributionLink__fBKmy shared_overlayLink__kNVB1" target="_blank" href="https://www.erichowey.dev/writing/using-theme-ui-with-sanity/"><span class="visually-hidden">Go to <!-- -->Using Theme UI with SANITY.io</span></a></article><article class="contribution-preview ContributionPreview_contributionCard__a5S6a shared_fg2__gvnW7 shared_box__eqBFk shared_borderRadius__O_jrc " data-focused="false" data-layout="oneColumn"><h4 class="ContributionPreview_contributionTitle__uOgN5 shared_fg1__EHH82 shared_header6__lhz92 shared_header__67AqL">Creating 'Site Settings' for a Sanity powered Gatsby site</h4><div class="contribution-preview__img ContributionPreview_imageWrapper__1u0YG shared_fg1__EHH82 shared_bg2__DFMii"><div class="Image_root__X2u6l" data-has-aspect="true" style="--aspect-ratio:1.6;--source-width:1920px"><div class="Image_lqip__4DIba" data-show-placeholder="true" data-is-loaded="0" aria-hidden="true" style="padding-bottom:62.5%"></div><noscript><img src="https://cdn.sanity.io/images/81pocpw8/production/6d781c8bed8a3e93cde43beb91ba8eb868addb65-1920x1080.jpg?rect=96,0,1728,1080&w=800&h=500&fit=clip&auto=format" alt="A browser with the Sanity studio from this project diplayed" loading="lazy" srcSet="https://cdn.sanity.io/images/81pocpw8/production/6d781c8bed8a3e93cde43beb91ba8eb868addb65-1920x1080.jpg?rect=96,0,1728,1080&w=320&h=200&fit=clip&auto=format 320w,https://cdn.sanity.io/images/81pocpw8/production/6d781c8bed8a3e93cde43beb91ba8eb868addb65-1920x1080.jpg?rect=96,0,1728,1080&w=480&h=300&fit=clip&auto=format 480w,https://cdn.sanity.io/images/81pocpw8/production/6d781c8bed8a3e93cde43beb91ba8eb868addb65-1920x1080.jpg?rect=96,0,1728,1080&w=640&h=400&fit=clip&auto=format 640w,https://cdn.sanity.io/images/81pocpw8/production/6d781c8bed8a3e93cde43beb91ba8eb868addb65-1920x1080.jpg?rect=96,0,1728,1080&w=720&h=450&fit=clip&auto=format 720w,https://cdn.sanity.io/images/81pocpw8/production/6d781c8bed8a3e93cde43beb91ba8eb868addb65-1920x1080.jpg?rect=96,0,1728,1080&w=800&h=500&fit=clip&auto=format 800w,https://cdn.sanity.io/images/81pocpw8/production/6d781c8bed8a3e93cde43beb91ba8eb868addb65-1920x1080.jpg?rect=96,0,1728,1080&w=960&h=600&fit=clip&auto=format 960w,https://cdn.sanity.io/images/81pocpw8/production/6d781c8bed8a3e93cde43beb91ba8eb868addb65-1920x1080.jpg?rect=96,0,1728,1080&w=1920&h=1200&fit=clip&auto=format 1920w" sizes="(max-width: 400px) 100vw, 400px" class="Image_img__5ZmPX"/></noscript></div></div><div class="contribution-badges ContributionBadges_root__8EC4G ContributionBadges_layoutDefault___Z8ji shared_text4__vymfi"></div><p class="ContributionPreview_contributionDesc__veciW shared_text3__MQrA6 shared_fg2__gvnW7">See how we can add a Site Settings section in our Sanity Studio so our site administrators can update relevant info on our site. </p><div class="ContributionPreview_externalIndicator__I6oNY shared_label2__RmXai shared_label_base__ALIe4 shared_fg3__NXgMk"><svg data-sanity-icon="launch" width="1em" height="1em" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><path d="M12 7.5H6.5V18.5H17.5V13M19.5 5.5L10.5 14.5" stroke="currentColor" stroke-width="1.2" stroke-linejoin="round"></path><path d="M14 5.5H19.5V11" stroke="currentColor" stroke-width="1.2" stroke-linejoin="round"></path></svg><span class="visually-hidden">This is an external link at:</span>stordahl.dev</div><div class="ContributionPreview_authorsContainer__egpwm" data-authors="true"><div class="AuthorBadge_author__q4NXg ContributionPreview_authorBadge__WektT shared_text5__UErjB"><div class="AuthorBadge_authorPhoto__yBRe9"><div class="Image_root__X2u6l" data-has-aspect="true" style="--aspect-ratio:1;--source-width:750px"><div class="Image_lqip__4DIba" data-show-placeholder="true" data-is-loaded="0" aria-hidden="true" style="padding-bottom:100%"></div><noscript><img src="https://cdn.sanity.io/images/81pocpw8/production/785256e9db2bdb97c65a97dfd4cda82d6a61cc2a-750x750.jpg?w=50&h=50&fit=clip&auto=format" alt="Jacob St酶rdahl's picture" loading="lazy" width="50" height="50" srcSet="https://cdn.sanity.io/images/81pocpw8/production/785256e9db2bdb97c65a97dfd4cda82d6a61cc2a-750x750.jpg?w=320&h=320&fit=clip&auto=format 320w,https://cdn.sanity.io/images/81pocpw8/production/785256e9db2bdb97c65a97dfd4cda82d6a61cc2a-750x750.jpg?w=480&h=480&fit=clip&auto=format 480w,https://cdn.sanity.io/images/81pocpw8/production/785256e9db2bdb97c65a97dfd4cda82d6a61cc2a-750x750.jpg?w=640&h=640&fit=clip&auto=format 640w,https://cdn.sanity.io/images/81pocpw8/production/785256e9db2bdb97c65a97dfd4cda82d6a61cc2a-750x750.jpg?w=720&h=720&fit=clip&auto=format 720w,https://cdn.sanity.io/images/81pocpw8/production/785256e9db2bdb97c65a97dfd4cda82d6a61cc2a-750x750.jpg?w=750&h=750&fit=clip&auto=format 750w" sizes="(max-width: 800px) 100vw, 800px" class="Image_img__5ZmPX"/></noscript></div></div><div>Jacob St酶rdahl</div></div></div><a class="ContributionPreview_contributionLink__fBKmy shared_overlayLink__kNVB1" target="_blank" href="https://stordahl.dev/blog/sanity-site-settings"><span class="visually-hidden">Go to <!-- -->Creating 'Site Settings' for a Sanity powered Gatsby site</span></a></article><article class="contribution-preview ContributionPreview_contributionCard__a5S6a shared_fg2__gvnW7 shared_box__eqBFk shared_borderRadius__O_jrc " data-focused="false" data-layout="oneColumn"><h4 class="ContributionPreview_contributionTitle__uOgN5 shared_fg1__EHH82 shared_header6__lhz92 shared_header__67AqL">Form submission using Gatsby, SANITY, Netlify and React Hook Form</h4><div class="contribution-preview__img ContributionPreview_imageWrapper__1u0YG shared_fg1__EHH82 shared_bg2__DFMii"><div class="Image_root__X2u6l" data-has-aspect="true" style="--aspect-ratio:1.6;--source-width:1600px"><div class="Image_lqip__4DIba" data-show-placeholder="true" data-is-loaded="0" aria-hidden="true" style="padding-bottom:62.5%"></div><noscript><img src="https://cdn.sanity.io/images/81pocpw8/production/94135c2371491c935fe7e1e06d000b3accf1f3bf-1600x900.jpg?rect=80,0,1440,900&w=800&h=500&fit=clip&auto=format" alt="Form submission using Gatsby, SANITY, Netlify and React Hook Form" loading="lazy" srcSet="https://cdn.sanity.io/images/81pocpw8/production/94135c2371491c935fe7e1e06d000b3accf1f3bf-1600x900.jpg?rect=80,0,1440,900&w=320&h=200&fit=clip&auto=format 320w,https://cdn.sanity.io/images/81pocpw8/production/94135c2371491c935fe7e1e06d000b3accf1f3bf-1600x900.jpg?rect=80,0,1440,900&w=480&h=300&fit=clip&auto=format 480w,https://cdn.sanity.io/images/81pocpw8/production/94135c2371491c935fe7e1e06d000b3accf1f3bf-1600x900.jpg?rect=80,0,1440,900&w=640&h=400&fit=clip&auto=format 640w,https://cdn.sanity.io/images/81pocpw8/production/94135c2371491c935fe7e1e06d000b3accf1f3bf-1600x900.jpg?rect=80,0,1440,900&w=720&h=450&fit=clip&auto=format 720w,https://cdn.sanity.io/images/81pocpw8/production/94135c2371491c935fe7e1e06d000b3accf1f3bf-1600x900.jpg?rect=80,0,1440,900&w=800&h=500&fit=clip&auto=format 800w,https://cdn.sanity.io/images/81pocpw8/production/94135c2371491c935fe7e1e06d000b3accf1f3bf-1600x900.jpg?rect=80,0,1440,900&w=960&h=600&fit=clip&auto=format 960w,https://cdn.sanity.io/images/81pocpw8/production/94135c2371491c935fe7e1e06d000b3accf1f3bf-1600x900.jpg?rect=80,0,1440,900&w=1600&h=1000&fit=clip&auto=format 1600w" sizes="(max-width: 400px) 100vw, 400px" class="Image_img__5ZmPX"/></noscript></div></div><div class="contribution-badges ContributionBadges_root__8EC4G ContributionBadges_layoutDefault___Z8ji shared_text4__vymfi"></div><p class="ContributionPreview_contributionDesc__veciW shared_text3__MQrA6 shared_fg2__gvnW7">A walk through of creating a contact form in Gatsby that submits to both an email address and a backend database using SANITY. The form itself will be built using React Hook Form and also integrate with Netlify forms. </p><div class="ContributionPreview_externalIndicator__I6oNY shared_label2__RmXai shared_label_base__ALIe4 shared_fg3__NXgMk"><svg data-sanity-icon="launch" width="1em" height="1em" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><path d="M12 7.5H6.5V18.5H17.5V13M19.5 5.5L10.5 14.5" stroke="currentColor" stroke-width="1.2" stroke-linejoin="round"></path><path d="M14 5.5H19.5V11" stroke="currentColor" stroke-width="1.2" stroke-linejoin="round"></path></svg><span class="visually-hidden">This is an external link at:</span>www.erichowey.dev</div><div class="ContributionPreview_authorsContainer__egpwm" data-authors="true"><div class="AuthorBadge_author__q4NXg ContributionPreview_authorBadge__WektT shared_text5__UErjB"><div class="AuthorBadge_authorPhoto__yBRe9"><div class="Image_root__X2u6l" data-has-aspect="true" style="--aspect-ratio:1;--source-width:3335px"><div class="Image_lqip__4DIba" data-show-placeholder="true" data-is-loaded="0" aria-hidden="true" style="padding-bottom:100%"></div><noscript><img src="https://cdn.sanity.io/images/81pocpw8/production/3632cad730919a476bf9bce6d15eea9a296d5ad4-3335x3335.jpg?w=50&h=50&fit=clip&auto=format" alt="Eric Howey's picture" loading="lazy" width="50" height="50" srcSet="https://cdn.sanity.io/images/81pocpw8/production/3632cad730919a476bf9bce6d15eea9a296d5ad4-3335x3335.jpg?w=320&h=320&fit=clip&auto=format 320w,https://cdn.sanity.io/images/81pocpw8/production/3632cad730919a476bf9bce6d15eea9a296d5ad4-3335x3335.jpg?w=480&h=480&fit=clip&auto=format 480w,https://cdn.sanity.io/images/81pocpw8/production/3632cad730919a476bf9bce6d15eea9a296d5ad4-3335x3335.jpg?w=640&h=640&fit=clip&auto=format 640w,https://cdn.sanity.io/images/81pocpw8/production/3632cad730919a476bf9bce6d15eea9a296d5ad4-3335x3335.jpg?w=720&h=720&fit=clip&auto=format 720w,https://cdn.sanity.io/images/81pocpw8/production/3632cad730919a476bf9bce6d15eea9a296d5ad4-3335x3335.jpg?w=800&h=800&fit=clip&auto=format 800w,https://cdn.sanity.io/images/81pocpw8/production/3632cad730919a476bf9bce6d15eea9a296d5ad4-3335x3335.jpg?w=960&h=960&fit=clip&auto=format 960w,https://cdn.sanity.io/images/81pocpw8/production/3632cad730919a476bf9bce6d15eea9a296d5ad4-3335x3335.jpg?w=1280&h=1280&fit=clip&auto=format 1280w,https://cdn.sanity.io/images/81pocpw8/production/3632cad730919a476bf9bce6d15eea9a296d5ad4-3335x3335.jpg?w=1440&h=1440&fit=clip&auto=format 1440w,https://cdn.sanity.io/images/81pocpw8/production/3632cad730919a476bf9bce6d15eea9a296d5ad4-3335x3335.jpg?w=1600&h=1600&fit=clip&auto=format 1600w,https://cdn.sanity.io/images/81pocpw8/production/3632cad730919a476bf9bce6d15eea9a296d5ad4-3335x3335.jpg?w=1920&h=1920&fit=clip&auto=format 1920w,https://cdn.sanity.io/images/81pocpw8/production/3632cad730919a476bf9bce6d15eea9a296d5ad4-3335x3335.jpg?w=2160&h=2160&fit=clip&auto=format 2160w,https://cdn.sanity.io/images/81pocpw8/production/3632cad730919a476bf9bce6d15eea9a296d5ad4-3335x3335.jpg?w=2400&h=2400&fit=clip&auto=format 2400w,https://cdn.sanity.io/images/81pocpw8/production/3632cad730919a476bf9bce6d15eea9a296d5ad4-3335x3335.jpg?w=2880&h=2880&fit=clip&auto=format 2880w,https://cdn.sanity.io/images/81pocpw8/production/3632cad730919a476bf9bce6d15eea9a296d5ad4-3335x3335.jpg?w=3335&h=3335&fit=clip&auto=format 3335w" sizes="(max-width: 800px) 100vw, 800px" class="Image_img__5ZmPX"/></noscript></div></div><div>Eric Howey</div></div></div><a class="ContributionPreview_contributionLink__fBKmy shared_overlayLink__kNVB1" target="_blank" href="https://www.erichowey.dev/writing/form-submission-using-gatsby-sanity-netlify-react-hook-form/"><span class="visually-hidden">Go to <!-- -->Form submission using Gatsby, SANITY, Netlify and React Hook Form</span></a></article></div></section><section class="OmniviewSimpleBulletin_section__OQxQl shared_container2__iZo6U shared_container1__yecs8"><h2 class="OmniviewSimpleBulletin_sectionTitle__KEb8O shared_header5__D2Ipj shared_header__67AqL">78 Gatsby projects made with Sanity</h2><p class="OmniviewSimpleBulletin_cta__c8wpw"><a class="OmniviewSimpleBulletin_ctaLink__dIj7X shared_link__QWAu0" href="/exchange/type=projects/framework=gatsby">View all</a></p><div class="contributions-grid ContributionsGrid_root__CCFHb ContributionsGrid_threeColumn__m13Fa "><article class="contribution-preview ContributionPreview_contributionCard__a5S6a shared_fg2__gvnW7 shared_box__eqBFk shared_borderRadius__O_jrc " data-focused="false" data-layout="oneColumn"><h4 class="ContributionPreview_contributionTitle__uOgN5 shared_fg1__EHH82 shared_header6__lhz92 shared_header__67AqL">Occo</h4><div class="contribution-preview__img ContributionPreview_imageWrapper__1u0YG shared_fg1__EHH82 shared_bg2__DFMii"><div class="Image_root__X2u6l" data-has-aspect="true" style="--aspect-ratio:1.6;--source-width:2880px"><div class="Image_lqip__4DIba" data-show-placeholder="true" data-is-loaded="0" aria-hidden="true" style="padding-bottom:62.5%"></div><noscript><img src="https://cdn.sanity.io/images/81pocpw8/production/00798c8b4342ea02fe7d9d365b88b53bc922e494-2880x1574.png?rect=181,0,2518,1574&w=800&h=500&fit=clip&auto=format" alt=" " loading="lazy" srcSet="https://cdn.sanity.io/images/81pocpw8/production/00798c8b4342ea02fe7d9d365b88b53bc922e494-2880x1574.png?rect=181,0,2518,1574&w=320&h=200&fit=clip&auto=format 320w,https://cdn.sanity.io/images/81pocpw8/production/00798c8b4342ea02fe7d9d365b88b53bc922e494-2880x1574.png?rect=181,0,2518,1574&w=480&h=300&fit=clip&auto=format 480w,https://cdn.sanity.io/images/81pocpw8/production/00798c8b4342ea02fe7d9d365b88b53bc922e494-2880x1574.png?rect=181,0,2518,1574&w=640&h=400&fit=clip&auto=format 640w,https://cdn.sanity.io/images/81pocpw8/production/00798c8b4342ea02fe7d9d365b88b53bc922e494-2880x1574.png?rect=181,0,2518,1574&w=720&h=450&fit=clip&auto=format 720w,https://cdn.sanity.io/images/81pocpw8/production/00798c8b4342ea02fe7d9d365b88b53bc922e494-2880x1574.png?rect=181,0,2518,1574&w=800&h=500&fit=clip&auto=format 800w,https://cdn.sanity.io/images/81pocpw8/production/00798c8b4342ea02fe7d9d365b88b53bc922e494-2880x1574.png?rect=181,0,2518,1574&w=960&h=600&fit=clip&auto=format 960w,https://cdn.sanity.io/images/81pocpw8/production/00798c8b4342ea02fe7d9d365b88b53bc922e494-2880x1574.png?rect=181,0,2518,1574&w=2880&h=1800&fit=clip&auto=format 2880w" sizes="(max-width: 400px) 100vw, 400px" class="Image_img__5ZmPX"/></noscript></div></div><div class="contribution-badges ContributionBadges_root__8EC4G ContributionBadges_layoutDefault___Z8ji shared_text4__vymfi"><div class="ContributionBadges_featured__fI4Na shared_yellow__paozK"><svg data-sanity-icon="star" width="1em" height="1em" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><path d="M12.5 5L14.522 10.217L20.1085 10.5279L15.7716 14.063L17.2023 19.4721L12.5 16.44L7.79772 19.4721L9.22837 14.063L4.89155 10.5279L10.478 10.217L12.5 5Z" stroke="currentColor" stroke-width="1.2" stroke-linejoin="round"></path></svg>Featured<span class="visually-hidden"> contribution</span></div></div><p class="ContributionPreview_contributionDesc__veciW shared_text3__MQrA6 shared_fg2__gvnW7">Complex product offering with nested product structure and tiered pricing.</p><div class="ContributionPreview_authorsContainer__egpwm" data-authors="true"><div class="AuthorBadge_author__q4NXg ContributionPreview_authorBadge__WektT shared_text5__UErjB"><div class="AuthorBadge_authorPhoto__yBRe9"><div class="Image_root__X2u6l" data-has-aspect="true" style="--aspect-ratio:1;--source-width:569px"><div class="Image_lqip__4DIba" data-show-placeholder="true" data-is-loaded="0" aria-hidden="true" style="padding-bottom:100%"></div><noscript><img src="https://cdn.sanity.io/images/81pocpw8/production/831f28206304a149e047b99405b965659f886281-569x396.png?rect=87,0,396,396&w=50&h=50&fit=clip&auto=format" alt="Kevin Green's picture" loading="lazy" width="50" height="50" srcSet="https://cdn.sanity.io/images/81pocpw8/production/831f28206304a149e047b99405b965659f886281-569x396.png?rect=87,0,396,396&w=320&h=320&fit=clip&auto=format 320w,https://cdn.sanity.io/images/81pocpw8/production/831f28206304a149e047b99405b965659f886281-569x396.png?rect=87,0,396,396&w=480&h=480&fit=clip&auto=format 480w,https://cdn.sanity.io/images/81pocpw8/production/831f28206304a149e047b99405b965659f886281-569x396.png?rect=87,0,396,396&w=569&h=569&fit=clip&auto=format 569w" sizes="(max-width: 800px) 100vw, 800px" class="Image_img__5ZmPX"/></noscript></div></div><div>Kevin Green</div></div></div><a class="ContributionPreview_contributionLink__fBKmy shared_overlayLink__kNVB1" href="/projects/occo-spices"><span class="visually-hidden">Go to <!-- -->Occo</span></a></article><article class="contribution-preview ContributionPreview_contributionCard__a5S6a shared_fg2__gvnW7 shared_box__eqBFk shared_borderRadius__O_jrc " data-focused="false" data-layout="oneColumn"><h4 class="ContributionPreview_contributionTitle__uOgN5 shared_fg1__EHH82 shared_header6__lhz92 shared_header__67AqL">Figma Config</h4><div class="contribution-preview__img ContributionPreview_imageWrapper__1u0YG shared_fg1__EHH82 shared_bg2__DFMii"><div class="Image_root__X2u6l" data-has-aspect="true" style="--aspect-ratio:1.6;--source-width:2724px"><div class="Image_lqip__4DIba" data-show-placeholder="true" data-is-loaded="0" aria-hidden="true" style="padding-bottom:62.5%"></div><noscript><img src="https://cdn.sanity.io/images/81pocpw8/production/016c969f99cf3b399dae6da1721cc69701d0fdbf-2724x1830.png?rect=0,63,2724,1703&w=800&h=500&fit=clip&auto=format" alt=" " loading="lazy" srcSet="https://cdn.sanity.io/images/81pocpw8/production/016c969f99cf3b399dae6da1721cc69701d0fdbf-2724x1830.png?rect=0,63,2724,1703&w=320&h=200&fit=clip&auto=format 320w,https://cdn.sanity.io/images/81pocpw8/production/016c969f99cf3b399dae6da1721cc69701d0fdbf-2724x1830.png?rect=0,63,2724,1703&w=480&h=300&fit=clip&auto=format 480w,https://cdn.sanity.io/images/81pocpw8/production/016c969f99cf3b399dae6da1721cc69701d0fdbf-2724x1830.png?rect=0,63,2724,1703&w=640&h=400&fit=clip&auto=format 640w,https://cdn.sanity.io/images/81pocpw8/production/016c969f99cf3b399dae6da1721cc69701d0fdbf-2724x1830.png?rect=0,63,2724,1703&w=720&h=450&fit=clip&auto=format 720w,https://cdn.sanity.io/images/81pocpw8/production/016c969f99cf3b399dae6da1721cc69701d0fdbf-2724x1830.png?rect=0,63,2724,1703&w=800&h=500&fit=clip&auto=format 800w,https://cdn.sanity.io/images/81pocpw8/production/016c969f99cf3b399dae6da1721cc69701d0fdbf-2724x1830.png?rect=0,63,2724,1703&w=960&h=600&fit=clip&auto=format 960w,https://cdn.sanity.io/images/81pocpw8/production/016c969f99cf3b399dae6da1721cc69701d0fdbf-2724x1830.png?rect=0,63,2724,1703&w=2724&h=1703&fit=clip&auto=format 2724w" sizes="(max-width: 400px) 100vw, 400px" class="Image_img__5ZmPX"/></noscript></div></div><div class="contribution-badges ContributionBadges_root__8EC4G ContributionBadges_layoutDefault___Z8ji shared_text4__vymfi"><div class="ContributionBadges_featured__fI4Na shared_yellow__paozK"><svg data-sanity-icon="star" width="1em" height="1em" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><path d="M12.5 5L14.522 10.217L20.1085 10.5279L15.7716 14.063L17.2023 19.4721L12.5 16.44L7.79772 19.4721L9.22837 14.063L4.89155 10.5279L10.478 10.217L12.5 5Z" stroke="currentColor" stroke-width="1.2" stroke-linejoin="round"></path></svg>Featured<span class="visually-hidden"> contribution</span></div></div><p class="ContributionPreview_contributionDesc__veciW shared_text3__MQrA6 shared_fg2__gvnW7">Website for Config, the global design conference by Figma.</p><div class="ContributionPreview_authorsContainer__egpwm" data-authors="true"><div class="AuthorBadge_author__q4NXg ContributionPreview_authorBadge__WektT shared_text5__UErjB"><div class="AuthorBadge_authorPhoto__yBRe9"><div class="Image_root__X2u6l" data-has-aspect="true" style="--aspect-ratio:1;--source-width:2400px"><div class="Image_lqip__4DIba" data-show-placeholder="true" data-is-loaded="0" aria-hidden="true" style="padding-bottom:100%"></div><noscript><img src="https://cdn.sanity.io/images/81pocpw8/production/f67a483ab113e4a8f6c497b9a78d347b382933f8-2400x2400.jpg?w=50&h=50&fit=clip&auto=format" alt="Corey Ward's picture" loading="lazy" width="50" height="50" srcSet="https://cdn.sanity.io/images/81pocpw8/production/f67a483ab113e4a8f6c497b9a78d347b382933f8-2400x2400.jpg?w=320&h=320&fit=clip&auto=format 320w,https://cdn.sanity.io/images/81pocpw8/production/f67a483ab113e4a8f6c497b9a78d347b382933f8-2400x2400.jpg?w=480&h=480&fit=clip&auto=format 480w,https://cdn.sanity.io/images/81pocpw8/production/f67a483ab113e4a8f6c497b9a78d347b382933f8-2400x2400.jpg?w=640&h=640&fit=clip&auto=format 640w,https://cdn.sanity.io/images/81pocpw8/production/f67a483ab113e4a8f6c497b9a78d347b382933f8-2400x2400.jpg?w=720&h=720&fit=clip&auto=format 720w,https://cdn.sanity.io/images/81pocpw8/production/f67a483ab113e4a8f6c497b9a78d347b382933f8-2400x2400.jpg?w=800&h=800&fit=clip&auto=format 800w,https://cdn.sanity.io/images/81pocpw8/production/f67a483ab113e4a8f6c497b9a78d347b382933f8-2400x2400.jpg?w=960&h=960&fit=clip&auto=format 960w,https://cdn.sanity.io/images/81pocpw8/production/f67a483ab113e4a8f6c497b9a78d347b382933f8-2400x2400.jpg?w=1280&h=1280&fit=clip&auto=format 1280w,https://cdn.sanity.io/images/81pocpw8/production/f67a483ab113e4a8f6c497b9a78d347b382933f8-2400x2400.jpg?w=1440&h=1440&fit=clip&auto=format 1440w,https://cdn.sanity.io/images/81pocpw8/production/f67a483ab113e4a8f6c497b9a78d347b382933f8-2400x2400.jpg?w=1600&h=1600&fit=clip&auto=format 1600w,https://cdn.sanity.io/images/81pocpw8/production/f67a483ab113e4a8f6c497b9a78d347b382933f8-2400x2400.jpg?w=1920&h=1920&fit=clip&auto=format 1920w,https://cdn.sanity.io/images/81pocpw8/production/f67a483ab113e4a8f6c497b9a78d347b382933f8-2400x2400.jpg?w=2160&h=2160&fit=clip&auto=format 2160w,https://cdn.sanity.io/images/81pocpw8/production/f67a483ab113e4a8f6c497b9a78d347b382933f8-2400x2400.jpg?w=2400&h=2400&fit=clip&auto=format 2400w" sizes="(max-width: 800px) 100vw, 800px" class="Image_img__5ZmPX"/></noscript></div></div><div>Corey Ward</div></div></div><a class="ContributionPreview_contributionLink__fBKmy shared_overlayLink__kNVB1" href="/projects/figma-config"><span class="visually-hidden">Go to <!-- -->Figma Config</span></a></article><article class="contribution-preview ContributionPreview_contributionCard__a5S6a shared_fg2__gvnW7 shared_box__eqBFk shared_borderRadius__O_jrc " data-focused="false" data-layout="oneColumn"><h4 class="ContributionPreview_contributionTitle__uOgN5 shared_fg1__EHH82 shared_header6__lhz92 shared_header__67AqL">The Agnes</h4><div class="contribution-preview__img ContributionPreview_imageWrapper__1u0YG shared_fg1__EHH82 shared_bg2__DFMii"><div class="Image_root__X2u6l" data-has-aspect="true" style="--aspect-ratio:1.6;--source-width:1233px"><div class="Image_lqip__4DIba" data-show-placeholder="true" data-is-loaded="0" aria-hidden="true" style="padding-bottom:62.5%"></div><noscript><img src="https://cdn.sanity.io/images/81pocpw8/production/93f3fa400c54815f0f89f38f8e0f3bfcdf6c47e9-1233x768.png?rect=2,0,1229,768&w=800&h=500&fit=clip&auto=format" alt=" " loading="lazy" srcSet="https://cdn.sanity.io/images/81pocpw8/production/93f3fa400c54815f0f89f38f8e0f3bfcdf6c47e9-1233x768.png?rect=2,0,1229,768&w=320&h=200&fit=clip&auto=format 320w,https://cdn.sanity.io/images/81pocpw8/production/93f3fa400c54815f0f89f38f8e0f3bfcdf6c47e9-1233x768.png?rect=2,0,1229,768&w=480&h=300&fit=clip&auto=format 480w,https://cdn.sanity.io/images/81pocpw8/production/93f3fa400c54815f0f89f38f8e0f3bfcdf6c47e9-1233x768.png?rect=2,0,1229,768&w=640&h=400&fit=clip&auto=format 640w,https://cdn.sanity.io/images/81pocpw8/production/93f3fa400c54815f0f89f38f8e0f3bfcdf6c47e9-1233x768.png?rect=2,0,1229,768&w=720&h=450&fit=clip&auto=format 720w,https://cdn.sanity.io/images/81pocpw8/production/93f3fa400c54815f0f89f38f8e0f3bfcdf6c47e9-1233x768.png?rect=2,0,1229,768&w=800&h=500&fit=clip&auto=format 800w,https://cdn.sanity.io/images/81pocpw8/production/93f3fa400c54815f0f89f38f8e0f3bfcdf6c47e9-1233x768.png?rect=2,0,1229,768&w=960&h=600&fit=clip&auto=format 960w,https://cdn.sanity.io/images/81pocpw8/production/93f3fa400c54815f0f89f38f8e0f3bfcdf6c47e9-1233x768.png?rect=2,0,1228,768&w=1233&h=771&fit=clip&auto=format 1233w" sizes="(max-width: 400px) 100vw, 400px" class="Image_img__5ZmPX"/></noscript></div></div><div class="contribution-badges ContributionBadges_root__8EC4G ContributionBadges_layoutDefault___Z8ji shared_text4__vymfi"><div class="ContributionBadges_featured__fI4Na shared_yellow__paozK"><svg data-sanity-icon="star" width="1em" height="1em" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><path d="M12.5 5L14.522 10.217L20.1085 10.5279L15.7716 14.063L17.2023 19.4721L12.5 16.44L7.79772 19.4721L9.22837 14.063L4.89155 10.5279L10.478 10.217L12.5 5Z" stroke="currentColor" stroke-width="1.2" stroke-linejoin="round"></path></svg>Featured<span class="visually-hidden"> contribution</span></div></div><p class="ContributionPreview_contributionDesc__veciW shared_text3__MQrA6 shared_fg2__gvnW7">A high end rental real estate site built with Gatsby, Sanity and Shopify that pulls in listing data via API and includes a headless Shopify shop.</p><div class="ContributionPreview_authorsContainer__egpwm" data-authors="true"><div class="AuthorBadge_author__q4NXg ContributionPreview_authorBadge__WektT shared_text5__UErjB"><div class="AuthorBadge_authorPhoto__yBRe9"><div class="Image_root__X2u6l" data-has-aspect="true" style="--aspect-ratio:1;--source-width:2877px"><div class="Image_lqip__4DIba" data-show-placeholder="true" data-is-loaded="0" aria-hidden="true" style="padding-bottom:100%"></div><noscript><img src="https://cdn.sanity.io/images/81pocpw8/production/9615394c74fcae2908425763f367b95ccd5c82ad-2877x2877.jpg?w=50&h=50&fit=clip&auto=format" alt="David Gross's picture" loading="lazy" width="50" height="50" srcSet="https://cdn.sanity.io/images/81pocpw8/production/9615394c74fcae2908425763f367b95ccd5c82ad-2877x2877.jpg?w=320&h=320&fit=clip&auto=format 320w,https://cdn.sanity.io/images/81pocpw8/production/9615394c74fcae2908425763f367b95ccd5c82ad-2877x2877.jpg?w=480&h=480&fit=clip&auto=format 480w,https://cdn.sanity.io/images/81pocpw8/production/9615394c74fcae2908425763f367b95ccd5c82ad-2877x2877.jpg?w=640&h=640&fit=clip&auto=format 640w,https://cdn.sanity.io/images/81pocpw8/production/9615394c74fcae2908425763f367b95ccd5c82ad-2877x2877.jpg?w=720&h=720&fit=clip&auto=format 720w,https://cdn.sanity.io/images/81pocpw8/production/9615394c74fcae2908425763f367b95ccd5c82ad-2877x2877.jpg?w=800&h=800&fit=clip&auto=format 800w,https://cdn.sanity.io/images/81pocpw8/production/9615394c74fcae2908425763f367b95ccd5c82ad-2877x2877.jpg?w=960&h=960&fit=clip&auto=format 960w,https://cdn.sanity.io/images/81pocpw8/production/9615394c74fcae2908425763f367b95ccd5c82ad-2877x2877.jpg?w=1280&h=1280&fit=clip&auto=format 1280w,https://cdn.sanity.io/images/81pocpw8/production/9615394c74fcae2908425763f367b95ccd5c82ad-2877x2877.jpg?w=1440&h=1440&fit=clip&auto=format 1440w,https://cdn.sanity.io/images/81pocpw8/production/9615394c74fcae2908425763f367b95ccd5c82ad-2877x2877.jpg?w=1600&h=1600&fit=clip&auto=format 1600w,https://cdn.sanity.io/images/81pocpw8/production/9615394c74fcae2908425763f367b95ccd5c82ad-2877x2877.jpg?w=1920&h=1920&fit=clip&auto=format 1920w,https://cdn.sanity.io/images/81pocpw8/production/9615394c74fcae2908425763f367b95ccd5c82ad-2877x2877.jpg?w=2160&h=2160&fit=clip&auto=format 2160w,https://cdn.sanity.io/images/81pocpw8/production/9615394c74fcae2908425763f367b95ccd5c82ad-2877x2877.jpg?w=2400&h=2400&fit=clip&auto=format 2400w,https://cdn.sanity.io/images/81pocpw8/production/9615394c74fcae2908425763f367b95ccd5c82ad-2877x2877.jpg?w=2877&h=2877&fit=clip&auto=format 2877w" sizes="(max-width: 800px) 100vw, 800px" class="Image_img__5ZmPX"/></noscript></div></div><div>David Gross</div></div></div><a class="ContributionPreview_contributionLink__fBKmy shared_overlayLink__kNVB1" href="/projects/the-agnes"><span class="visually-hidden">Go to <!-- -->The Agnes</span></a></article><article class="contribution-preview ContributionPreview_contributionCard__a5S6a shared_fg2__gvnW7 shared_box__eqBFk shared_borderRadius__O_jrc " data-focused="false" data-layout="oneColumn"><h4 class="ContributionPreview_contributionTitle__uOgN5 shared_fg1__EHH82 shared_header6__lhz92 shared_header__67AqL">Why Mums Don't Jump</h4><div class="contribution-preview__img ContributionPreview_imageWrapper__1u0YG shared_fg1__EHH82 shared_bg2__DFMii"><div class="Image_root__X2u6l" data-has-aspect="true" style="--aspect-ratio:1.6;--source-width:1154px"><div class="Image_lqip__4DIba" data-show-placeholder="true" data-is-loaded="0" aria-hidden="true" style="padding-bottom:62.5%"></div><noscript><img src="https://cdn.sanity.io/images/81pocpw8/production/86e8ea11af6a4c0d59e9a25d6b88a3203324cb61-1154x833.png?rect=0,0,1154,721&w=800&h=500&fit=clip&auto=format" alt=" " loading="lazy" srcSet="https://cdn.sanity.io/images/81pocpw8/production/86e8ea11af6a4c0d59e9a25d6b88a3203324cb61-1154x833.png?rect=0,0,1154,721&w=320&h=200&fit=clip&auto=format 320w,https://cdn.sanity.io/images/81pocpw8/production/86e8ea11af6a4c0d59e9a25d6b88a3203324cb61-1154x833.png?rect=0,0,1154,721&w=480&h=300&fit=clip&auto=format 480w,https://cdn.sanity.io/images/81pocpw8/production/86e8ea11af6a4c0d59e9a25d6b88a3203324cb61-1154x833.png?rect=0,0,1154,721&w=640&h=400&fit=clip&auto=format 640w,https://cdn.sanity.io/images/81pocpw8/production/86e8ea11af6a4c0d59e9a25d6b88a3203324cb61-1154x833.png?rect=0,0,1154,721&w=720&h=450&fit=clip&auto=format 720w,https://cdn.sanity.io/images/81pocpw8/production/86e8ea11af6a4c0d59e9a25d6b88a3203324cb61-1154x833.png?rect=0,0,1154,721&w=800&h=500&fit=clip&auto=format 800w,https://cdn.sanity.io/images/81pocpw8/production/86e8ea11af6a4c0d59e9a25d6b88a3203324cb61-1154x833.png?rect=0,0,1154,721&w=960&h=600&fit=clip&auto=format 960w,https://cdn.sanity.io/images/81pocpw8/production/86e8ea11af6a4c0d59e9a25d6b88a3203324cb61-1154x833.png?rect=0,0,1154,721&w=1154&h=721&fit=clip&auto=format 1154w" sizes="(max-width: 400px) 100vw, 400px" class="Image_img__5ZmPX"/></noscript></div></div><div class="contribution-badges ContributionBadges_root__8EC4G ContributionBadges_layoutDefault___Z8ji shared_text4__vymfi"><div class="ContributionBadges_featured__fI4Na shared_yellow__paozK"><svg data-sanity-icon="star" width="1em" height="1em" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg" aria-hidden="true"><path d="M12.5 5L14.522 10.217L20.1085 10.5279L15.7716 14.063L17.2023 19.4721L12.5 16.44L7.79772 19.4721L9.22837 14.063L4.89155 10.5279L10.478 10.217L12.5 5Z" stroke="currentColor" stroke-width="1.2" stroke-linejoin="round"></path></svg>Featured<span class="visually-hidden"> contribution</span></div></div><p class="ContributionPreview_contributionDesc__veciW shared_text3__MQrA6 shared_fg2__gvnW7">Podcast website, plus blog and custom player. Built with Gatsby with a custom source plugin for TransistorFM.</p><div class="ContributionPreview_authorsContainer__egpwm" data-authors="true"><div class="AuthorBadge_author__q4NXg ContributionPreview_authorBadge__WektT shared_text5__UErjB"><div class="AuthorBadge_authorPhoto__yBRe9"><div class="Image_root__X2u6l" data-has-aspect="true" style="--aspect-ratio:1;--source-width:2568px"><div class="Image_lqip__4DIba" data-show-placeholder="true" data-is-loaded="0" aria-hidden="true" style="padding-bottom:100%"></div><noscript><img src="https://cdn.sanity.io/images/81pocpw8/production/3bfc04079b2a34b0d2feacfc254cd49049f31ff4-2568x2568.jpg?rect=337,0,2219,2219&w=50&h=50&fit=clip&auto=format" alt="Paul Brickles's picture" loading="lazy" width="50" height="50" srcSet="https://cdn.sanity.io/images/81pocpw8/production/3bfc04079b2a34b0d2feacfc254cd49049f31ff4-2568x2568.jpg?rect=337,0,2219,2219&w=320&h=320&fit=clip&auto=format 320w,https://cdn.sanity.io/images/81pocpw8/production/3bfc04079b2a34b0d2feacfc254cd49049f31ff4-2568x2568.jpg?rect=337,0,2219,2219&w=480&h=480&fit=clip&auto=format 480w,https://cdn.sanity.io/images/81pocpw8/production/3bfc04079b2a34b0d2feacfc254cd49049f31ff4-2568x2568.jpg?rect=337,0,2219,2219&w=640&h=640&fit=clip&auto=format 640w,https://cdn.sanity.io/images/81pocpw8/production/3bfc04079b2a34b0d2feacfc254cd49049f31ff4-2568x2568.jpg?rect=337,0,2219,2219&w=720&h=720&fit=clip&auto=format 720w,https://cdn.sanity.io/images/81pocpw8/production/3bfc04079b2a34b0d2feacfc254cd49049f31ff4-2568x2568.jpg?rect=337,0,2219,2219&w=800&h=800&fit=clip&auto=format 800w,https://cdn.sanity.io/images/81pocpw8/production/3bfc04079b2a34b0d2feacfc254cd49049f31ff4-2568x2568.jpg?rect=337,0,2219,2219&w=960&h=960&fit=clip&auto=format 960w,https://cdn.sanity.io/images/81pocpw8/production/3bfc04079b2a34b0d2feacfc254cd49049f31ff4-2568x2568.jpg?rect=337,0,2219,2219&w=1280&h=1280&fit=clip&auto=format 1280w,https://cdn.sanity.io/images/81pocpw8/production/3bfc04079b2a34b0d2feacfc254cd49049f31ff4-2568x2568.jpg?rect=337,0,2219,2219&w=1440&h=1440&fit=clip&auto=format 1440w,https://cdn.sanity.io/images/81pocpw8/production/3bfc04079b2a34b0d2feacfc254cd49049f31ff4-2568x2568.jpg?rect=337,0,2219,2219&w=1600&h=1600&fit=clip&auto=format 1600w,https://cdn.sanity.io/images/81pocpw8/production/3bfc04079b2a34b0d2feacfc254cd49049f31ff4-2568x2568.jpg?rect=337,0,2219,2219&w=1920&h=1920&fit=clip&auto=format 1920w,https://cdn.sanity.io/images/81pocpw8/production/3bfc04079b2a34b0d2feacfc254cd49049f31ff4-2568x2568.jpg?rect=337,0,2219,2219&w=2160&h=2160&fit=clip&auto=format 2160w,https://cdn.sanity.io/images/81pocpw8/production/3bfc04079b2a34b0d2feacfc254cd49049f31ff4-2568x2568.jpg?rect=337,0,2219,2219&w=2400&h=2400&fit=clip&auto=format 2400w,https://cdn.sanity.io/images/81pocpw8/production/3bfc04079b2a34b0d2feacfc254cd49049f31ff4-2568x2568.jpg?rect=337,0,2219,2219&w=2568&h=2568&fit=clip&auto=format 2568w" sizes="(max-width: 800px) 100vw, 800px" class="Image_img__5ZmPX"/></noscript></div></div><div>Paul Brickles</div></div></div><a class="ContributionPreview_contributionLink__fBKmy shared_overlayLink__kNVB1" href="/projects/why-mums-dont-jump"><span class="visually-hidden">Go to <!-- -->Why Mums Don't Jump</span></a></article><article class="contribution-preview ContributionPreview_contributionCard__a5S6a shared_fg2__gvnW7 shared_box__eqBFk shared_borderRadius__O_jrc " data-focused="false" data-layout="oneColumn"><h4 class="ContributionPreview_contributionTitle__uOgN5 shared_fg1__EHH82 shared_header6__lhz92 shared_header__67AqL">Green Custard</h4><div class="contribution-preview__img ContributionPreview_imageWrapper__1u0YG shared_fg1__EHH82 shared_bg2__DFMii"><div class="Image_root__X2u6l" data-has-aspect="true" style="--aspect-ratio:1.6;--source-width:1810px"><div class="Image_lqip__4DIba" data-show-placeholder="true" data-is-loaded="0" aria-hidden="true" style="padding-bottom:62.5%"></div><noscript><img src="https://cdn.sanity.io/images/81pocpw8/production/9a8ea4b0e7f10f0d84879215422422040ad43ee6-1810x1096.png?rect=28,0,1754,1096&w=800&h=500&fit=clip&auto=format" alt=" " loading="lazy" srcSet="https://cdn.sanity.io/images/81pocpw8/production/9a8ea4b0e7f10f0d84879215422422040ad43ee6-1810x1096.png?rect=28,0,1754,1096&w=320&h=200&fit=clip&auto=format 320w,https://cdn.sanity.io/images/81pocpw8/production/9a8ea4b0e7f10f0d84879215422422040ad43ee6-1810x1096.png?rect=28,0,1754,1096&w=480&h=300&fit=clip&auto=format 480w,https://cdn.sanity.io/images/81pocpw8/production/9a8ea4b0e7f10f0d84879215422422040ad43ee6-1810x1096.png?rect=28,0,1754,1096&w=640&h=400&fit=clip&auto=format 640w,https://cdn.sanity.io/images/81pocpw8/production/9a8ea4b0e7f10f0d84879215422422040ad43ee6-1810x1096.png?rect=28,0,1754,1096&w=720&h=450&fit=clip&auto=format 720w,https://cdn.sanity.io/images/81pocpw8/production/9a8ea4b0e7f10f0d84879215422422040ad43ee6-1810x1096.png?rect=28,0,1754,1096&w=800&h=500&fit=clip&auto=format 800w,https://cdn.sanity.io/images/81pocpw8/production/9a8ea4b0e7f10f0d84879215422422040ad43ee6-1810x1096.png?rect=28,0,1754,1096&w=960&h=600&fit=clip&auto=format 960w,https://cdn.sanity.io/images/81pocpw8/production/9a8ea4b0e7f10f0d84879215422422040ad43ee6-1810x1096.png?rect=28,0,1754,1096&w=1810&h=1131&fit=clip&auto=format 1810w" sizes="(max-width: 400px) 100vw, 400px" class="Image_img__5ZmPX"/></noscript></div></div><div class="contribution-badges ContributionBadges_root__8EC4G ContributionBadges_layoutDefault___Z8ji shared_text4__vymfi"></div><p class="ContributionPreview_contributionDesc__veciW shared_text3__MQrA6 shared_fg2__gvnW7">Super-fast B2B Website Built With Sanity for Easy Content Management</p><div class="ContributionPreview_authorsContainer__egpwm" data-authors="true"><div class="AuthorBadge_author__q4NXg ContributionPreview_authorBadge__WektT shared_text5__UErjB"><div class="AuthorBadge_authorPhoto__yBRe9"><div class="Image_root__X2u6l" data-has-aspect="true" style="--aspect-ratio:1;--source-width:618px"><div class="Image_lqip__4DIba" data-show-placeholder="true" data-is-loaded="0" aria-hidden="true" style="padding-bottom:100%"></div><noscript><img src="https://cdn.sanity.io/images/81pocpw8/production/7854020990eff64f15496373d285d01ae43ef9c6-618x616.png?rect=1,0,616,616&w=50&h=50&fit=clip&auto=format" alt="Pagepro's picture" loading="lazy" width="50" height="50" srcSet="https://cdn.sanity.io/images/81pocpw8/production/7854020990eff64f15496373d285d01ae43ef9c6-618x616.png?rect=1,0,616,616&w=320&h=320&fit=clip&auto=format 320w,https://cdn.sanity.io/images/81pocpw8/production/7854020990eff64f15496373d285d01ae43ef9c6-618x616.png?rect=1,0,616,616&w=480&h=480&fit=clip&auto=format 480w,https://cdn.sanity.io/images/81pocpw8/production/7854020990eff64f15496373d285d01ae43ef9c6-618x616.png?rect=1,0,616,616&w=618&h=618&fit=clip&auto=format 618w" sizes="(max-width: 800px) 100vw, 800px" class="Image_img__5ZmPX"/></noscript></div></div><div>Pagepro</div></div></div><a class="ContributionPreview_contributionLink__fBKmy shared_overlayLink__kNVB1" href="/projects/green-custard"><span class="visually-hidden">Go to <!-- -->Green Custard</span></a></article><article class="contribution-preview ContributionPreview_contributionCard__a5S6a shared_fg2__gvnW7 shared_box__eqBFk shared_borderRadius__O_jrc " data-focused="false" data-layout="oneColumn"><h4 class="ContributionPreview_contributionTitle__uOgN5 shared_fg1__EHH82 shared_header6__lhz92 shared_header__67AqL">Lyngen North</h4><div class="contribution-preview__img ContributionPreview_imageWrapper__1u0YG shared_fg1__EHH82 shared_bg2__DFMii"><div class="Image_root__X2u6l" data-has-aspect="true" style="--aspect-ratio:1.6;--source-width:1810px"><div class="Image_lqip__4DIba" data-show-placeholder="true" data-is-loaded="0" aria-hidden="true" style="padding-bottom:62.5%"></div><noscript><img src="https://cdn.sanity.io/images/81pocpw8/production/f02e743d5701808370582848f8d52afbc44feb1d-1810x1096.png?rect=28,0,1754,1096&w=800&h=500&fit=clip&auto=format" alt=" " loading="lazy" srcSet="https://cdn.sanity.io/images/81pocpw8/production/f02e743d5701808370582848f8d52afbc44feb1d-1810x1096.png?rect=28,0,1754,1096&w=320&h=200&fit=clip&auto=format 320w,https://cdn.sanity.io/images/81pocpw8/production/f02e743d5701808370582848f8d52afbc44feb1d-1810x1096.png?rect=28,0,1754,1096&w=480&h=300&fit=clip&auto=format 480w,https://cdn.sanity.io/images/81pocpw8/production/f02e743d5701808370582848f8d52afbc44feb1d-1810x1096.png?rect=28,0,1754,1096&w=640&h=400&fit=clip&auto=format 640w,https://cdn.sanity.io/images/81pocpw8/production/f02e743d5701808370582848f8d52afbc44feb1d-1810x1096.png?rect=28,0,1754,1096&w=720&h=450&fit=clip&auto=format 720w,https://cdn.sanity.io/images/81pocpw8/production/f02e743d5701808370582848f8d52afbc44feb1d-1810x1096.png?rect=28,0,1754,1096&w=800&h=500&fit=clip&auto=format 800w,https://cdn.sanity.io/images/81pocpw8/production/f02e743d5701808370582848f8d52afbc44feb1d-1810x1096.png?rect=28,0,1754,1096&w=960&h=600&fit=clip&auto=format 960w,https://cdn.sanity.io/images/81pocpw8/production/f02e743d5701808370582848f8d52afbc44feb1d-1810x1096.png?rect=28,0,1754,1096&w=1810&h=1131&fit=clip&auto=format 1810w" sizes="(max-width: 400px) 100vw, 400px" class="Image_img__5ZmPX"/></noscript></div></div><div class="contribution-badges ContributionBadges_root__8EC4G ContributionBadges_layoutDefault___Z8ji shared_text4__vymfi"></div><p class="ContributionPreview_contributionDesc__veciW shared_text3__MQrA6 shared_fg2__gvnW7">Blazing Fast Website for the Glass Igloo Hotel at the Edge of the World</p><div class="ContributionPreview_authorsContainer__egpwm" data-authors="true"><div class="AuthorBadge_author__q4NXg ContributionPreview_authorBadge__WektT shared_text5__UErjB"><div class="AuthorBadge_authorPhoto__yBRe9"><div class="Image_root__X2u6l" data-has-aspect="true" style="--aspect-ratio:1;--source-width:618px"><div class="Image_lqip__4DIba" data-show-placeholder="true" data-is-loaded="0" aria-hidden="true" style="padding-bottom:100%"></div><noscript><img src="https://cdn.sanity.io/images/81pocpw8/production/7854020990eff64f15496373d285d01ae43ef9c6-618x616.png?rect=1,0,616,616&w=50&h=50&fit=clip&auto=format" alt="Pagepro's picture" loading="lazy" width="50" height="50" srcSet="https://cdn.sanity.io/images/81pocpw8/production/7854020990eff64f15496373d285d01ae43ef9c6-618x616.png?rect=1,0,616,616&w=320&h=320&fit=clip&auto=format 320w,https://cdn.sanity.io/images/81pocpw8/production/7854020990eff64f15496373d285d01ae43ef9c6-618x616.png?rect=1,0,616,616&w=480&h=480&fit=clip&auto=format 480w,https://cdn.sanity.io/images/81pocpw8/production/7854020990eff64f15496373d285d01ae43ef9c6-618x616.png?rect=1,0,616,616&w=618&h=618&fit=clip&auto=format 618w" sizes="(max-width: 800px) 100vw, 800px" class="Image_img__5ZmPX"/></noscript></div></div><div>Pagepro</div></div></div><a class="ContributionPreview_contributionLink__fBKmy shared_overlayLink__kNVB1" href="/projects/lyngen-north"><span class="visually-hidden">Go to <!-- -->Lyngen North</span></a></article></div></section></main><div class="SimpleBlockContent_root___ioP8 CommunityOmniview_finalBody__vmLVc shared_fg2__gvnW7 shared_text2__BcBAQ"><p>The GatsbyJS framework is one of the most popular React frameworks available in web development today. Offering all the speed and ease of use of a static site generator with the power of a fullstack application, Gatsby allows development of advanced websites in the time it takes to create a mock-up. Check out these guides, starters, and plugins for use in Gatsby with Sanity studio and get inspired by the work of our community. Sanity's customizable approach to content management integrates flawlessly with Gatsby's GraphQL data structure-- the most cutting-edge web applications are simpler to create than ever before.</p></div><div class="CommunityOmniview_finalCtaWrapper__7Jh3m"><div><a class="CommunityOmniview_createCta__7v_bY shared_primaryButton__JzTUh shared_button__GdPAZ shared_baseButton__3OPoI shared_hairline2__qAj6m shared_resetButton__jHRBh shared_box__eqBFk shared_borderRadius__O_jrc shared_focusOutlineOutside__RZab5" href="/get-started">Get started with Sanity</a></div></div><section class="OtherTaxonomiesFooter_section__Qj1RH shared_container2__iZo6U shared_container1__yecs8"><h2 class="OtherTaxonomiesFooter_sectionTitle__7sqRi shared_header5__D2Ipj shared_header__67AqL">Other frameworks</h2><p class="OtherTaxonomiesFooter_cta__oX9QO"><a class="OtherTaxonomiesFooter_ctaLink__TjR15 shared_link__QWAu0" href="/exchange/frameworks">All frameworks</a></p><div class="OtherTaxonomiesFooter_multiColumnList__B5PKq"><a class="OmniviewNavigation_dropdownOption__QSfCY shared_fg1__EHH82 shared_text4__vymfi" href="/exchange/framework=nextjs">Next<!-- -->(<!-- -->329<!-- -->)</a><a class="OmniviewNavigation_dropdownOption__QSfCY shared_fg1__EHH82 shared_text4__vymfi" href="/exchange/framework=react">React<!-- -->(<!-- -->270<!-- -->)</a><a class="OmniviewNavigation_dropdownOption__QSfCY shared_fg1__EHH82 shared_text4__vymfi" href="/exchange/framework=tailwindcss">Tailwind CSS<!-- -->(<!-- -->158<!-- -->)</a><a class="OmniviewNavigation_dropdownOption__QSfCY shared_fg1__EHH82 shared_text4__vymfi" href="/exchange/framework=gatsby">Gatsby<!-- -->(<!-- -->94<!-- -->)</a><a class="OmniviewNavigation_dropdownOption__QSfCY shared_fg1__EHH82 shared_text4__vymfi" href="/exchange/framework=svelte">Svelte<!-- -->(<!-- -->40<!-- -->)</a><a class="OmniviewNavigation_dropdownOption__QSfCY shared_fg1__EHH82 shared_text4__vymfi" href="/exchange/framework=nuxt">Nuxt<!-- -->(<!-- -->32<!-- -->)</a><a class="OmniviewNavigation_dropdownOption__QSfCY shared_fg1__EHH82 shared_text4__vymfi" href="/exchange/framework=remix">Remix<!-- -->(<!-- -->29<!-- -->)</a><a class="OmniviewNavigation_dropdownOption__QSfCY shared_fg1__EHH82 shared_text4__vymfi" href="/exchange/framework=vue">Vue<!-- -->(<!-- -->29<!-- -->)</a><a class="OmniviewNavigation_dropdownOption__QSfCY shared_fg1__EHH82 shared_text4__vymfi" href="/exchange/framework=hydrogen">Hydrogen<!-- -->(<!-- -->17<!-- -->)</a><a class="OmniviewNavigation_dropdownOption__QSfCY shared_fg1__EHH82 shared_text4__vymfi" href="/exchange/framework=11ty">Eleventy<!-- -->(<!-- -->16<!-- -->)</a><a class="OmniviewNavigation_dropdownOption__QSfCY shared_fg1__EHH82 shared_text4__vymfi" href="/exchange/framework=astro">Astro<!-- -->(<!-- -->16<!-- -->)</a><a class="OmniviewNavigation_dropdownOption__QSfCY shared_fg1__EHH82 shared_text4__vymfi" href="/exchange/framework=angular">Angular<!-- -->(<!-- -->12<!-- -->)</a><a class="OmniviewNavigation_dropdownOption__QSfCY shared_fg1__EHH82 shared_text4__vymfi" href="/exchange/framework=react-native">React Native<!-- -->(<!-- -->9<!-- -->)</a><a class="OmniviewNavigation_dropdownOption__QSfCY shared_fg1__EHH82 shared_text4__vymfi" href="/exchange/framework=-net">.NET<!-- -->(<!-- -->6<!-- -->)</a><a class="OmniviewNavigation_dropdownOption__QSfCY shared_fg1__EHH82 shared_text4__vymfi" href="/exchange/framework=gridsome">Gridsome<!-- -->(<!-- -->5<!-- -->)</a><a class="OmniviewNavigation_dropdownOption__QSfCY shared_fg1__EHH82 shared_text4__vymfi" href="/exchange/framework=react-email">React Email<!-- -->(<!-- -->5<!-- -->)</a><a class="OmniviewNavigation_dropdownOption__QSfCY shared_fg1__EHH82 shared_text4__vymfi" href="/exchange/framework=refine">Refine<!-- -->(<!-- -->2<!-- -->)</a><a class="OmniviewNavigation_dropdownOption__QSfCY shared_fg1__EHH82 shared_text4__vymfi" href="/exchange/framework=jungle-js">Jungle.JS<!-- -->(<!-- -->2<!-- -->)</a><a class="OmniviewNavigation_dropdownOption__QSfCY shared_fg1__EHH82 shared_text4__vymfi" href="/exchange/framework=metalsmith">Metalsmith<!-- -->(<!-- -->1<!-- -->)</a><a class="OmniviewNavigation_dropdownOption__QSfCY shared_fg1__EHH82 shared_text4__vymfi" href="/exchange/framework=jovo">Jovo<!-- -->(<!-- -->1<!-- -->)</a></div></section></div><dialog class="GlobalSearch_dialog__GVcL5 shared_fg1__EHH82 shared_bg1__OCL0e" id="global-search"></dialog><nav class="Footer_root__m_ukm" role="navigation" aria-label="Site footer"><div class="Footer_links__6wOW9"><div role="group" aria-label="Product"><h2 class="Footer_sectionTitle__HB_yi">Product</h2><a class="Footer_navLink__Fi28k" href="/studio">Sanity Studio</a><a class="Footer_navLink__Fi28k" href="/developer-experience">APIs</a><a class="Footer_navLink__Fi28k" href="https://www.sanity.io/content-lake">Content Lake</a><a class="Footer_navLink__Fi28k" href="https://www.sanity.io/ai-assist">AI Assist</a><a class="Footer_navLink__Fi28k" href="https://www.sanity.io/security">Security & Compliance</a><a class="Footer_navLink__Fi28k" href="https://www.sanity.io/compare-sanity">Compare Sanity</a><a class="Footer_navLink__Fi28k" href="https://www.sanity.io/industry-cms">Use Cases</a></div><div role="group" aria-label="Resources"><h2 class="Footer_sectionTitle__HB_yi">Resources</h2><a class="Footer_navLink__Fi28k" href="https://www.sanity.io/docs">Documentation</a><a class="Footer_navLink__Fi28k" href="https://www.sanity.io/blog">Blog</a><a class="Footer_navLink__Fi28k" href="https://www.sanity.io/resources">Resource library</a><a class="Footer_navLink__Fi28k" href="https://www.sanity.io/customers">Customer stories</a><div><button type="button" class="Footer_navLinkWithDropdown__wwpvS" aria-expanded="false" aria-haspopup="menu">Guides<!-- --> <svg data-sanity-icon="chevron-down" width="1em" height="1em" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M17 10.5L12.5 15L8 10.5" stroke="currentColor" stroke-width="1.2" stroke-linejoin="round"></path></svg></button><ul class="FallbackMenuItem_seoLinks__H13Ob"><li><a href="https://www.sanity.io/guides/build-your-first-blog-using-react">React Blog</a></li><li><a href="https://www.sanity.io/guides/the-blog-template">Gatsby Blog</a></li><li><a href="https://www.sanity.io/guides/the-landing-page-template">Next.js Landing Pages</a></li><li><a href="https://www.sanity.io/guides/make-a-pwa-with-react">Making a PWA</a></li><li><a href="https://www.sanity.io/guides/create-a-single-page-application-with-vuejs-and-sanity">Single Page Application</a></li><li><a href="https://www.sanity.io/guides/using-typescript-with-svelte">Svelte & Typescript App</a></li><li><a href="https://www.sanity.io/guides/tailwind-css-with-vue-js">Vue & Tailwind Blog</a></li><li><a href="https://www.sanity.io/guides/best-developer-portfolio-templates">Developer Portfolio Templates</a></li><li><a href="https://www.sanity.io/guides/form-validation-with-npm-yup">Form validation with Yup</a></li><li><a href="https://www.sanity.io/guides/nextjs-live-preview">Live Preview with Next.js and Sanity.io</a></li><li><a href="https://www.sanity.io/create-task-guides">Sanity Create task guides</a></li></ul></div><div><button type="button" class="Footer_navLinkWithDropdown__wwpvS" aria-expanded="false" aria-haspopup="menu">Templates<!-- --> <svg data-sanity-icon="chevron-down" width="1em" height="1em" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M17 10.5L12.5 15L8 10.5" stroke="currentColor" stroke-width="1.2" stroke-linejoin="round"></path></svg></button><ul class="FallbackMenuItem_seoLinks__H13Ob"><li><a href="https://www.sanity.io/templates/blog-with-built-in-content-editing">Next.js blog</a></li><li><a href="https://www.sanity.io/templates/personal-website-with-built-in-content-editing">Next.js personal website</a></li><li><a href="https://www.sanity.io/templates/nextjs-sanity-clean">Clean Next.js + Sanity app</a></li><li><a href="https://www.sanity.io/templates/remix-sanity-clean">Clean Remix + Sanity app</a></li><li><a href="https://www.sanity.io/templates/sveltekit-sanity-clean">Clean SvelteKit + Sanity app</a></li><li><a href="https://www.sanity.io/templates">All Templates</a></li></ul></div><div><button type="button" class="Footer_navLinkWithDropdown__wwpvS" aria-expanded="false" aria-haspopup="menu">Partners<!-- --> <svg data-sanity-icon="chevron-down" width="1em" height="1em" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M17 10.5L12.5 15L8 10.5" stroke="currentColor" stroke-width="1.2" stroke-linejoin="round"></path></svg></button><ul class="FallbackMenuItem_seoLinks__H13Ob"><li><a href="https://www.sanity.io/agency-partners">Agency partners</a></li><li><a href="https://www.sanity.io/technology-partners">Technology partners</a></li></ul></div><div><button type="button" class="Footer_navLinkWithDropdown__wwpvS" aria-expanded="false" aria-haspopup="menu">Explainers<!-- --> <svg data-sanity-icon="chevron-down" width="1em" height="1em" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M17 10.5L12.5 15L8 10.5" stroke="currentColor" stroke-width="1.2" stroke-linejoin="round"></path></svg></button><ul class="FallbackMenuItem_seoLinks__H13Ob"><li><a href="https://www.sanity.io/headless-cms">Headless CMS 101</a></li><li><a href="https://www.sanity.io/static-websites">Static Sites 101</a></li><li><a href="https://www.sanity.io/headless-commerce">Headless Commerce 101</a></li><li><a href="https://www.sanity.io/cms-for-enterprise">CMS for enterprise</a></li><li><a href="https://www.sanity.io/headless-seo">Headless SEO</a></li><li><a href="/docs/localization">Localization</a></li><li><a href="https://www.sanity.io/content-as-a-service">Content as a Service</a></li><li><a href="https://www.sanity.io/what-is-a-digital-experience-platform">What is a DXP?</a></li><li><a href="https://www.sanity.io/typescript-guide">Typescript 101</a></li><li><a href="https://www.sanity.io/ecommerce-seo">Ecommerce SEO</a></li><li><a href="https://www.sanity.io/composable-dxp">What is a Composable DXP?</a></li><li><a href="https://www.sanity.io/what-is-an-api">What is an API?</a></li><li><a href="https://www.sanity.io/guides/graphql-vs-rest-api-comparison">GraphQL vs REST</a></li></ul></div><div><button type="button" class="Footer_navLinkWithDropdown__wwpvS" aria-expanded="false" aria-haspopup="menu">CMS<!-- --> <svg data-sanity-icon="chevron-down" width="1em" height="1em" viewBox="0 0 25 25" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M17 10.5L12.5 15L8 10.5" stroke="currentColor" stroke-width="1.2" stroke-linejoin="round"></path></svg></button><ul class="FallbackMenuItem_seoLinks__H13Ob"><li><a href="/react-cms">React CMS</a></li><li><a href="/nextjs-cms">Next.JS CMS</a></li><li><a href="/cms-for-shopify">CMS for Shopify</a></li><li><a href="https://www.sanity.io/api-cms">API-first CMS</a></li><li><a href="/content-platform">Content platform</a></li><li><a href="/multilingual-cms">Multilingual CMS</a></li><li><a href="/static-site-cms">Static Site CMS</a></li><li><a href="/gatsby-cms">Gatsby CMS</a></li><li><a href="/nodejs-cms">Node CMS</a></li><li><a href="/ecommerce-cms">E-commerce CMS</a></li><li><a href="/vue-cms">Vue CMS</a></li><li><a href="/angular-cms">Angular CMS</a></li><li><a href="/graphql">GraphQL CMS</a></li><li><a href="/newspaper-cms">Newspaper CMS</a></li><li><a href="/magazine-cms">Magazine CMS</a></li><li><a href="/mobile-cms">CMS for apps</a></li><li><a href="/remix-cms">Remix CMS</a></li><li><a href="https://www.sanity.io/nuxtjs-cms">Nuxt CMS</a></li><li><a href="/sveltekit-cms">SvelteKit CMS</a></li><li><a href="https://www.sanity.io/agile-cms">Agile CMS</a></li><li><a href="https://www.sanity.io/11ty-cms">Eleventy CMS</a></li><li><a href="https://www.sanity.io/multi-site-cms">Multisite CMS</a></li></ul></div></div><div role="group" aria-label="Company"><h2 class="Footer_sectionTitle__HB_yi">Company</h2><a class="Footer_navLink__Fi28k" href="https://www.sanity.io/contact/sales?ref=footer">Contact Sales</a><a class="Footer_navLink__Fi28k" href="https://www.sanity.io/enterprise?ref=footer">Enterprise</a><a class="Footer_navLink__Fi28k" href="https://www.sanity.io/careers">Careers</a><a class="Footer_navLink__Fi28k" href="https://www.sanity.io/legal/tos">Terms of Service</a><a class="Footer_navLink__Fi28k" href="https://www.sanity.io/legal/privacy">Privacy Policy</a><a class="Footer_navLink__Fi28k" href="https://www.sanity.io/accessibility">Accessibility Statement</a><a class="Footer_navLink__Fi28k" target="_blank" href="https://cdn.sanity.io/files/3do82whm/next/6313de929b146cb92702c9fcdfcbcf296a9ae37e.pdf">Transparency Statement</a><a class="Footer_navLink__Fi28k" target="_blank" href="https://opensourcepledge.com/members/sanity/">Open Source Pledge</a></div></div><div class="Footer_socialSidebar__JL4GT"><div class="Footer_socialLinks__0DnKL"><h2 class="Footer_sectionTitle__HB_yi">Stay connected</h2><ul class="ChannelsLinks_socialLinkList__1i8Eh shared_resetList__sPSb0 shared_reset__i9XcS channels-links"><li><a class="ChannelsLinks_socialLink__8RLTb ChannelsLinks_link__ob22E shared_resetLink__WXQmo shared_fg3__NXgMk shared_ghostLink__RI0VW shared_resetLink__WXQmo shared_text4__vymfi" target="_blank" href="https://github.com/sanity-io"><span class="ChannelsLinks_socialLinkIcon__kueC3"><svg viewBox="0 0 256 250" version="1.1" xmlns="http://www.w3.org/2000/svg" preserveAspectRatio="xMidYMid" height="32"><g><path d="M128.00106,0 C57.3172926,0 0,57.3066942 0,128.00106 C0,184.555281 36.6761997,232.535542 87.534937,249.460899 C93.9320223,250.645779 96.280588,246.684165 96.280588,243.303333 C96.280588,240.251045 96.1618878,230.167899 96.106777,219.472176 C60.4967585,227.215235 52.9826207,204.369712 52.9826207,204.369712 C47.1599584,189.574598 38.770408,185.640538 38.770408,185.640538 C27.1568785,177.696113 39.6458206,177.859325 39.6458206,177.859325 C52.4993419,178.762293 59.267365,191.04987 59.267365,191.04987 C70.6837675,210.618423 89.2115753,204.961093 96.5158685,201.690482 C97.6647155,193.417512 100.981959,187.77078 104.642583,184.574357 C76.211799,181.33766 46.324819,170.362144 46.324819,121.315702 C46.324819,107.340889 51.3250588,95.9223682 59.5132437,86.9583937 C58.1842268,83.7344152 53.8029229,70.715562 60.7532354,53.0843636 C60.7532354,53.0843636 71.5019501,49.6441813 95.9626412,66.2049595 C106.172967,63.368876 117.123047,61.9465949 128.00106,61.8978432 C138.879073,61.9465949 149.837632,63.368876 160.067033,66.2049595 C184.49805,49.6441813 195.231926,53.0843636 195.231926,53.0843636 C202.199197,70.715562 197.815773,83.7344152 196.486756,86.9583937 C204.694018,95.9223682 209.660343,107.340889 209.660343,121.315702 C209.660343,170.478725 179.716133,181.303747 151.213281,184.472614 C155.80443,188.444828 159.895342,196.234518 159.895342,208.176593 C159.895342,225.303317 159.746968,239.087361 159.746968,243.303333 C159.746968,246.709601 162.05102,250.70089 168.53925,249.443941 C219.370432,232.499507 256,184.536204 256,128.00106 C256,57.3066942 198.691187,0 128.00106,0 Z M47.9405593,182.340212 C47.6586465,182.976105 46.6581745,183.166873 45.7467277,182.730227 C44.8183235,182.312656 44.2968914,181.445722 44.5978808,180.80771 C44.8734344,180.152739 45.876026,179.97045 46.8023103,180.409216 C47.7328342,180.826786 48.2627451,181.702199 47.9405593,182.340212 Z M54.2367892,187.958254 C53.6263318,188.524199 52.4329723,188.261363 51.6232682,187.366874 C50.7860088,186.474504 50.6291553,185.281144 51.2480912,184.70672 C51.8776254,184.140775 53.0349512,184.405731 53.8743302,185.298101 C54.7115892,186.201069 54.8748019,187.38595 54.2367892,187.958254 Z M58.5562413,195.146347 C57.7719732,195.691096 56.4895886,195.180261 55.6968417,194.042013 C54.9125733,192.903764 54.9125733,191.538713 55.713799,190.991845 C56.5086651,190.444977 57.7719732,190.936735 58.5753181,192.066505 C59.3574669,193.22383 59.3574669,194.58888 58.5562413,195.146347 Z M65.8613592,203.471174 C65.1597571,204.244846 63.6654083,204.03712 62.5716717,202.981538 C61.4524999,201.94927 61.1409122,200.484596 61.8446341,199.710926 C62.5547146,198.935137 64.0575422,199.15346 65.1597571,200.200564 C66.2704506,201.230712 66.6095936,202.705984 65.8613592,203.471174 Z M75.3025151,206.281542 C74.9930474,207.284134 73.553809,207.739857 72.1039724,207.313809 C70.6562556,206.875043 69.7087748,205.700761 70.0012857,204.687571 C70.302275,203.678621 71.7478721,203.20382 73.2083069,203.659543 C74.6539041,204.09619 75.6035048,205.261994 75.3025151,206.281542 Z M86.046947,207.473627 C86.0829806,208.529209 84.8535871,209.404622 83.3316829,209.4237 C81.8013,209.457614 80.563428,208.603398 80.5464708,207.564772 C80.5464708,206.498591 81.7483088,205.631657 83.2786917,205.606221 C84.8005962,205.576546 86.046947,206.424403 86.046947,207.473627 Z M96.6021471,207.069023 C96.7844366,208.099171 95.7267341,209.156872 94.215428,209.438785 C92.7295577,209.710099 91.3539086,209.074206 91.1652603,208.052538 C90.9808515,206.996955 92.0576306,205.939253 93.5413813,205.66582 C95.054807,205.402984 96.4092596,206.021919 96.6021471,207.069023 Z" fill="currentColor"></path></g></svg></span> <!-- -->GitHub</a></li><li><a class="ChannelsLinks_socialLink__8RLTb ChannelsLinks_link__ob22E shared_resetLink__WXQmo shared_fg3__NXgMk shared_ghostLink__RI0VW shared_resetLink__WXQmo shared_text4__vymfi" target="_blank" href="https://slack.sanity.io"><span class="ChannelsLinks_socialLinkIcon__kueC3"><svg width="1em" viewBox="0 0 16 16" xmlns="http://www.w3.org/2000/svg" fill="currentColor"><path d="M3.4 10.1a1.7 1.7 0 01-3.4 0c0-1 .8-1.7 1.7-1.7h1.7v1.7z"></path><path d="M4.2 10.1a1.7 1.7 0 013.4 0v4.2a1.7 1.7 0 01-3.4 0v-4.2z"></path><path d="M5.9 3.4a1.7 1.7 0 010-3.4c1 0 1.7.8 1.7 1.7v1.7H5.9z"></path><path d="M5.9 4.2a1.7 1.7 0 010 3.4H1.7a1.7 1.7 0 010-3.4h4.2z"></path><path d="M12.6 5.9a1.7 1.7 0 013.4 0c0 1-.8 1.7-1.7 1.7h-1.7V5.9z"></path><path d="M11.8 5.9a1.7 1.7 0 01-3.4 0V1.7a1.7 1.7 0 013.4 0v4.2z"></path><path d="M10.1 12.6a1.7 1.7 0 010 3.4c-1 0-1.7-.8-1.7-1.7v-1.7h1.7z"></path><path d="M10.1 11.8a1.7 1.7 0 010-3.4h4.2a1.7 1.7 0 010 3.4h-4.2z"></path></svg></span> <!-- -->Community</a></li><li><a class="ChannelsLinks_socialLink__8RLTb ChannelsLinks_link__ob22E shared_resetLink__WXQmo shared_fg3__NXgMk shared_ghostLink__RI0VW shared_resetLink__WXQmo shared_text4__vymfi" target="_blank" href="https://x.com/sanity_io"><span class="ChannelsLinks_socialLinkIcon__kueC3"><svg viewBox="0 0 1200 1227" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path d="M714.163 519.284L1160.89 0H1055.03L667.137 450.887L357.328 0H0L468.492 681.821L0 1226.37H105.866L515.491 750.218L842.672 1226.37H1200L714.137 519.284H714.163ZM569.165 687.828L521.697 619.934L144.011 79.6944H306.615L611.412 515.685L658.88 583.579L1055.08 1150.3H892.476L569.165 687.854V687.828Z"></path></svg></span> <!-- -->X.com</a></li><li><a class="ChannelsLinks_socialLink__8RLTb ChannelsLinks_link__ob22E shared_resetLink__WXQmo shared_fg3__NXgMk shared_ghostLink__RI0VW shared_resetLink__WXQmo shared_text4__vymfi" target="_blank" href="https://bsky.app/profile/sanity.io"><span class="ChannelsLinks_socialLinkIcon__kueC3"><svg viewBox="0 0 360 320"><use href="/_next/static/media/bsky-logo.667b6b23.svg#icon"></use></svg></span> <!-- -->Bluesky</a></li><li><a class="ChannelsLinks_socialLink__8RLTb ChannelsLinks_link__ob22E shared_resetLink__WXQmo shared_fg3__NXgMk shared_ghostLink__RI0VW shared_resetLink__WXQmo shared_text4__vymfi" target="_blank" href="https://www.youtube.com/@sanity_io"><span class="ChannelsLinks_socialLinkIcon__kueC3"><svg width="1em" height="1em" viewBox="0 0 192 192" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M164.7 37.7C172.3 39.8 178.3 45.8 180.3 53.4C184 67.2 184 96 184 96C184 96 184 124.8 180.4 138.6C178.3 146.3 172.4 152.3 164.8 154.3C151 158 96 158 96 158C96 158 41 158 27.3 154.3C19.7 152.2 13.7 146.2 11.7 138.6C8 124.8 8 96 8 96C8 96 8 67.2 11.6 53.4C13.7 45.7 19.6 39.7 27.2 37.7C41 34 96 34 96 34C96 34 151 34 164.7 37.7ZM124 96L78 69.8V122.2L124 96Z" fill="currentColor"></path></svg></span> <!-- -->YouTube</a></li><li><a class="ChannelsLinks_socialLink__8RLTb ChannelsLinks_link__ob22E shared_resetLink__WXQmo shared_fg3__NXgMk shared_ghostLink__RI0VW shared_resetLink__WXQmo shared_text4__vymfi" target="_blank" href="https://stackoverflow.com/questions/tagged/sanity"><span class="ChannelsLinks_socialLinkIcon__kueC3"><svg width="1em" viewBox="0 0 12 15" fill="currentColor" xmlns="http://www.w3.org/2000/svg"><path fill-rule="evenodd" clip-rule="evenodd" d="M10.1 9.2h1.3v5H0v-5h1.3V13H10V9.2z"></path><path d="M2.6 8.8L9 10.1 9 9 3 7.6l-.3 1.2zm.9-3l5.7 2.7.6-1.1L4 4.7l-.5 1.1zM5 3l4.8 4 .9-1-5-4-.7 1zm3.1-3l-1 .8 3.8 5 1-.7L8.2 0zM2.5 11.7H9v-1.3H2.5v1.3z"></path></svg></span> <!-- -->Stack Overflow</a></li><li><a class="ChannelsLinks_socialLink__8RLTb ChannelsLinks_link__ob22E shared_resetLink__WXQmo shared_fg3__NXgMk shared_ghostLink__RI0VW shared_resetLink__WXQmo shared_text4__vymfi" href="https://www.sanity.io/feed/rss"><span class="ChannelsLinks_socialLinkIcon__kueC3"><svg xmlns="http://www.w3.org/2000/svg" width="1em" fill="currentColor" viewBox="0 0 24 24"><path d="M12 0c-6.627 0-12 5.373-12 12s5.373 12 12 12 12-5.373 12-12-5.373-12-12-12zm-3.374 17c-.897 0-1.626-.727-1.626-1.624s.729-1.624 1.626-1.624 1.626.727 1.626 1.624-.729 1.624-1.626 1.624zm3.885 0c-.03-3.022-2.485-5.474-5.511-5.504v-2.406c4.361.03 7.889 3.555 7.92 7.91h-2.409zm4.081 0c-.016-5.297-4.303-9.571-9.592-9.594v-2.406c6.623.023 11.985 5.384 12 12h-2.408z"></path></svg></span> <!-- -->Blog RSS</a></li><li><a class="ChannelsLinks_socialLink__8RLTb ChannelsLinks_link__ob22E shared_resetLink__WXQmo shared_fg3__NXgMk shared_ghostLink__RI0VW shared_resetLink__WXQmo shared_text4__vymfi" href="/newsletter"><span class="ChannelsLinks_socialLinkIcon__kueC3"><svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="currentColor"><path d="M1.5 8.67v8.58a3 3 0 003 3h15a3 3 0 003-3V8.67l-8.928 5.493a3 3 0 01-3.144 0L1.5 8.67z"></path><path d="M22.5 6.908V6.75a3 3 0 00-3-3h-15a3 3 0 00-3 3v.158l9.714 5.978a1.5 1.5 0 001.572 0L22.5 6.908z"></path></svg></span> <!-- -->Newsletter</a></li></ul></div></div><div class="Footer_bottom__wsfnU"><a class="Footer_logo__Rbx6w" href="/"><svg viewBox="0 0 28 28" fill="none" xmlns="http://www.w3.org/2000/svg"><rect width="28" height="28" rx="3" fill="#F03E2F"></rect><path d="M8.62 7.25c0 2.41 1.52 3.84 4.54 4.6l3.21.73c2.87.64 4.61 2.25 4.61 4.87a4.91 4.91 0 01-1.07 3.15c0-2.61-1.37-4.02-4.69-4.87l-3.15-.7c-2.52-.57-4.47-1.89-4.47-4.73a4.89 4.89 0 011.02-3.05z" fill="#FFFFFF"></path><path d="M17.94 16.8c1.37.87 1.97 2.07 1.97 3.8-1.13 1.42-3.12 2.22-5.46 2.22-3.94 0-6.7-1.9-7.3-5.21h3.78c.48 1.52 1.77 2.22 3.5 2.22 2.1 0 3.49-1.1 3.52-3.03" fill="#FFFFFFB3"></path><path d="M10.59 10.82a3.99 3.99 0 01-1.97-3.57c1.1-1.4 3-2.27 5.32-2.27 4 0 6.33 2.08 6.9 5H17.2c-.4-1.15-1.4-2.05-3.23-2.05-1.96 0-3.3 1.12-3.37 2.9" fill="#FFFFFFB3"></path></svg></a><div></div><div class="Footer_copyright__8W_Zp">漏 Sanity <!-- -->2024</div><button class="Footer_editCookieConsentBtn__U4zIv">Cookie preferences</button><div aria-hidden="true" style="flex:1"></div><fieldset class="RadioSwitch_fieldset__7ibiC"><input type="radio" id="theme-switch-light" class="RadioSwitch_radio__ORFKz" data-index="0" name="theme-switch" value="light"/><label class="RadioSwitch_icon__vhvMz" for="theme-switch-light" data-force-tooltip="false"><svg data-icon="sun" viewBox="0 0 25 25"><use href="/iconophor/sanity-icons/3.4.0/sun?replace-colors=currentColor&symbol=true#icon"></use></svg><div class="RadioSwitch_tooltip__LxVqx">Light mode</div></label><input type="radio" id="theme-switch-system" class="RadioSwitch_radio__ORFKz" data-index="1" name="theme-switch" value="system"/><label class="RadioSwitch_icon__vhvMz" for="theme-switch-system" data-force-tooltip="false"><svg data-icon="desktop" viewBox="0 0 25 25"><use href="/iconophor/sanity-icons/3.4.0/desktop?replace-colors=currentColor&symbol=true#icon"></use></svg><div class="RadioSwitch_tooltip__LxVqx">System theme</div></label><input type="radio" id="theme-switch-dark" class="RadioSwitch_radio__ORFKz" data-index="2" name="theme-switch" value="dark"/><label class="RadioSwitch_icon__vhvMz" for="theme-switch-dark" data-force-tooltip="false"><svg data-icon="moon" viewBox="0 0 25 25"><use href="/iconophor/sanity-icons/3.4.0/moon?replace-colors=currentColor&symbol=true#icon"></use></svg><div class="RadioSwitch_tooltip__LxVqx">Dark mode</div></label><div class="RadioSwitch_indicator__ZEtip"></div></fieldset></div></nav></div><!--$--><!--/$--><!--$--><!--/$--><noscript><iframe src="https://www.googletagmanager.com/ns.html?id=GTM-N3ZSHCP" height="0" width="0" style="display:none;visibility:hidden"></iframe></noscript></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{"simpleBulletin":{"contribution.tool":[{"repositoryUrl":"https://github.com/ricokahler/sanity-codegen","packageName":null,"description":"Generate TypeScript types from your Sanity schemas.\n\nAlso includes a simple and tiny (\u003c1kB) TypeScript powered client.\nBuilt for Jamstack apps.","v3DistTag":null,"title":"Sanity Codegen","image":{"_type":"image"},"curated":{"approved":true,"official":null,"featured":false,"upvoteCount":44},"hasReadme":true,"color":"#143b77","_createdAt":"2020-12-17T16:37:56Z","slug":{"current":"sanity-codegen","_type":"slug"},"_type":"contribution.tool","readmeUrl":"https://raw.githubusercontent.com/ricokahler/sanity-codegen/main/README.md","packageUrl":"https://www.npmjs.com/package/sanity-codegen","studioVersion":null,"_id":"f25d7538-5078-480c-9e9e-588a222a3184","authors":[{"name":"Rico Kahler","handle":{"current":"ricokahler","_type":"slug"},"photo":{"asset":{"_type":"reference","_ref":"image-94bcd1c61e637dcc4bdbecf93f3aec24df2cb843-460x460-jpg"},"_type":"image"}}]},{"authors":[{"name":"Corey Ward","handle":{"current":"coreyward","_type":"slug"},"photo":{"_type":"image","asset":{"_ref":"image-f67a483ab113e4a8f6c497b9a78d347b382933f8-2400x2400-jpg","_type":"reference"}}}],"studioVersion":null,"repositoryUrl":"https://github.com/coreyward/gatsby-plugin-sanity-image","readmeUrl":"https://raw.githubusercontent.com/coreyward/gatsby-plugin-sanity-image/master/README.md","title":"gatsby-plugin-sanity-image","description":"Easily leverage the power of Sanity's image API from React-based environments like Gatsby.","image":null,"packageName":null,"packageUrl":"https://www.npmjs.com/package/gatsby-plugin-sanity-image","curated":{"approved":true,"official":null,"featured":false,"upvoteCount":2},"slug":{"current":"gatsby-plugin-sanity-image","_type":"slug"},"_type":"contribution.tool","v3DistTag":null,"hasReadme":true,"color":"#751aa1","_createdAt":"2020-11-17T22:21:44Z","_id":"4eb0661d-dbdb-41df-8fa8-dd811d620679"},{"v3DistTag":null,"repositoryUrl":"https://github.com/sanity-io/gatsby-source-sanity","authors":[{"name":"Espen Hovlandsdal","handle":{"current":"rexxars","_type":"slug"},"photo":{"_type":"image","asset":{"_ref":"image-54e9595477915230501dfec656c8e86235bb470a-2000x2000-jpg","_type":"reference"}}},{"name":"Henrique Doro","handle":{"current":"hdoro","_type":"slug"},"photo":{"_type":"image","asset":{"_ref":"image-1a67fe4bb878088e4857467f20fc221fe575e8ee-1059x1060-jpg","_type":"reference"}}}],"packageUrl":"https://www.npmjs.com/package/gatsby-source-sanity","_createdAt":"2019-10-31T15:56:11Z","description":"Source plugin for pulling content from Sanity.io into Gatsby websites. ","curated":{"approved":true,"official":true,"featured":false,"upvoteCount":0},"slug":{"current":"gatsby-source-plugin","_type":"slug"},"studioVersion":null,"readmeUrl":"https://raw.githubusercontent.com/sanity-io/gatsby-source-sanity/main/README.md","packageName":null,"image":{"_type":"image"},"_type":"contribution.tool","hasReadme":true,"color":null,"_id":"b75c9971-a216-4f55-8c0c-65a4181b3e73","title":"Gatsby source plugin"}],"contribution.starter":[],"contribution.starter.count":0,"contribution.guide":[{"slug":{"current":"deploy-gatsby-preview-server-on-aws","_type":"slug"},"_createdAt":"2021-08-28T03:50:51Z","title":"Deploy a Gatsby Preview Server on AWS for use in Sanity Studio","image":{"_type":"image","asset":{"_ref":"image-4429ca33137ab3e6a165e56f05f15f35ad9c4aed-2100x1500-png","_type":"reference"}},"authors":[{"name":"Evan Kohout","handle":{"current":"ebox86","_type":"slug"},"photo":{"_type":"image","asset":{"_ref":"image-48ceaa56710bb593f4b1716f661692cdcf12ff8d-1242x1314-png","_type":"reference"}}}],"curated":{"approved":true,"official":null,"featured":false,"upvoteCount":3},"_type":"contribution.guide","externalLink":null,"studioVersion":null,"_id":"bb10b44a-e5ad-470f-aa13-f33897401bbe","description":"Learn how to deploy a Gatsby Preview server on AWS using CDK to preview page content in Sanity Studio."},{"studioVersion":null,"_id":"f9b428a9-3736-4969-bf01-a9b58c67fac5","title":"Adding Bulma CSS to your React application","description":"In this tutorial, you'll be learning how to integrate Bulma CSS into your Gatsby (React) application. You'll be working with a few of Bulma's components and implementing them in your application.","image":{"alt":"React and Bulma logos","asset":{"_ref":"image-313bb6d5e6580c2b502bd82076ddb6edc0048aa5-1200x900-jpg","_type":"reference"},"_type":"image"},"authors":[{"name":" Tomi Adekanye","handle":{"current":"adetomi","_type":"slug"},"photo":{"_type":"image","asset":{"_ref":"image-086a31072736c63fe6b9a83f16a2a31b977bbf48-844x1125-jpg","_type":"reference"}}}],"slug":{"current":"add-bulma-css-to-react","_type":"slug"},"externalLink":null,"curated":{"approved":true,"official":null,"featured":false,"upvoteCount":2},"_type":"contribution.guide","_createdAt":"2021-06-16T23:05:58Z"},{"externalLink":null,"studioVersion":-1,"description":"This post discusses top 5 rich-text components for React.js, the pros and cons and how to use each in your next project","image":{"_type":"image","alt":"React and Portable Text logos","asset":{"_ref":"image-32ee41a3d40de774aa2f5164798ec7dff1ac51f8-1200x900-jpg","_type":"reference"}},"authors":[{"name":"William Ugonna Imoh","handle":{"current":"chuloo","_type":"slug"},"photo":{"_type":"image","asset":{"_ref":"image-39ebcdb60221b75dd359ce3060486b88fdcd42ef-840x842-png","_type":"reference"}}},{"name":"Joe Holmes","handle":{"_type":"slug","current":"joeholmes"},"photo":{"_type":"image","asset":{"_ref":"image-2ccc189f3395b0add085dbbcf0940bdefe059150-1366x1361-jpg","_type":"reference"}}}],"curated":{"approved":true,"official":null,"featured":false,"upvoteCount":47},"slug":{"current":"top-5-rich-text-react-components","_type":"slug"},"_type":"contribution.guide","_createdAt":"2021-03-01T18:16:15Z","_id":"e61d8f61-2a24-461d-b1d1-8d1c46ce801b","title":"Top 5 rich-text React components"},{"title":"Using Theme UI with SANITY.io","description":"Learn how to integrate SANITY.io block content with Theme UI styles on your frontend","authors":[{"name":"Eric Howey","handle":{"current":"erichowey","_type":"slug"},"photo":{"_type":"image","asset":{"_ref":"image-3632cad730919a476bf9bce6d15eea9a296d5ad4-3335x3335-jpg","_type":"reference"}}}],"curated":{"approved":true,"official":null,"featured":false,"upvoteCount":0},"_type":"contribution.guide","externalLink":"https://www.erichowey.dev/writing/using-theme-ui-with-sanity/","_createdAt":"2020-12-21T19:29:32Z","image":{"_type":"image","alt":"Using Theme UI with SANITY.io","asset":{"_ref":"image-b6fb9099f2352de3e91502b35cbe6d341af6142c-1600x900-jpg","_type":"reference"}},"slug":null,"studioVersion":null,"_id":"d28d653c-ceff-4748-a6d5-c40dcf9ce8a9"},{"_id":"b0285f44-6902-48cf-8ee9-dd9f47564d52","description":"See how we can add a Site Settings section in our Sanity Studio so our site administrators can update relevant info on our site. ","image":{"_type":"image","alt":"A browser with the Sanity studio from this project diplayed","asset":{"_ref":"image-6d781c8bed8a3e93cde43beb91ba8eb868addb65-1920x1080-jpg","_type":"reference"}},"authors":[{"name":"Jacob St酶rdahl","handle":{"current":"stordahl","_type":"slug"},"photo":{"_type":"image","asset":{"_ref":"image-785256e9db2bdb97c65a97dfd4cda82d6a61cc2a-750x750-jpg","_type":"reference"}}}],"curated":{"approved":true,"official":null,"featured":false,"upvoteCount":0},"slug":null,"_type":"contribution.guide","_createdAt":"2020-12-17T23:55:24Z","title":"Creating 'Site Settings' for a Sanity powered Gatsby site","externalLink":"https://stordahl.dev/blog/sanity-site-settings","studioVersion":null},{"title":"Form submission using Gatsby, SANITY, Netlify and React Hook Form","slug":null,"_type":"contribution.guide","externalLink":"https://www.erichowey.dev/writing/form-submission-using-gatsby-sanity-netlify-react-hook-form/","_createdAt":"2020-12-17T18:17:10Z","_id":"9279e23f-678f-487e-8d9f-c705475ba893","studioVersion":null,"description":"A walk through of creating a contact form in Gatsby that submits to both an email address and a backend database using SANITY. The form itself will be built using React Hook Form and also integrate with Netlify forms. ","image":{"_type":"image","alt":"Form submission using Gatsby, SANITY, Netlify and React Hook Form","asset":{"_ref":"image-94135c2371491c935fe7e1e06d000b3accf1f3bf-1600x900-jpg","_type":"reference"}},"authors":[{"name":"Eric Howey","handle":{"current":"erichowey","_type":"slug"},"photo":{"_type":"image","asset":{"_ref":"image-3632cad730919a476bf9bce6d15eea9a296d5ad4-3335x3335-jpg","_type":"reference"}}}],"curated":{"approved":true,"official":null,"featured":false,"upvoteCount":0}},{"curated":{"approved":true,"official":true,"featured":false,"upvoteCount":0},"_type":"contribution.guide","externalLink":"https://css-tricks.com/how-to-make-taxonomy-pages-with-gatsby-and-sanity-io/","_createdAt":"2020-05-21T17:37:41Z","_id":"c46c8be3-a670-449d-adda-f34b22bfdd25","title":"How to Make Taxonomy Pages With Gatsby and Sanity.io","image":{"_type":"image","alt":"Gatsby and Sanity Logos","asset":{"_ref":"image-612ff270ffc6deef2d1f248d87cac126e614405b-1200x900-png","_type":"reference"}},"authors":[{"name":"Knut Melv忙r","handle":{"current":"kmelve","_type":"slug"},"photo":{"crop":{"left":0,"bottom":0.07197144173192083,"_type":"sanity.imageCrop","right":0,"top":0.06621372639336713},"hotspot":{"y":0.4453017042837403,"height":0.677567941040995,"_type":"sanity.imageHotspot","width":0.41153846153846196,"x":0.4211538461538463},"_type":"image","asset":{"_ref":"image-95fd829264376a54b6197d559ee393d3362f7dcb-1200x802-png","_type":"reference"}}}],"slug":null,"studioVersion":null,"description":"In this tutorial, we鈥檒l cover how to make taxonomy pages with Gatsby with structured content from Sanity.io."},{"_createdAt":"2019-12-03T22:10:52Z","description":"How to start from scratch with a Sanity powered Gatsby website","curated":{"approved":true,"official":false,"featured":false,"upvoteCount":0},"slug":{"current":"making-new-projects-with-gatsby-and-sanity","_type":"slug"},"studioVersion":null,"_id":"41d6cae9-e987-4510-a578-e1e1b671e855","title":"Making New Projects with Gatsby \u0026 Sanity","image":{"asset":{"_ref":"image-612ff270ffc6deef2d1f248d87cac126e614405b-1200x900-png","_type":"reference"},"_type":"image","alt":"Gatsby Sanity Logos"},"authors":[null],"_type":"contribution.guide","externalLink":"https://dev.to/doylecodes/making-new-projects-with-gatsby-sanity-30nh"},{"slug":{"_type":"slug","current":"a-method-for-localization-with-gatsby-and-sanity-io"},"studioVersion":null,"_createdAt":"2019-11-25T11:05:21Z","title":"A method for Localization with Gatsby and Sanity.io","image":{"_type":"image","alt":"Gatsby Sanity logos","asset":{"_ref":"image-612ff270ffc6deef2d1f248d87cac126e614405b-1200x900-png","_type":"reference"}},"_type":"contribution.guide","externalLink":"https://www.gatsbyjs.org/blog/2019-03-01-localization-with-gatsby-and-sanity/","_id":"d429504e-b754-4f4f-818c-02d7abb3bdd1","description":"Learn how to implement localised content from Sanity in Gatsby.js","authors":[null],"curated":{"approved":true,"official":false,"featured":false,"upvoteCount":1}},{"slug":null,"_type":"contribution.guide","studioVersion":null,"_createdAt":"2019-10-19T06:55:23Z","description":"How to make anchor links in Gatsby","image":{"_type":"image","alt":"Poster for the article with logos of Sanity and Gatsby.","asset":{"_ref":"image-a18813047d4b985387dc76687c68aef018f547c7-1920x1080-png","_type":"reference"}},"authors":[null],"externalLink":"https://codingcat.dev/anchor-links-from-sanity-in-gatsby/","_id":"a79f7bed-53b8-4543-b914-1deaa0878f8c","title":"Anchor Links from Sanity in Gatsby","curated":{"approved":true,"official":false,"featured":false,"upvoteCount":0}}],"contribution.guide.count":12,"contribution.schema.count":0,"contribution.tool.count":3,"contribution.showcaseProject":[{"curated":{"approved":true,"official":null,"featured":true,"upvoteCount":0},"_type":"contribution.showcaseProject","title":"Occo","authors":[{"name":"Kevin Green","handle":{"current":"iamkevingreen","_type":"slug"},"photo":{"_type":"image","asset":{"_ref":"image-831f28206304a149e047b99405b965659f886281-569x396-png","_type":"reference"}}}],"description":"Complex product offering with nested product structure and tiered pricing.","image":{"_type":"image","asset":{"_ref":"image-00798c8b4342ea02fe7d9d365b88b53bc922e494-2880x1574-png","_type":"reference"}},"slug":{"current":"occo-spices","_type":"slug"},"_createdAt":"2021-04-06T19:25:25Z","_id":"a6254f54-5592-41c7-abbb-7ba3a2750660"},{"title":"Figma Config","slug":{"current":"figma-config","_type":"slug"},"_type":"contribution.showcaseProject","_createdAt":"2021-03-25T17:32:20Z","_id":"cc05c42e-1bf0-4a44-be9d-af6ce52a7177","description":"Website for Config, the global design conference by Figma.","image":{"_type":"image","asset":{"_ref":"image-016c969f99cf3b399dae6da1721cc69701d0fdbf-2724x1830-png","_type":"reference"}},"authors":[{"name":"Corey Ward","handle":{"current":"coreyward","_type":"slug"},"photo":{"_type":"image","asset":{"_ref":"image-f67a483ab113e4a8f6c497b9a78d347b382933f8-2400x2400-jpg","_type":"reference"}}}],"curated":{"approved":true,"official":null,"featured":true,"upvoteCount":0}},{"_type":"contribution.showcaseProject","_id":"dd61e96e-2ad4-4930-be75-80904a242a79","image":{"_type":"image","asset":{"_ref":"image-93f3fa400c54815f0f89f38f8e0f3bfcdf6c47e9-1233x768-png","_type":"reference"}},"curated":{"approved":true,"official":null,"featured":true,"upvoteCount":2},"slug":{"current":"the-agnes","_type":"slug"},"_createdAt":"2021-02-25T20:27:11Z","title":"The Agnes","description":"A high end rental real estate site built with Gatsby, Sanity and Shopify that pulls in listing data via API and includes a headless Shopify shop.","authors":[{"name":"David Gross","handle":{"current":"davidgross","_type":"slug"},"photo":{"_type":"image","asset":{"_ref":"image-9615394c74fcae2908425763f367b95ccd5c82ad-2877x2877-jpg","_type":"reference"}}}]},{"_type":"contribution.showcaseProject","_createdAt":"2021-02-16T10:21:40Z","description":"Podcast website, plus blog and custom player. Built with Gatsby with a custom source plugin for TransistorFM.","curated":{"approved":true,"official":null,"featured":true,"upvoteCount":1},"slug":{"current":"why-mums-dont-jump","_type":"slug"},"_id":"zmeZdNNSbjC3GH6ZZ4KfS","title":"Why Mums Don't Jump","image":{"asset":{"_ref":"image-86e8ea11af6a4c0d59e9a25d6b88a3203324cb61-1154x833-png","_type":"reference"},"crop":{"top":0,"left":0,"bottom":0,"_type":"sanity.imageCrop","right":0},"hotspot":{"width":1,"x":0.5,"y":0.3721818824617226,"height":0.7443637649234452,"_type":"sanity.imageHotspot"},"_type":"image"},"authors":[{"name":"Paul Brickles","handle":{"_type":"slug","current":"paulbrickles"},"photo":{"hotspot":{"_type":"sanity.imageHotspot","width":0.8732718806112967,"x":0.5633640596943517,"y":0.4320276321903352,"height":0.8640552643806704},"_type":"image","asset":{"_ref":"image-3bfc04079b2a34b0d2feacfc254cd49049f31ff4-2568x2568-jpg","_type":"reference"},"crop":{"bottom":0.13594473561932963,"_type":"sanity.imageCrop","right":0,"top":0,"left":0.12672811938870335}}}]},{"_createdAt":"2024-05-24T09:43:51Z","_id":"e4fdcf4c-94b8-4a2d-9493-74dd1af9c5f4","title":"Green Custard","description":"Super-fast B2B Website Built With Sanity for Easy Content Management","slug":{"current":"green-custard","_type":"slug"},"_type":"contribution.showcaseProject","image":{"_type":"image","asset":{"_ref":"image-9a8ea4b0e7f10f0d84879215422422040ad43ee6-1810x1096-png","_type":"reference"}},"authors":[{"name":"Pagepro","handle":{"current":"pagepro","_type":"slug"},"photo":{"_type":"image","asset":{"_ref":"image-7854020990eff64f15496373d285d01ae43ef9c6-618x616-png","_type":"reference"}}}],"curated":{"approved":true,"official":null,"featured":false,"upvoteCount":0}},{"image":{"_type":"image","asset":{"_ref":"image-f02e743d5701808370582848f8d52afbc44feb1d-1810x1096-png","_type":"reference"}},"slug":{"current":"lyngen-north","_type":"slug"},"_createdAt":"2024-05-23T07:47:15Z","description":"Blazing Fast Website for the Glass Igloo Hotel at the Edge of the World","authors":[{"name":"Pagepro","handle":{"current":"pagepro","_type":"slug"},"photo":{"_type":"image","asset":{"_ref":"image-7854020990eff64f15496373d285d01ae43ef9c6-618x616-png","_type":"reference"}}}],"curated":{"approved":true,"official":null,"featured":false,"upvoteCount":0},"_type":"contribution.showcaseProject","_id":"685ccc83-d7a8-4d3e-996b-ea8c5cd62c50","title":"Lyngen North"},{"authors":[{"name":"Dona毛l Walter","handle":{"_type":"slug","current":"donael-walter"},"photo":{"_type":"image","asset":{"_ref":"image-ea229fdf26861c879c739479cf6760a4af643b76-460x460-jpg","_type":"reference"}}}],"curated":{"approved":true,"official":null,"featured":false,"upvoteCount":1},"slug":{"current":"librairie-experience","_type":"slug"},"_type":"contribution.showcaseProject","_createdAt":"2024-04-25T16:01:05Z","_id":"658700ef-9999-4a45-886c-8d85e4cba71b","title":"Librairie Exp茅rience","description":"Hybrid Marketing/E-commerce website for Librairie Exp茅rience a comic bookshop in Lyon (France)","image":{"asset":{"_ref":"image-3a73e01b8ab7ff1a71537802f670a1d65f262fb3-3420x1968-png","_type":"reference"},"_type":"image"}},{"_createdAt":"2024-04-11T13:36:04Z","authors":[{"name":"Marc Logemann","handle":null,"photo":null}],"curated":{"approved":true,"official":null,"featured":false,"upvoteCount":1},"image":{"_type":"image","asset":{"_type":"reference","_ref":"image-9edc24dc371cd4fc02b6c336603890619be09047-2990x1700-png"}},"slug":{"current":"coming-home-sales","_type":"slug"},"_type":"contribution.showcaseProject","_id":"2476b912-a583-49db-a885-c6064ade8804","title":"coming home Sales","description":"Real Estate Brokerage"},{"_id":"905d2621-5dfc-49cd-987b-5a20d0afd9f0","description":"Website for LightLab, a technical and decorative lighting company","image":{"_type":"image","asset":{"_ref":"image-9dd6b56f666ee0a55e724a7b9255799a3f72e4f5-1901x907-png","_type":"reference"}},"authors":[{"name":"Francisco Vieira","handle":{"current":"fvieira","_type":"slug"},"photo":{"_type":"image","asset":{"_ref":"image-96257df20739020e42f88ab2831ec905bf15b7a7-640x640-png","_type":"reference"}}}],"curated":{"approved":true,"official":null,"featured":false,"upvoteCount":1},"slug":{"current":"lightlab","_type":"slug"},"_createdAt":"2024-01-23T15:34:38Z","_type":"contribution.showcaseProject","title":"LightLab"},{"slug":{"current":"practitioner-course-landing-page","_type":"slug"},"_type":"contribution.showcaseProject","_createdAt":"2023-12-28T18:04:47Z","title":"Practitioner Course Landing Page","description":"Landing page for a practitioner master course on the Metabolic Approach to Cancer.","image":{"_type":"image","asset":{"_ref":"image-5854d513bff8bed717a7d5605f8e0f343609f4b1-2000x1013-jpg","_type":"reference"}},"authors":[{"name":"Francisco Vieira","handle":{"current":"fvieira","_type":"slug"},"photo":{"_type":"image","asset":{"_ref":"image-96257df20739020e42f88ab2831ec905bf15b7a7-640x640-png","_type":"reference"}}}],"_id":"12d554af-3cc3-481c-88cb-9c757f6bdf96","curated":{"approved":true,"official":null,"featured":false,"upvoteCount":1}}],"contribution.showcaseProject.count":78,"contribution.schema":[]},"grid":{},"editorialDocument":{"language":{"_type":"reference","_ref":"RkdvZ2kG7Ql3SHvhgvNbhw"},"title":"Gatsby","_createdAt":"2020-11-10T17:16:01Z","_id":"RkdvZ2kG7Ql3SHvhgvNbZF","logo":{"_type":"image","asset":{"_ref":"image-4106f4b01c7dacb67aadc1c87040c3b5067d77ac-156x157-svg","_type":"reference"}},"slug":{"current":"gatsby"},"_updatedAt":"2022-11-15T17:36:30Z","ogImage":{"_type":"image","asset":{"_ref":"image-f0770320de73b22bb0b57cdaacf58d00116c9f01-2400x1800-jpg","_type":"reference"}},"headerBody":[{"children":[{"marks":[],"text":"Guides, plugins, and other resources for Gatsby 鈥撀爐he popular React-based Javascript framework.","_key":"ae2a08a98885","_type":"span"}],"_type":"block","style":"normal","_key":"8eadaf36eb1e","markDefs":[]}],"color":{"alpha":1,"_type":"color","hex":"#34194e","hsv":{"_type":"hsvaColor","h":270.566037735849,"a":1,"s":0.6794871794871795,"v":0.3058823529411765},"rgb":{"a":1,"b":78,"r":52,"g":25,"_type":"rgbaColor"},"hsl":{"s":0.5145631067961166,"_type":"hslaColor","h":270.566037735849,"l":0.2019607843137255,"a":1}},"_type":"taxonomy.framework","indexable":true,"_rev":"XOEmxfH5qUPiHj9XsLQxJg","seoTitle":"GatsbyJS \u0026 Sanity.io | Developer Resources","seoDescription":"Guides, tools, starters, and other Sanity.io resources for Gatsby 鈥撀爐he popular React-based Javascript framework.","headerTitle":"Gatsby resources","finalBody":[{"style":"normal","_key":"8bf94c5bcd9f","markDefs":[],"children":[{"marks":[],"text":"The GatsbyJS framework is one of the most popular React frameworks available in web development today. Offering all the speed and ease of use of a static site generator with the power of a fullstack application, Gatsby allows development of advanced websites in the time it takes to create a mock-up. Check out these guides, starters, and plugins for use in Gatsby with Sanity studio and get inspired by the work of our community. Sanity's customizable approach to content management integrates flawlessly with Gatsby's GraphQL data structure-- the most cutting-edge web applications are simpler to create than ever before.","_key":"16bd5d3371ec","_type":"span"}],"_type":"block"}]},"layout":"simpleBulletin"},"__N_SSG":true},"page":"/exchange/[...slug]","query":{"slug":["framework=gatsby"]},"buildId":"GbCxEPwfA6qtjgLF4sNOl","isFallback":false,"isExperimentalCompile":false,"dynamicIds":[99803,44330],"gsp":true,"scriptLoader":[]}</script></body></html>