CINXE.COM

<!DOCTYPE html><html lang="en"><head><meta charSet="utf-8" data-next-head=""/><meta name="viewport" content="width=device-width" data-next-head=""/><script async="" src="https://www.googletagmanager.com/gtag/js?id=G-9EFEQMSL4P"></script><meta content="website" property="og:type" data-next-head=""/><meta content="summary_large_image" property="twitter:card" data-next-head=""/><title data-next-head="">Home | Faust.js</title><meta content="Home" name="title" data-next-head=""/><meta content="Home" property="og:title" data-next-head=""/><meta content="Home" property="twitter:title" data-next-head=""/><meta content="The Next.js Headless Toolkit for WordPress." name="description" data-next-head=""/><meta content="The Next.js Headless Toolkit for WordPress." property="og:description" data-next-head=""/><meta content="The Next.js Headless Toolkit for WordPress." property="twitter:description" data-next-head=""/><meta content="/" property="og:url" data-next-head=""/><meta content="/" property="twitter:url" data-next-head=""/><link href="/images/favicon-32x32.png" rel="icon" sizes="32x32"/><link href="/images/favicon-192x192.png" rel="icon" sizes="192x192"/><link href="https://faustjs.org/api/feeds/feed.json" rel="alternate" type="application/feed+json" title="WPGraphQL Blog JSON Feed"/><link href="https://faustjs.org/api/feeds/rss.xml" rel="alternate" type="application/rss+xml" title="WPGraphQL Blog XML Feed"/><link href="https://faustjs.org/api/feeds/feed.atom" rel="alternate" type="application/atom+xml" title="WPGraphQL Blog Atom Feed"/><link rel="preload" href="/_next/static/media/08ace62d6069e283-s.p.woff2" as="font" type="font/woff2" crossorigin="anonymous" data-next-font="size-adjust"/><link rel="preload" href="/_next/static/css/ecbe879e4633645e.css" as="style"/><script> window.dataLayer = window.dataLayer || []; function gtag(){dataLayer.push(arguments);} gtag('js', new Date()); gtag('config', 'G-9EFEQMSL4P', { page_path: window.location.pathname, }); </script><link rel="stylesheet" href="/_next/static/css/ecbe879e4633645e.css" data-n-g=""/><noscript data-n-css=""></noscript><script defer="" noModule="" src="/_next/static/chunks/polyfills-42372ed130431b0a.js"></script><script src="/_next/static/chunks/webpack-9bb52e91ed7df49f.js" defer=""></script><script src="/_next/static/chunks/framework-4bdcf5985918a5cd.js" defer=""></script><script src="/_next/static/chunks/main-6c55d50620819975.js" defer=""></script><script src="/_next/static/chunks/pages/_app-11fec4cccbd14912.js" defer=""></script><script src="/_next/static/chunks/pages/index-97d20d6ff3979255.js" defer=""></script><script src="/_next/static/ul8EtIF7Dear-u9nf21bk/_buildManifest.js" defer=""></script><script src="/_next/static/ul8EtIF7Dear-u9nf21bk/_ssgManifest.js" defer=""></script></head><body class="bg-gray-900 text-gray-200"><div id="__next"><div class="__variable_97fa79 font-inter flex min-h-screen flex-col selection:bg-purple-700"><a href="#main-content" class="faust-skip-link">Skip to main content</a><div class="container-blur-bg top-0 border-b-[1px] border-gray-800 bg-gray-900/80 sticky z-10 z-10 "><header class="container mx-auto flex items-center justify-between px-4 py-6 sm:px-6 md:max-w-6xl md:px-8"><div class="flex items-center gap-8"><a class="undefined transition-duration-75 flex items-center text-xl font-bold transition hover:text-white focus:text-white " href="/"><span class="mr-3"><svg fill="none" height="32" viewBox="0 0 128 128" width="32" xmlns="http://www.w3.org/2000/svg"><path d="M28.48 3.52L3.52 28.486c-2.26 2.26-3.52 5.3-3.52 8.48V122A5.992 5.992 0 006 128h116c3.32 0 6-2.68 6-6.001V6.001C128 2.68 125.32 0 122 0H36.98c-3.18 0-6.24 1.26-8.48 3.52h-.02z" fill="url(#paint0_radial_145_9184)"></path><path d="M51.844 103a19.149 19.149 0 01-8.486-2.164 11.227 11.227 0 01-4.69-4.837 6.737 6.737 0 01-.4-4.81 6.781 6.781 0 012.917-3.854 7.718 7.718 0 015.2-1.003 7.752 7.752 0 014.633 2.563c1.282 1.737 1.328 3.064 2.275 3.064 1.83.028 4.206-13.065 5.525-20.112.548-2.907 1.133-5.897 1.82-8.868a.92.92 0 00-.826-1.133l-5.024-.39a1.663 1.663 0 01-1.096-.53 1.694 1.694 0 01-.455-1.132 4.428 4.428 0 01.232-1.839c.205-.585.53-1.123.966-1.578.474-.381 1.03-.66 1.625-.808a4.41 4.41 0 011.81-.074l1.477.139c1.402.084 1.932.046 2.582-.4.603-.427.752-1.16.938-1.875.269-1.087.529-2.164.798-3.324A71.14 71.14 0 0167.751 36.7c4.568-10.076 12.88-13.808 23.381-10.558 2.061.64 3.928 1.81 5.414 3.38a7.91 7.91 0 011.625 2.655 7.88 7.88 0 01.455 3.074 6.85 6.85 0 01-2.34 4.782 7.326 7.326 0 01-2.498 1.346 7.253 7.253 0 01-2.823.279 7.975 7.975 0 01-5.478-2.786 20.397 20.397 0 01-2.452-4.076c-.26-.51-.51-1.086-.78-1.523-.733-1.365-.975-.455-.975-.455l-4.624 21.422a.922.922 0 00.845 1.114l5.06.325c.372.019.734.167 1.013.428.278.25.464.594.529.965.176.622.204 1.282.074 1.913s-.4 1.226-.798 1.736a3.919 3.919 0 01-1.625.883c-.604.157-1.551.167-2.35.102l-.826-.084-1.087-.111c-2.302-.177-2.618.492-3.147 3.185-.223 1.17-.455 2.34-.669 3.51-1.021 5.283-2.061 10.743-3.52 16.017a37.575 37.575 0 01-5.05 11.087c-3.455 5.08-8.08 7.689-13.27 7.689h.01z" fill="#fff"></path><defs><radialGradient cx="0" cy="0" gradientTransform="rotate(45) scale(181.019)" gradientUnits="userSpaceOnUse" id="paint0_radial_145_9184" r="1"><stop stop-color="#0ECAD4"></stop><stop offset="1" stop-color="#7A45E5"></stop></radialGradient></defs></svg></span>Faust.js<span class="align-super text-xs font-light text-gray-500">™</span></a></div><div class="flex items-center gap-5 md:w-full md:justify-between"><nav class="flex items-center space-x-4 "><ul class="hidden flex-row space-x-4 pl-4 md:flex"><li class="text-gray-400 data-focus:text-purple-500 data-focus:outline rounded-md px-1"><a class="block px-1 " href="/docs/">Docs</a></li><li class="text-gray-400 data-focus:text-purple-500 data-focus:outline rounded-md px-1"><a class="block px-1 " href="/blog/">Blog</a></li><li class="text-gray-400 data-focus:text-purple-500 data-focus:outline rounded-md px-1"><a class="block px-1 " href="/showcase/">Showcase</a></li></ul><button class="group rounded-md px-2 py-1.5 text-white/70 hover:text-white md:hidden" id="headlessui-menu-button-:R7j56:" type="button" aria-haspopup="menu" aria-expanded="false" data-headlessui-state=""><span class="sr-only hidden group-data-open:block">Open main nav</span><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon" class="hidden size-6 group-data-open:block"><path stroke-linecap="round" stroke-linejoin="round" d="M6 18 18 6M6 6l12 12"></path></svg><span class="sr-only group-data-open:hidden">Open main nav</span><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon" class="size-6 group-data-open:hidden"><path stroke-linecap="round" stroke-linejoin="round" d="M3.75 6.75h16.5M3.75 12h16.5m-16.5 5.25h16.5"></path></svg></button></nav><span class="flex gap-5"><button class="inline-flex items-center rounded-md bg-gray-800 px-2 py-1.5 text-sm font-medium text-gray-400 hover:bg-gray-700" type="button"><span class="sr-only md:hidden">Open search</span><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon" class="h-6 w-6 text-gray-400 md:hidden"><path stroke-linecap="round" stroke-linejoin="round" d="m21 21-5.197-5.197m0 0A7.5 7.5 0 1 0 5.196 5.196a7.5 7.5 0 0 0 10.607 10.607Z"></path></svg><span class="hidden md:inline"><span class="pl-3">Search docs...</span><kbd class="ml-8 rounded-sm bg-gray-700 px-2 py-1 text-gray-300">⌘K</kbd></span></button><div class="hidden items-center space-x-4 md:flex"><a class="text-blue-500 text-gray-500 hover:text-gray-400 " href="https://github.com/wpengine/faustjs" rel="noopener noreferrer" target="_blank" title="GitHub"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" viewBox="0 0 24 24" class="h-6 w-6"><title>GitHub</title><path d="M12 .297c-6.63 0-12 5.373-12 12 0 5.303 3.438 9.8 8.205 11.385.6.113.82-.258.82-.577 0-.285-.01-1.04-.015-2.04-3.338.724-4.042-1.61-4.042-1.61C4.422 18.07 3.633 17.7 3.633 17.7c-1.087-.744.084-.729.084-.729 1.205.084 1.838 1.236 1.838 1.236 1.07 1.835 2.809 1.305 3.495.998.108-.776.417-1.305.76-1.605-2.665-.3-5.466-1.332-5.466-5.93 0-1.31.465-2.38 1.235-3.22-.135-.303-.54-1.523.105-3.176 0 0 1.005-.322 3.3 1.23.96-.267 1.98-.399 3-.405 1.02.006 2.04.138 3 .405 2.28-1.552 3.285-1.23 3.285-1.23.645 1.653.24 2.873.12 3.176.765.84 1.23 1.91 1.23 3.22 0 4.61-2.805 5.625-5.475 5.92.42.36.81 1.096.81 2.22 0 1.606-.015 2.896-.015 3.286 0 .315.21.69.825.57C20.565 22.092 24 17.592 24 12.297c0-6.627-5.373-12-12-12"></path></svg></a><a class="text-blue-500 text-gray-500 hover:text-gray-400 " href="/discord" rel="noopener noreferrer" target="_blank" title="Discord"><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" fill="currentColor" viewBox="0 0 24 24" class="h-6 w-6"><title>Discord</title><path d="M20.317 4.3698a19.7913 19.7913 0 00-4.8851-1.5152.0741.0741 0 00-.0785.0371c-.211.3753-.4447.8648-.6083 1.2495-1.8447-.2762-3.68-.2762-5.4868 0-.1636-.3933-.4058-.8742-.6177-1.2495a.077.077 0 00-.0785-.037 19.7363 19.7363 0 00-4.8852 1.515.0699.0699 0 00-.0321.0277C.5334 9.0458-.319 13.5799.0992 18.0578a.0824.0824 0 00.0312.0561c2.0528 1.5076 4.0413 2.4228 5.9929 3.0294a.0777.0777 0 00.0842-.0276c.4616-.6304.8731-1.2952 1.226-1.9942a.076.076 0 00-.0416-.1057c-.6528-.2476-1.2743-.5495-1.8722-.8923a.077.077 0 01-.0076-.1277c.1258-.0943.2517-.1923.3718-.2914a.0743.0743 0 01.0776-.0105c3.9278 1.7933 8.18 1.7933 12.0614 0a.0739.0739 0 01.0785.0095c.1202.099.246.1981.3728.2924a.077.077 0 01-.0066.1276 12.2986 12.2986 0 01-1.873.8914.0766.0766 0 00-.0407.1067c.3604.698.7719 1.3628 1.225 1.9932a.076.076 0 00.0842.0286c1.961-.6067 3.9495-1.5219 6.0023-3.0294a.077.077 0 00.0313-.0552c.5004-5.177-.8382-9.6739-3.5485-13.6604a.061.061 0 00-.0312-.0286zM8.02 15.3312c-1.1825 0-2.1569-1.0857-2.1569-2.419 0-1.3332.9555-2.4189 2.157-2.4189 1.2108 0 2.1757 1.0952 2.1568 2.419 0 1.3332-.9555 2.4189-2.1569 2.4189zm7.9748 0c-1.1825 0-2.1569-1.0857-2.1569-2.419 0-1.3332.9554-2.4189 2.1569-2.4189 1.2108 0 2.1757 1.0952 2.1568 2.419 0 1.3332-.946 2.4189-2.1568 2.4189Z"></path></svg></a></div></span></div></header></div><main id="main-content"><section class="bg-100-full bg-default-pos bg-hero-gradient"><div class="container-main container-max prose prose-invert md:prose-xl lg:prose-2xl prose-h1:mb-2 prose-h1:font-bold prose-h1:leading-tight container mt-0"><div class="mx-auto max-w-xl px-8 py-24 text-center md:max-w-2xl md:py-36 lg:max-w-3xl"><h1 class="bg-linear-to-br from-purple-300 to-teal-300 bg-clip-text text-transparent">The Next.js Headless Toolkit for WordPress</h1><p class="mx-auto max-w-md md:max-w-lg">A robust set of tools for Next.js that unlock powerful headless WordPress capabilities.</p><p class="not-prose flex flex-col items-center gap-4 sm:inline-flex sm:flex-row"><a class="not-prose text-gray-1000 group inline-flex items-center gap-1 rounded-full border border-blue-800/20 bg-linear-to-tr from-blue-600/50 from-20% to-purple-900/50 px-8 py-2 text-base leading-none tracking-tight shadow-lg backdrop-blur-lg transition duration-75 hover:border-gray-100/50 hover:bg-linear-to-tl hover:from-purple-400/80 hover:to-teal-400/80 hover:text-gray-900 hover:backdrop-blur-xl lg:py-3 " href="/docs/">Read the Docs<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon" class="group-hover:fill-gray-1000 inline h-5 w-5 transition group-hover:translate-x-1" focusable="false"><path stroke-linecap="round" stroke-linejoin="round" d="m8.25 4.5 7.5 7.5-7.5 7.5"></path></svg></a><a class="not-prose group inline-flex items-center gap-1 rounded-full border border-gray-200/20 bg-linear-to-br from-purple-600/20 from-10% to-blue-600/20 px-8 py-2 text-base leading-none tracking-tight text-gray-200 shadow-lg backdrop-blur-lg transition duration-75 hover:border-gray-100/50 hover:bg-linear-to-tl hover:from-teal-400/80 hover:to-purple-400/80 hover:text-gray-900 hover:backdrop-blur-xl lg:py-3 " href="/discord" rel="noopener noreferrer" target="_blank">Join the Discord<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon" class="group-hover:fill-gray-1000 inline h-5 transition group-hover:translate-x-1" focusable="false"><path stroke-linecap="round" stroke-linejoin="round" d="M13.5 6H5.25A2.25 2.25 0 0 0 3 8.25v10.5A2.25 2.25 0 0 0 5.25 21h10.5A2.25 2.25 0 0 0 18 18.75V10.5m-10.5 6L21 3m0 0h-5.25M21 3v5.25"></path></svg></a></p></div></div></section><section class="bg-gray-950"><div class="container-main container-max prose prose-invert prose-h2:font-medium prose-h3:my-4 container px-8 py-14 lg:px-16 lg:py-24"><h2 class="bg-linear-to-tr from-blue-400 to-teal-300 bg-clip-text text-transparent">The essential features you need to build headless WordPress sites.</h2><div class="mt-8 grid grid-cols-6 gap-4 md:grid-cols-12 md:gap-6 xl:gap-8"><div class="bg-blue-1100/20 rounded-lg p-6 text-white ring-1 shadow-lg ring-blue-500/10 bg-blue-1100/20 col-span-full flex flex-col overflow-hidden rounded-2xl p-4 ring-1 ring-blue-500/10 md:col-span-6 md:p-6 lg:col-span-7 lg:p-8"><div class="bg-opacity-30 flex h-14 w-14 items-center justify-center rounded-full bg-blue-800 text-teal-200"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon" class="h-8 w-8"><path stroke-linecap="round" stroke-linejoin="round" d="M15.75 5.25a3 3 0 0 1 3 3m3 0a6 6 0 0 1-7.029 5.912c-.563-.097-1.159.026-1.563.43L10.5 17.25H8.25v2.25H6v2.25H2.25v-2.818c0-.597.237-1.17.659-1.591l6.499-6.499c.404-.404.527-1 .43-1.563A6 6 0 1 1 21.75 8.25Z"></path></svg></div><h3 class="text-purple-100">Authentication</h3><p>Easily authenticate users so your Next.js app "knows" who's logged in and what capabilities that person has.</p></div><div class="bg-blue-1100/20 rounded-lg p-6 text-white ring-1 shadow-lg ring-blue-500/10 bg-blue-1100/20 col-span-full flex flex-col overflow-hidden rounded-2xl p-4 ring-1 ring-blue-500/10 md:col-span-6 md:p-6 lg:col-span-5 lg:p-8"><div class="bg-opacity-30 flex h-14 w-14 items-center justify-center rounded-full bg-blue-800 text-teal-200"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon" class="h-8 w-8"><path stroke-linecap="round" stroke-linejoin="round" d="M15.042 21.672 13.684 16.6m0 0-2.51 2.225.569-9.47 5.227 7.917-3.286-.672ZM12 2.25V4.5m5.834.166-1.591 1.591M20.25 10.5H18M7.757 14.743l-1.59 1.59M6 10.5H3.75m4.007-4.243-1.59-1.59"></path></svg></div><h3 class="text-purple-100">Post previews</h3><p>When a content creator adds content to WordPress, they can click the "Preview" link to preview that page in the decoupled Next.js app before the change goes live.</p></div><div class="bg-blue-1100/20 rounded-lg p-6 text-white ring-1 shadow-lg ring-blue-500/10 bg-blue-1100/20 col-span-full flex flex-col overflow-hidden rounded-2xl p-4 ring-1 ring-blue-500/10 md:col-span-6 md:p-6 lg:col-span-5 lg:p-8"><div class="bg-opacity-30 flex h-14 w-14 items-center justify-center rounded-full bg-blue-800 text-teal-200"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon" class="h-8 w-8"><path stroke-linecap="round" stroke-linejoin="round" d="M17.25 6.75 22.5 12l-5.25 5.25m-10.5 0L1.5 12l5.25-5.25m7.5-3-4.5 16.5"></path></svg></div><h3 class="text-purple-100">Template hierarchy</h3><p>Bring <a class="" href="https://developer.wordpress.org/themes/basics/template-hierarchy/" rel="noopener noreferrer" target="_blank">template hierarchy<span><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon" class="inline h-4 w-4 align-text-top"><path stroke-linecap="round" stroke-linejoin="round" d="M13.5 6H5.25A2.25 2.25 0 0 0 3 8.25v10.5A2.25 2.25 0 0 0 5.25 21h10.5A2.25 2.25 0 0 0 18 18.75V10.5m-10.5 6L21 3m0 0h-5.25M21 3v5.25"></path></svg></span></a> support to your headless WordPress project. Automatically render the appropriate Next.js page template depending on the type of WordPress content being displayed.</p></div><div class="bg-blue-1100/20 rounded-lg p-6 text-white ring-1 shadow-lg ring-blue-500/10 bg-blue-1100/20 col-span-full flex flex-col overflow-hidden rounded-2xl p-4 ring-1 ring-blue-500/10 md:col-span-6 md:p-6 lg:col-span-7 lg:p-8"><div class="bg-opacity-30 flex h-14 w-14 items-center justify-center rounded-full bg-blue-800 text-teal-200"><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon" class="h-8 w-8"><path stroke-linecap="round" stroke-linejoin="round" d="M2.25 7.125C2.25 6.504 2.754 6 3.375 6h6c.621 0 1.125.504 1.125 1.125v3.75c0 .621-.504 1.125-1.125 1.125h-6a1.125 1.125 0 0 1-1.125-1.125v-3.75ZM14.25 8.625c0-.621.504-1.125 1.125-1.125h5.25c.621 0 1.125.504 1.125 1.125v8.25c0 .621-.504 1.125-1.125 1.125h-5.25a1.125 1.125 0 0 1-1.125-1.125v-8.25ZM3.75 16.125c0-.621.504-1.125 1.125-1.125h5.25c.621 0 1.125.504 1.125 1.125v2.25c0 .621-.504 1.125-1.125 1.125h-5.25a1.125 1.125 0 0 1-1.125-1.125v-2.25Z"></path></svg></div><h3 class="text-purple-100">Block editor support</h3><p>Create one-to-one mappings between WordPress block editor blocks and components in your Next.js app. This unlocks powerful features like the ability to easily replace internal links with Next.js <code class="not-prose">Link</code> components, override core block markup, render third party blocks in Next.js, and more.</p></div></div><p class="mt-16 text-center"><a class="not-prose group inline-flex items-center gap-1 rounded-full border border-gray-200/20 bg-linear-to-br from-purple-600/20 from-10% to-blue-600/20 px-8 py-2 text-base leading-none tracking-tight text-gray-200 shadow-lg backdrop-blur-lg transition duration-75 hover:border-gray-100/50 hover:bg-linear-to-tl hover:from-purple-400/80 hover:to-teal-300/80 hover:text-gray-900 hover:backdrop-blur-xl lg:py-3 " href="/docs/">Get Started<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon" class="group-hover:fill-gray-1000 inline h-5 w-5 transition group-hover:translate-x-1" focusable="false"><path stroke-linecap="round" stroke-linejoin="round" d="m8.25 4.5 7.5 7.5-7.5 7.5"></path></svg></a></p></div></section></main><footer class="bg-gray-950 px-8 pb-14 lg:px-16 lg:pb-24"><div class="container-main container-max prose prose-invert container border-t border-gray-900"><div class="grid grid-cols-1 gap-8 pt-14 sm:grid-cols-2 lg:grid-cols-3 lg:pt-24"><div class="col-span-1 flex flex-col gap-4"><h6 class="font-bold uppercase tracking-wider text-gray-300">Downloads</h6><ul class="my-0 list-none ps-0"><li class="my-0 space-y-2 ps-0"><a class="inline-flex items-center gap-1 font-normal text-gray-400 no-underline transition duration-150 ease-in-out hover:text-gray-200 " href="https://www.npmjs.com/package/@faustwp/cli" rel="noopener noreferrer" target="_blank">@faustwp/cli<span><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon" class="inline h-4 w-4 align-text-top"><path stroke-linecap="round" stroke-linejoin="round" d="M13.5 6H5.25A2.25 2.25 0 0 0 3 8.25v10.5A2.25 2.25 0 0 0 5.25 21h10.5A2.25 2.25 0 0 0 18 18.75V10.5m-10.5 6L21 3m0 0h-5.25M21 3v5.25"></path></svg></span></a></li><li class="my-0 space-y-2 ps-0"><a class="inline-flex items-center gap-1 font-normal text-gray-400 no-underline transition duration-150 ease-in-out hover:text-gray-200 " href="https://www.npmjs.com/package/@faustwp/core" rel="noopener noreferrer" target="_blank">@faustwp/core<span><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon" class="inline h-4 w-4 align-text-top"><path stroke-linecap="round" stroke-linejoin="round" d="M13.5 6H5.25A2.25 2.25 0 0 0 3 8.25v10.5A2.25 2.25 0 0 0 5.25 21h10.5A2.25 2.25 0 0 0 18 18.75V10.5m-10.5 6L21 3m0 0h-5.25M21 3v5.25"></path></svg></span></a></li><li class="my-0 space-y-2 ps-0"><a class="inline-flex items-center gap-1 font-normal text-gray-400 no-underline transition duration-150 ease-in-out hover:text-gray-200 " href="https://www.npmjs.com/package/@faustwp/blocks" rel="noopener noreferrer" target="_blank">@faustwp/blocks<span><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon" class="inline h-4 w-4 align-text-top"><path stroke-linecap="round" stroke-linejoin="round" d="M13.5 6H5.25A2.25 2.25 0 0 0 3 8.25v10.5A2.25 2.25 0 0 0 5.25 21h10.5A2.25 2.25 0 0 0 18 18.75V10.5m-10.5 6L21 3m0 0h-5.25M21 3v5.25"></path></svg></span></a></li><li class="my-0 space-y-2 ps-0"><a class="inline-flex items-center gap-1 font-normal text-gray-400 no-underline transition duration-150 ease-in-out hover:text-gray-200 " href="https://github.com/wpengine/faustjs/tree/canary/plugins/faustwp" rel="noopener noreferrer" target="_blank">Faust.js Companion Plugin<span><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon" class="inline h-4 w-4 align-text-top"><path stroke-linecap="round" stroke-linejoin="round" d="M13.5 6H5.25A2.25 2.25 0 0 0 3 8.25v10.5A2.25 2.25 0 0 0 5.25 21h10.5A2.25 2.25 0 0 0 18 18.75V10.5m-10.5 6L21 3m0 0h-5.25M21 3v5.25"></path></svg></span></a></li><li class="my-0 space-y-2 ps-0"><a class="inline-flex items-center gap-1 font-normal text-gray-400 no-underline transition duration-150 ease-in-out hover:text-gray-200 " href="https://github.com/wpengine/wp-graphql-content-blocks" rel="noopener noreferrer" target="_blank">WPGraphQL Content Blocks<span><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon" class="inline h-4 w-4 align-text-top"><path stroke-linecap="round" stroke-linejoin="round" d="M13.5 6H5.25A2.25 2.25 0 0 0 3 8.25v10.5A2.25 2.25 0 0 0 5.25 21h10.5A2.25 2.25 0 0 0 18 18.75V10.5m-10.5 6L21 3m0 0h-5.25M21 3v5.25"></path></svg></span></a></li></ul></div><div class="col-span-1 flex flex-col gap-4"><h6 class="font-bold uppercase tracking-wider text-gray-300">Community</h6><ul class="my-0 list-none ps-0"><li class="my-0 space-y-2 ps-0"><a class="inline-flex items-center gap-1 font-normal text-gray-400 no-underline transition duration-150 ease-in-out hover:text-gray-200 " href="https://github.com/wpengine/faustjs?ref=faustjs" rel="noopener noreferrer" target="_blank">Github<span><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon" class="inline h-4 w-4 align-text-top"><path stroke-linecap="round" stroke-linejoin="round" d="M13.5 6H5.25A2.25 2.25 0 0 0 3 8.25v10.5A2.25 2.25 0 0 0 5.25 21h10.5A2.25 2.25 0 0 0 18 18.75V10.5m-10.5 6L21 3m0 0h-5.25M21 3v5.25"></path></svg></span></a></li><li class="my-0 space-y-2 ps-0"><a class="inline-flex items-center gap-1 font-normal text-gray-400 no-underline transition duration-150 ease-in-out hover:text-gray-200 " href="https://twitter.com/wpengine" rel="noopener noreferrer" target="_blank">Twitter<span><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon" class="inline h-4 w-4 align-text-top"><path stroke-linecap="round" stroke-linejoin="round" d="M13.5 6H5.25A2.25 2.25 0 0 0 3 8.25v10.5A2.25 2.25 0 0 0 5.25 21h10.5A2.25 2.25 0 0 0 18 18.75V10.5m-10.5 6L21 3m0 0h-5.25M21 3v5.25"></path></svg></span></a></li><li class="my-0 space-y-2 ps-0"><a class="inline-flex items-center gap-1 font-normal text-gray-400 no-underline transition duration-150 ease-in-out hover:text-gray-200 " href="https://www.youtube.com/channel/UCh1WuL54XFb9ZI6m6goFv1g" rel="noopener noreferrer" target="_blank">YouTube<span><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon" class="inline h-4 w-4 align-text-top"><path stroke-linecap="round" stroke-linejoin="round" d="M13.5 6H5.25A2.25 2.25 0 0 0 3 8.25v10.5A2.25 2.25 0 0 0 5.25 21h10.5A2.25 2.25 0 0 0 18 18.75V10.5m-10.5 6L21 3m0 0h-5.25M21 3v5.25"></path></svg></span></a></li><li class="my-0 space-y-2 ps-0"><a class="inline-flex items-center gap-1 font-normal text-gray-400 no-underline transition duration-150 ease-in-out hover:text-gray-200 " href="/discord" rel="noopener noreferrer" target="_blank">Discord<span><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon" class="inline h-4 w-4 align-text-top"><path stroke-linecap="round" stroke-linejoin="round" d="M13.5 6H5.25A2.25 2.25 0 0 0 3 8.25v10.5A2.25 2.25 0 0 0 5.25 21h10.5A2.25 2.25 0 0 0 18 18.75V10.5m-10.5 6L21 3m0 0h-5.25M21 3v5.25"></path></svg></span></a></li></ul></div><div class="col-span-1 flex flex-col gap-4"><h6 class="font-bold uppercase tracking-wider text-gray-300">WP Engine</h6><ul class="my-0 list-none ps-0"><li class="my-0 space-y-2 ps-0"><a class="inline-flex items-center gap-1 font-normal text-gray-400 no-underline transition duration-150 ease-in-out hover:text-gray-200 " target="_self" href="/privacy-policy/">Privacy Policy</a></li><li class="my-0 space-y-2 ps-0"><a class="inline-flex items-center gap-1 font-normal text-gray-400 no-underline transition duration-150 ease-in-out hover:text-gray-200 " href="https://wpengine.com/builders/headless" rel="noopener noreferrer" target="_blank">Developers<span><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon" class="inline h-4 w-4 align-text-top"><path stroke-linecap="round" stroke-linejoin="round" d="M13.5 6H5.25A2.25 2.25 0 0 0 3 8.25v10.5A2.25 2.25 0 0 0 5.25 21h10.5A2.25 2.25 0 0 0 18 18.75V10.5m-10.5 6L21 3m0 0h-5.25M21 3v5.25"></path></svg></span></a></li><li class="my-0 space-y-2 ps-0"><a class="inline-flex items-center gap-1 font-normal text-gray-400 no-underline transition duration-150 ease-in-out hover:text-gray-200 " href="https://wpengine.careers/?ref=faustjs" rel="noopener noreferrer" target="_blank">We're Hiring!<span><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon" class="inline h-4 w-4 align-text-top"><path stroke-linecap="round" stroke-linejoin="round" d="M13.5 6H5.25A2.25 2.25 0 0 0 3 8.25v10.5A2.25 2.25 0 0 0 5.25 21h10.5A2.25 2.25 0 0 0 18 18.75V10.5m-10.5 6L21 3m0 0h-5.25M21 3v5.25"></path></svg></span></a></li><li class="my-0 space-y-2 ps-0"><a class="inline-flex items-center gap-1 font-normal text-gray-400 no-underline transition duration-150 ease-in-out hover:text-gray-200 " href="https://wpengine.com/atlas?ref=faustjs" rel="noopener noreferrer" target="_blank">Headless Hosting<span><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon" class="inline h-4 w-4 align-text-top"><path stroke-linecap="round" stroke-linejoin="round" d="M13.5 6H5.25A2.25 2.25 0 0 0 3 8.25v10.5A2.25 2.25 0 0 0 5.25 21h10.5A2.25 2.25 0 0 0 18 18.75V10.5m-10.5 6L21 3m0 0h-5.25M21 3v5.25"></path></svg></span></a></li></ul></div></div><div class="mt-2 text-gray-400 lg:mt-24"><p>Powered by <a class="undefined font-normal text-gray-200 no-underline " href="/">Faust.js</a> & WP Engine's <a class="font-normal text-gray-200 no-underline " href="https://wpengine.com/headless-wordpress/" rel="noopener noreferrer" target="_blank">Headless platform<span><svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon" class="inline h-4 w-4 align-text-top"><path stroke-linecap="round" stroke-linejoin="round" d="M13.5 6H5.25A2.25 2.25 0 0 0 3 8.25v10.5A2.25 2.25 0 0 0 5.25 21h10.5A2.25 2.25 0 0 0 18 18.75V10.5m-10.5 6L21 3m0 0h-5.25M21 3v5.25"></path></svg></span></a></p><p class="text-gray-400">© 2013-2025 WP Engine, Inc. All rights reserved.</p></div></div></footer></div></div><script id="__NEXT_DATA__" type="application/json">{"props":{"pageProps":{}},"page":"/","query":{},"buildId":"ul8EtIF7Dear-u9nf21bk","nextExport":true,"autoExport":true,"isFallback":false,"locale":"en","locales":["en"],"defaultLocale":"en","scriptLoader":[]}</script></body></html>