1<!DOCTYPE html><html lang="en" class="__variable_ac79ff __variable_8a4d12"><head><meta charSet="utf-8"/><meta name="viewport" content="width=device-width, initial-scale=1"/><link rel="preload" href="/_next/static/media/ec1a1eae803b668e-s.p.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" href="/_next/static/media/f980ec13b5b5e554.p.woff2" as="font" crossorigin="" type="font/woff2"/><link rel="preload" as="image" imageSrcSet="https://assets.basehub.com/17c993ed/Um54mgSvl8HMyCGFyNXDi/basehub.avif?width=2048&quality=90&format=auto 1x, https://assets.basehub.com/17c993ed/Um54mgSvl8HMyCGFyNXDi/basehub.avif?width=3840&quality=90&format=auto 2x"/><link rel="preload" as="image" imageSrcSet="https://assets.basehub.com/17c993ed/C3Z7-fhvctOrfBTxB6Te6/basehub-image.png?width=3840&quality=90&format=auto 1x"/><link rel="preload" as="image" imageSrcSet="https://assets.basehub.com/17c993ed/q2kv5aIAhIN4XQfn-xBrF/docker-cover-image.jpg?width=2048&quality=90&format=auto 1x, https://assets.basehub.com/17c993ed/q2kv5aIAhIN4XQfn-xBrF/docker-cover-image.jpg?width=3840&quality=90&format=auto 2x"/><link rel="preload" as="image" imageSrcSet="https://assets.basehub.com/17c993ed/IEyTb9vTk9w5P1_9mj6xo/evil-rabbit-cover-image.jpg?width=2048&quality=90&format=auto 1x, https://assets.basehub.com/17c993ed/IEyTb9vTk9w5P1_9mj6xo/evil-rabbit-cover-image.jpg?width=3840&quality=90&format=auto 2x"/><link rel="preload" as="image" imageSrcSet="https://assets.basehub.com/17c993ed/TcZP-JCB_guy6t-xD8tc3/vercel-nextjs-cover-image.jpg?width=2048&quality=90&format=auto 1x, https://assets.basehub.com/17c993ed/TcZP-JCB_guy6t-xD8tc3/vercel-nextjs-cover-image.jpg?width=3840&quality=90&format=auto 2x"/><link rel="stylesheet" href="/_next/static/css/0cb36c8a47462953.css" data-precedence="next"/><link rel="preload" as="script" fetchPriority="low" href="/_next/static/chunks/webpack-92c938e5755e01a3.js"/>
1<script src="/_next/static/chunks/99afd74b-b738bdcce99979c0.js" async=""></script>
1<script src="/_next/static/chunks/477-3f267d663f37b711.js" async=""></script>
1<script src="/_next/static/chunks/main-app-2327b57f75f3868b.js" async=""></script>
1<script src="/_next/static/chunks/338-428cf161b4ea9fe3.js" async=""></script>
1<script src="/_next/static/chunks/822-70beb4015c0734cc.js" async=""></script>
1<script src="/_next/static/chunks/app/%5Blocale%5D/layout-da8e081f03268519.js" async=""></script>
1<script src="/_next/static/chunks/538-24b6d31d5cc8d876.js" async=""></script>
1<script src="/_next/static/chunks/app/%5Blocale%5D/posts/%5Bslug%5D/page-284b4ee08e5914fb.js" async=""></script>
1<meta name="next-size-adjust"/><title>What is BaseHub?</title><meta name="description" content="Unleash your content's full potential with BaseHub - the ultimate AI-Native headless CMS for all your digital needs."/><link rel="icon" href="/favicon.ico" type="image/x-icon" sizes="16x16"/>
1<script src="/_next/static/chunks/polyfills-42372ed130431b0a.js" noModule=""></script>
1</head><body><main class="min-h-screen"><header class="container mx-auto px-5 mt-10"><button type="button" role="combobox" aria-controls="radix-:Rdfb:" aria-expanded="false" aria-autocomplete="none" dir="ltr" data-state="closed" class="flex h-10 items-center justify-between rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus:outline-none focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 [&>span]:line-clamp-1 ml-auto w-[180px]"><span style="pointer-events:none"></span><svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" class="lucide lucide-chevron-down h-4 w-4 opacity-50" aria-hidden="true"><path d="m6 9 6 6 6-6"></path></svg></button><select aria-hidden="true" tabindex="-1" style="position:absolute;border:0;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;word-wrap:normal"></select></header><main><section class="container mx-auto px-5"><h2 class="mt-8 mb-16 md:mb-12 text-2xl font-bold leading-tight tracking-tight md:text-4xl md:tracking-tighter"><a class="hover:underline" href="/">Blog.</a></h2><article><h1 class="mb-12 text-center text-6xl font-bold leading-tight tracking-tighter md:text-left md:text-7xl md:leading-none lg:text-8xl">What is BaseHub?</h1><div class="hidden md:block md:mb-6"><div class="flex items-center"><div class="mr-4 w-12 h-12"><img alt="Julian Benegas" loading="lazy" width="96" height="96" decoding="async" data-nimg="1" class="object-cover h-full rounded-full" style="color:transparent" srcSet="https://assets.basehub.com/17c993ed/dSeM1e6GE_mlzmUUjVe2w/julian-benegas.jpg?width=96&quality=90&format=auto 1x, https://assets.basehub.com/17c993ed/dSeM1e6GE_mlzmUUjVe2w/julian-benegas.jpg?width=256&quality=90&format=auto 2x" src="https://assets.basehub.com/17c993ed/dSeM1e6GE_mlzmUUjVe2w/julian-benegas.jpg?width=256&quality=90&format=auto"/></div><div class="text-xl font-bold">Julian Benegas</div></div></div><div class="hidden md:block md:mb-12 text-base dark:text-white/60 text-black/60"><time dateTime="2024-06-02T00:00:00.000Z" class="capitalize">June 2, 2024</time></div><div class="mb-8 sm:mx-0 md:mb-16"><div class="sm:mx-0"><img alt="Cover Image for What is BaseHub?" width="2000" height="1000" decoding="async" data-nimg="1" class="shadow-sm rounded-lg" style="color:transparent" srcSet="https://assets.basehub.com/17c993ed/Um54mgSvl8HMyCGFyNXDi/basehub.avif?width=2048&quality=90&format=auto 1x, https://assets.basehub.com/17c993ed/Um54mgSvl8HMyCGFyNXDi/basehub.avif?width=3840&quality=90&format=auto 2x" src="https://assets.basehub.com/17c993ed/Um54mgSvl8HMyCGFyNXDi/basehub.avif?width=3840&quality=90&format=auto"/></div></div><div class="mx-auto max-w-2xl"><div class="mb-6 block md:hidden"><div class="flex items-center"><div class="mr-4 w-12 h-12"><img alt="Julian Benegas" loading="lazy" width="96" height="96" decoding="async" data-nimg="1" class="object-cover h-full rounded-full" style="color:transparent" srcSet="https://assets.basehub.com/17c993ed/dSeM1e6GE_mlzmUUjVe2w/julian-benegas.jpg?width=96&quality=90&format=auto 1x, https://assets.basehub.com/17c993ed/dSeM1e6GE_mlzmUUjVe2w/julian-benegas.jpg?width=256&quality=90&format=auto 2x" src="https://assets.basehub.com/17c993ed/dSeM1e6GE_mlzmUUjVe2w/julian-benegas.jpg?width=256&quality=90&format=auto"/></div><div class="text-xl font-bold">Julian Benegas</div></div></div><div class="mb-12 text-base dark:text-white/60 text-black/60 block md:hidden"><time dateTime="2024-06-02T00:00:00.000Z" class="capitalize">June 2, 2024</time></div></div><div class="mx-auto max-w-2xl"><div class="prose dark:prose-invert hover:prose-a:text-orange-500"><p>BaseHub is a headless CMS that helps you write, store and distribute content for the Internet, faster. In our docs, we aim to give you an overview of BaseHubâs core concepts, as well as guide you through common use cases of the platform.</p><img alt="Fast, Collaborative, AI-Native Content Management" caption="Fast, Collaborative, AI-Native Content Management" width="2880" height="1800" decoding="async" data-nimg="1" class="rounded-lg" style="color:transparent" srcSet="https://assets.basehub.com/17c993ed/C3Z7-fhvctOrfBTxB6Te6/basehub-image.png?width=3840&quality=90&format=auto 1x" src="https://assets.basehub.com/17c993ed/C3Z7-fhvctOrfBTxB6Te6/basehub-image.png?width=3840&quality=90&format=auto"/><figcaption class="text-center">Fast, Collaborative, AI-Native Content Management</figcaption><h2 id="how-to-use-rich-text-in-react"><b>How to use Rich Text in React?</b></h2><p>The Delivery API can return your Rich Text Blocksâ data in multiple formats:</p><ol><li><p><b>Plain Text</b>, will ignore all formatting, media, and custom components, easy to render.</p></li><li><p><b>HTML</b>, will ignore custom components, easy to render.</p></li><li><p><b>Markdown</b>, will ignore custom components, needs a markdown to HTML parser to render.</p></li><li><p><b>JSON</b>, comes with everything, but needs something that understand and processes it.</p></li></ol><p>In the case of the JSON format, the response will be an AST based on the <a href="https://tiptap.dev/docs/editor/guide/output#option-1-json" target="_blank" rel="noopener noreferrer"><b>TipTap editor spec</b></a>. Because of the complexities associated with processing this JSON format, weâve built a React Component called <code><RichText /></code> that will help us render our Rich Text content. This is how it works:</p><div data-snippet-group-id=":S1:" data-snippet-id=":S1:-snippet-0" style="display:block"><pre class="shiki slack-dark has-highlighted" style="background-color:#222222;color:#E6E6E6" tabindex="0"><code><span class="line"><span style="color:#C586C0">
1import</span><span style="color:#E6E6E6"> { </span><span style="color:#9CDCFE">Pump</span><span style="color:#E6E6E6"> } </span><span style="color:#C586C0">from</span><span style="color:#CE9178"> "basehub/react-pump"</span></span> 2<span class="line"><span style="color:#C586C0">import</span><span style="color:#E6E6E6"> { </span><span style="color:#9CDCFE">RichText</span><span style="color:#E6E6E6"> } </span><span style="color:#C586C0">from</span><span style="color:#CE9178"> "basehub/react-rich-text"</span></span> 3<span class="line"></span> 4<span class="line"><span style="color:#569CD6">const</span><span style="color:#DCDCAA"> Page</span><span style="color:#D4D4D4"> =</span><span style="color:#569CD6"> async</span><span style="color:#E6E6E6"> () </span><span style="color:#569CD6">=></span><span style="color:#E6E6E6"> {</span></span> 5<span class="line"><span style="color:#C586C0"> return</span><span style="color:#E6E6E6"> (</span></span> 6<span class="line"><span style="color:#808080"> <</span><span style="color:#4EC9B0">Pump</span></span> 7<span class="line"><span style="color:#9CDCFE"> draft</span><span style="color:#D4D4D4">=</span><span style="color:#569CD6">{</span><span style="color:#DCDCAA">draftMode</span><span style="color:#D4D4D4">().</span><span style="color:#9CDCFE">isEnabled</span><span style="color:#569CD6">}</span></span> 8<span class="line"><span style="color:#9CDCFE"> next</span><span style="color:#D4D4D4">=</span><span style="color:#569CD6">{</span><span style="color:#D4D4D4">{ </span><span style="color:#9CDCFE">revalidate:</span><span style="color:#B5CEA8"> 60</span><span style="color:#D4D4D4"> }</span><span style="color:#569CD6">}</span></span> 9<span class="line"><span style="color:#9CDCFE"> queries</span><span style="color:#D4D4D4">=</span><span style="color:#569CD6">{</span><span style="color:#D4D4D4">[</span></span> 10<span class="line"><span style="color:#D4D4D4"> {</span></span> 11<span class="line"><span style="color:#9CDCFE"> homepage:</span><span style="color:#D4D4D4"> {</span></span> 12<span class="line highlighted"><span style="color:#9CDCFE"> subtitle:</span><span style="color:#D4D4D4"> { </span></span> 13<span class="line highlighted"><span style="color:#9CDCFE"> json:</span><span style="color:#D4D4D4"> { </span></span> 14<span class="line highlighted"><span style="color:#9CDCFE"> content:</span><span style="color:#569CD6"> true</span><span style="color:#D4D4D4">, </span></span> 15<span class="line highlighted"><span style="color:#D4D4D4"> }, </span></span> 16<span class="line highlighted"><span style="color:#D4D4D4"> }, </span></span> 17<span class="line"><span style="color:#D4D4D4"> },</span></span> 18<span class="line"><span style="color:#D4D4D4"> },</span></span> 19<span class="line"><span style="color:#D4D4D4"> ]</span><span style="color:#569CD6">}</span></span> 20<span class="line"><span style="color:#808080"> ></span></span> 21<span class="line"><span style="color:#569CD6"> {async</span><span style="color:#D4D4D4"> ([{ </span><span style="color:#9CDCFE">homepage</span><span style="color:#D4D4D4"> }]) </span><span style="color:#569CD6">=></span><span style="color:#D4D4D4"> {</span></span> 22<span class="line"><span style="color:#CE9178"> "use server"</span></span> 23<span class="line"><span style="color:#C586C0"> return</span><span style="color:#808080"> <</span><span style="color:#4EC9B0">RichText</span><span style="color:#808080">></span><span style="color:#569CD6">{</span><span style="color:#9CDCFE">homepage</span><span style="color:#D4D4D4">.</span><span style="color:#9CDCFE">subtitle</span><span style="color:#D4D4D4">.</span><span style="color:#9CDCFE">json</span><span style="color:#D4D4D4">.</span><span style="color:#9CDCFE">content</span><span style="color:#569CD6">}</span><span style="color:#808080"></</span><span style="color:#4EC9B0">RichText</span><span style="color:#808080">></span></span> 24<span class="line"><span style="color:#D4D4D4"> }</span><span style="color:#569CD6">}</span></span> 25<span class="line"><span style="color:#808080"> </</span><span style="color:#4EC9B0">Pump</span><span style="color:#808080">></span></span> 26<span class="line"><span style="color:#E6E6E6"> )</span></span> 27<span class="line"><span style="color:#E6E6E6">}</span></span> 28<span class="line"></span> 29<span class="line"><span style="color:#C586C0">export</span><span style="color:#C586C0"> default</span><span style="color:#9CDCFE"> Page</span></span></code></pre></div><p>When using the <code><RichText /></code>
29 component, you can simply pass the JSON content into it via <code>children</code>, and itâll get rendered.</p><h2 id="how-to-use-fast-refresh-with-pump-nextjs-only"><b>How to use Fast Refresh with Pump? (Next.js Only)</b></h2><p>Pump is a React Server Component that enables a Fast Refresh-like experience for your content. When set up, Pump will subscribe to real time changes from your Repo, and so keep your UI up-to-date. This is ideal for previewing content before pushing it to production. You can use it like this:</p><div data-snippet-group-id=":S2:" data-snippet-id=":S2:-snippet-0" style="display:block"><pre class="shiki slack-dark has-highlighted" style="background-color:#222222;color:#E6E6E6" tabindex="0"><code><span class="line highlighted"><span style="color:#C586C0">import</span><span style="color:#E6E6E6"> { </span><span style="color:#9CDCFE">Pump</span><span style="color:#E6E6E6"> } </span><span style="color:#C586C0">from</span><span style="color:#CE9178"> "basehub/react-pump"</span></span> 30<span class="line"><span style="color:#C586C0">import</span><span style="color:#E6E6E6"> { </span><span style="color:#9CDCFE">draftMode</span><span style="color:#E6E6E6"> } </span><span style="color:#C586C0">from</span><span style="color:#CE9178"> "next/headers"</span></span> 31<span class="line"></span> 32<span class="line"><span style="color:#569CD6">const</span><span style="color:#DCDCAA"> Page</span><span style="color:#D4D4D4"> =</span><span style="color:#E6E6E6"> () </span><span style="color:#569CD6">=></span><span style="color:#E6E6E6"> {</span></span> 33<span class="line"><span style="color:#C586C0"> return</span><span style="color:#E6E6E6"> (</span></span> 34<span class="line highlighted"><span style="color:#808080"> <</span><span style="color:#4EC9B0">Pump</span><span style="color:#9CDCFE"> queries</span><span style="color:#D4D4D4">=</span><span style="color:#569CD6">{</span><span style="color:#D4D4D4">[{ </span><span style="color:#9CDCFE">_sys:</span><span style="color:#D4D4D4"> { </span><span style="color:#9CDCFE">id:</span><span style="color:#569CD6"> true</span><span style="color:#D4D4D4"> } }]</span><span style="color:#569CD6">}</span><span style="color:#9CDCFE"> draft</span><span style="color:#D4D4D4">=</span><span style="color:#569CD6">{</span><span style="color:#DCDCAA">draftMode</span><span style="color:#D4D4D4">().</span><span style="color:#9CDCFE">isEnabled</span><span style="color:#569CD6">}</span><span style="color:#808080">></span></span> 35<span class="line"><span style="color:#569CD6"> {async</span><span style="color:#D4D4D4"> ([</span><span style="color:#9CDCFE">data</span><span style="color:#D4D4D4">]) </span><span style="color:#569CD6">=></span><span style="color:#D4D4D4"> {</span></span> 36<span class="line highlighted"><span style="color:#CE9178"> "use server"</span><span style="color:#6A9955"> // needs to be a Server Action</span></span> 37<span class="line"></span> 38<span class="line"><span style="color:#6A9955"> // some notes</span></span> 39<span class="line"><span style="color:#6A9955"> // 1. `data` is typesafe.</span></span> 40<span class="line"><span style="color:#6A9955"> // 2. if draft === true, this will run every time you edit the content, in real time.</span></span> 41<span class="line"><span style="color:#6A9955"> // 3. you can render nested Server Components (Client or Server) here, go nuts.</span></span> 42<span class="line"></span> 43<span class="line"><span style="color:#C586C0"> return</span><span style="color:#D4D4D4"> (</span></span> 44<span class="line"><span style="color:#808080"> <</span><span style="color:#569CD6">pre</span><span style="color:#808080">></span></span> 45<span class="line"><span style="color:#808080"> <</span><span style="color:#569CD6">code</span><span style="color:#808080">></span><span style="color:#569CD6">{</span><span style="color:#9CDCFE">JSON</span><span style="color:#D4D4D4">.</span><span style="color:#DCDCAA">stringify</span><span style="color:#D4D4D4">(</span><span style="color:#9CDCFE">data</span><span style="color:#D4D4D4">, </span><span style="color:#569CD6">null</span><span style="color:#D4D4D4">, </span><span style="color:#B5CEA8">2</span><span style="color:#D4D4D4">)</span><span style="color:#569CD6">}</span><span style="color:#808080"></</span><span style="color:#569CD6">code</span><span style="color:#808080">></span></span> 46<span class="line"><span style="color:#808080"> </</span><span style="color:#569CD6">
46pre</span><span style="color:#808080">></span></span> 47<span class="line"><span style="color:#D4D4D4"> )</span></span> 48<span class="line"><span style="color:#D4D4D4"> }</span><span style="color:#569CD6">}</span></span> 49<span class="line"><span style="color:#808080"> </</span><span style="color:#4EC9B0">Pump</span><span style="color:#808080">></span></span> 50<span class="line"><span style="color:#E6E6E6"> )</span></span> 51<span class="line"><span style="color:#E6E6E6">}</span></span> 52<span class="line"></span> 53<span class="line"><span style="color:#C586C0">export</span><span style="color:#C586C0"> default</span><span style="color:#9CDCFE"> Page</span></span></code></pre></div><blockquote><p>Note: This is a fragment of the BaseHub documentation. For more info, please go to our <a href="https://basehub.com/docs" target="_blank" rel="noopener noreferrer"><b>official docs</b></a>.</p></blockquote></div></div></article><hr class="mt-28 mb-24"/><section><h2 class="mb-8 text-6xl md:text-7xl font-bold tracking-tighter leading-tight">More Posts</h2><div class="grid grid-cols-1 md:grid-cols-2 md:gap-x-16 lg:gap-x-32 gap-y-20 md:gap-y-32 mb-32"><div><div class="mb-5"><div class="sm:mx-0"><a aria-label="About Learning Docker" href="/posts/about-learning-docker"><img alt="Cover Image for About Learning Docker" width="2000" height="1000" decoding="async" data-nimg="1" class="shadow-sm rounded-lg hover:shadow-md transition-shadow duration-200" style="color:transparent" srcSet="https://assets.basehub.com/17c993ed/q2kv5aIAhIN4XQfn-xBrF/docker-cover-image.jpg?width=2048&quality=90&format=auto 1x, https://assets.basehub.com/17c993ed/q2kv5aIAhIN4XQfn-xBrF/docker-cover-image.jpg?width=3840&quality=90&format=auto 2x" src="https://assets.basehub.com/17c993ed/q2kv5aIAhIN4XQfn-xBrF/docker-cover-image.jpg?width=3840&quality=90&format=auto"/></a></div></div><h3 class="text-3xl mb-3 leading-snug"><a class="hover:underline" href="/en/posts/about-learning-docker">About Learning Docker</a></h3><div class="text-base dark:text-white/60 text-black/60 mb-4"><time dateTime="2025-01-12T00:00:00.000Z" class="capitalize">January 12, 2025</time></div><p class="text-lg leading-relaxed mb-4">A succinct overview of the key benefits and features of Docker for those looking to streamline their development process.</p><div class="flex items-center"><div class="mr-4 w-12 h-12"><img alt="Lee Robinson" loading="lazy" width="96" height="96" decoding="async" data-nimg="1" class="object-cover h-full rounded-full" style="color:transparent" srcSet="https://assets.basehub.com/17c993ed/TF4VmMJcJ_pEWy22PjRLQ/lee-robinson.jpg?width=96&quality=90&format=auto 1x, https://assets.basehub.com/17c993ed/TF4VmMJcJ_pEWy22PjRLQ/lee-robinson.jpg?width=256&quality=90&format=auto 2x" src="https://assets.basehub.com/17c993ed/TF4VmMJcJ_pEWy22PjRLQ/lee-robinson.jpg?width=256&quality=90&format=auto"/></div><div class="text-xl font-bold">Lee Robinson</div></div></div><div><div class="mb-5"><div class="sm:mx-0"><a aria-label="Tweaking My Avatar" href="/posts/tweaking-my-avatar"><img alt="Cover Image for Tweaking My Avatar" width="2000" height="1000" decoding="async" data-nimg="1" class="shadow-sm rounded-lg hover:shadow-md transition-shadow duration-200" style="color:transparent" srcSet="https://assets.basehub.com/17c993ed/IEyTb9vTk9w5P1_9mj6xo/evil-rabbit-cover-image.jpg?width=2048&quality=90&format=auto 1x, https://assets.basehub.com/17c993ed/IEyTb9vTk9w5P1_9mj6xo/evil-rabbit-cover-image.jpg?width=3840&quality=90&format=auto 2x" src="https://assets.basehub.com/17c993ed/IEyTb9vTk9w5P1_9mj6xo/evil-rabbit-cover-image.jpg?width=3840&quality=90&format=auto"/></a></div></div><h3 class="text-3xl mb-3 leading-snug"><a class="hover:underline" href="/en/posts/tweaking-my-avatar">Tweaking My Avatar</a></h3><div class="text-base dark:text-white/60 text-black/60 mb-4"><time dateTime="2022-05-14T00:00:00.000Z" class="capitalize">May 14, 2022</time></div><p class="text-lg leading-relaxed mb-4">Boost your avatar's uniqueness with creative adjustments! ð¨</p><div class="flex items-center"><div class="mr-4 w-12 h-12"><img alt="Evil Rabbit" loading="lazy" width="96" height="96" decoding="async" data-nimg="1" class="object-cover h-full rounded-full" style="color:transparent" srcSet="https://assets.basehub.com/17c993ed/D81Tc6f7CSY8ddx8VGb5t/evil-rabbit-avatar.jpg?width=96&quality=90&format=auto 1x, https://assets.basehub.com/17c993ed/D81Tc6f7CSY8ddx8VGb5t/evil-rabbit-avatar.jpg?width=256&quality=90&format=auto 2x" src="https://assets.basehub.com/17c993ed/D81Tc6f7CSY8ddx8VGb5t/evil-rabbit-avatar.jpg?width=256&quality=90&format=auto"/></div><div class="text-xl font-bold">Evil Rabbit</div></div></div><div><div class="mb-5"><div class="sm:mx-0"><a aria-label="Making the Web. Faster." href="/posts/making-the-web-faster"><img alt="Cover Image for Making the Web. Faster." width="2000" height="1000" decoding="async" data-nimg="1" class="shadow-sm rounded-lg hover:shadow-md transition-shadow duration-200" style="color:transparent" srcSet="https://assets.basehub.com/17c993ed/TcZP-JCB_guy6t-xD8tc3/vercel-nextjs-cover-image.jpg?width=2048&quality=90&format=auto 1x, https://assets.basehub.com/17c993ed/TcZP-JCB_guy6t-xD8tc3/vercel-nextjs-cover-image.jpg?width=3840&quality=90&format=auto 2x" src="https://assets.basehub.com/17c993ed/TcZP-JCB_guy6t-xD8tc3/vercel-nextjs-cover-image.jpg?width=3840&quality=90&format=auto"/></a></div></div><h3 class="text-3xl mb-3 leading-snug"><a class="hover:underline" href="/en/posts/making-the-web-faster">Making the Web. Faster.</a></h3><div class="text-base dark:text-white/60 text-black/60 mb-4"><time dateTime="2021-06-23T00:00:00.000Z" class="capitalize">June 23, 2021</time></div><p class="text-lg leading-relaxed mb-4">A compelling overview detailing the methods and strategies employed to optimize website performance and enhance user experience.</p><div class="flex items-center"><div class="mr-4 w-12 h-12"><img alt="Guillermo Rauch" loading="lazy" width="96" height="96" decoding="async" data-nimg="1" class="object-cover h-full rounded-full" style="color:transparent" srcSet="https://assets.basehub.com/17c993ed/2O0chAcya-UAkuKlWi5lk/guillermo-rauch.jpg?width=96&quality=90&format=auto 1x, https://assets.basehub.com/17c993ed/2O0chAcya-UAkuKlWi5lk/guillermo-rauch.jpg?width=256&quality=90&format=auto 2x" src="https://assets.basehub.com/17c993ed/2O0chAcya-UAkuKlWi5lk/guillermo-rauch.jpg?width=256&quality=90&format=auto"/></div><div class="text-xl font-bold">Guillermo Rauch</div></div></div></div></section></section></main><footer class="border-t"><div class="container mx-auto px-5"><div class="py-28 flex flex-col lg:flex-row items-center"><h3 class="text-4xl lg:text-5xl font-bold tracking-tighter leading-tight text-center lg:text-left mb-10 lg:mb-0 lg:pr-4 lg:w-1/2">Built with Next.js.</h3><div class="flex flex-col lg:flex-row justify-center items-center lg:pl-4 lg:w-1/2"><a href="https://nextjs.org/docs" target="_blank" rel="noopener noreferrer" class="mx-3 rounded-lg bg-black dark:bg-white hover:bg-white dark:hover:bg-black hover:text-black dark:hover:text-white border border-black dark:border-white text-white dark:text-black font-bold py-3 px-12 lg:px-8 duration-200 transition-colors mb-6 lg:mb-0">Read Documentation</a><a href="https://github.com/vercel/next.js/tree/canary/examples/cms-basehub" target="_blank" rel="noopener noreferrer" class="mx-3 font-bold hover:underline">View on GitHub</a></div></div></div></footer></main>
53<script src="/_next/static/chunks/webpack-92c938e5755e01a3.js" async=""></script>
53<script>(self.__next_f=self.__next_f||[]).push([0])</script>
53<script>self.__next_f.push([1,"4:\"$Sreact.fragment\"\n5:I[5042,[],\"\"]\n6:I[6637,[],\"\"]\n9:I[4362,[],\"OutletBoundary\"]\nb:I[4362,[],\"MetadataBoundary\"]\nd:I[4362,[],\"ViewportBoundary\"]\nf:I[5478,[],\"\"]\n1:HL[\"/_next/static/media/ec1a1eae803b668e-s.p.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n2:HL[\"/_next/static/media/f980ec13b5b5e554.p.woff2\",\"font\",{\"crossOrigin\":\"\",\"type\":\"font/woff2\"}]\n3:HL[\"/_next/static/css/0cb36c8a47462953.css\",\"style\"]\n"])</script>
53<script>self.__next_f.push([1,"0:{\"P\":null,\"b\":\"MSqbhtDzBdX8SSdNS9BNz\",\"p\":\"\",\"c\":[\"\",\"en\",\"posts\",\"what-is-basehub\"],\"i\":false,\"f\":[[[\"\",{\"children\":[[\"locale\",\"en\",\"d\"],{\"children\":[\"posts\",{\"children\":[[\"slug\",\"what-is-basehub\",\"d\"],{\"children\":[\"__PAGE__\",{}]}]}]},\"$undefined\",\"$undefined\",true]}],[\"\",[\"$\",\"$4\",\"c\",{\"children\":[null,[\"$\",\"$L5\",null,{\"parallelRouterKey\":\"children\",\"segmentPath\":[\"children\"],\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L6\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":[[\"$\",\"title\",null,{\"children\":\"404: This page could not be found.\"}],[\"$\",\"div\",null,{\"style\":{\"fontFamily\":\"system-ui,\\\"Segoe UI\\\",Roboto,Helvetica,Arial,sans-serif,\\\"Apple Color Emoji\\\",\\\"Segoe UI Emoji\\\"\",\"height\":\"100vh\",\"textAlign\":\"center\",\"display\":\"flex\",\"flexDirection\":\"column\",\"alignItems\":\"center\",\"justifyContent\":\"center\"},\"children\":[\"$\",\"div\",null,{\"children\":[[\"$\",\"style\",null,{\"dangerouslySetInnerHTML\":{\"__html\":\"body{color:#000;background:#fff;margin:0}.next-error-h1{border-right:1px solid rgba(0,0,0,.3)}@media (prefers-color-scheme:dark){body{color:#fff;background:#000}.next-error-h1{border-right:1px solid rgba(255,255,255,.3)}}\"}}],[\"$\",\"h1\",null,{\"className\":\"next-error-h1\",\"style\":{\"display\":\"inline-block\",\"margin\":\"0 20px 0 0\",\"padding\":\"0 23px 0 0\",\"fontSize\":24,\"fontWeight\":500,\"verticalAlign\":\"top\",\"lineHeight\":\"49px\"},\"children\":\"404\"}],[\"$\",\"div\",null,{\"style\":{\"display\":\"inline-block\"},\"children\":[\"$\",\"h2\",null,{\"style\":{\"fontSize\":14,\"fontWeight\":400,\"lineHeight\":\"49px\",\"margin\":0},\"children\":\"This page could not be found.\"}]}]]}]}]],\"notFoundStyles\":[]}]]}],{\"children\":[[\"locale\",\"en\",\"d\"],[\"$\",\"$4\",\"c\",{\"children\":[[[\"$\",\"link\",\"0\",{\"rel\":\"stylesheet\",\"href\":\"/_next/static/css/0cb36c8a47462953.css\",\"precedence\":\"next\",\"crossOrigin\":\"$undefined\",\"nonce\":\"$undefined\"}]],\"$L7\"]}],{\"children\":[\"posts\",[\"$\",\"$4\",\"c\",{\"children\":[null,[\"$\",\"$L5\",null,{\"parallelRouterKey\":\"children\",\"segmentPath\":[\"children\",\"$0:f:0:1:2:children:0\",\"children\",\"posts\",\"children\"],\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L6\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"notFoundStyles\":\"$undefined\"}]]}],{\"children\":[[\"slug\",\"what-is-basehub\",\"d\"],[\"$\",\"$4\",\"c\",{\"children\":[null,[\"$\",\"$L5\",null,{\"parallelRouterKey\":\"children\",\"segmentPath\":[\"children\",\"$0:f:0:1:2:children:0\",\"children\",\"posts\",\"children\",\"$0:f:0:1:2:children:2:children:2:children:0\",\"children\"],\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L6\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"notFoundStyles\":\"$undefined\"}]]}],{\"children\":[\"__PAGE__\",[\"$\",\"$4\",\"c\",{\"children\":[\"$L8\",null,[\"$\",\"$L9\",null,{\"children\":\"$La\"}]]}],{},null]},null]},null]},null]},null],[\"$\",\"$4\",\"h\",{\"children\":[null,[\"$\",\"$4\",\"C3kLg1Jjb19O7zlicXwd-\",{\"children\":[[\"$\",\"$Lb\",null,{\"children\":\"$Lc\"}],[\"$\",\"$Ld\",null,{\"children\":\"$Le\"}],[\"$\",\"meta\",null,{\"name\":\"next-size-adjust\"}]]}]]}]]],\"m\":\"$undefined\",\"G\":\"$f\",\"s\":false,\"S\":true}\n"])</script>
53<script>self.__next_f.push([1,"7:[\"$\",\"html\",null,{\"lang\":\"en\",\"className\":\"__variable_ac79ff __variable_8a4d12\",\"children\":[\"$\",\"body\",null,{\"children\":[\"$L10\",[\"$\",\"main\",null,{\"className\":\"min-h-screen\",\"children\":[[\"$\",\"header\",null,{\"className\":\"container mx-auto px-5 mt-10\",\"children\":\"$L11\"}],[\"$\",\"$L5\",null,{\"parallelRouterKey\":\"children\",\"segmentPath\":[\"children\",\"$0:f:0:1:2:children:0\",\"children\"],\"error\":\"$undefined\",\"errorStyles\":\"$undefined\",\"errorScripts\":\"$undefined\",\"template\":[\"$\",\"$L6\",null,{}],\"templateStyles\":\"$undefined\",\"templateScripts\":\"$undefined\",\"notFound\":\"$undefined\",\"notFoundStyles\":\"$undefined\"}],[\"$\",\"footer\",null,{\"className\":\"border-t\",\"children\":[\"$\",\"div\",null,{\"className\":\"container mx-auto px-5\",\"children\":[\"$\",\"div\",null,{\"className\":\"py-28 flex flex-col lg:flex-row items-center\",\"children\":[[\"$\",\"h3\",null,{\"className\":\"text-4xl lg:text-5xl font-bold tracking-tighter leading-tight text-center lg:text-left mb-10 lg:mb-0 lg:pr-4 lg:w-1/2\",\"children\":\"Built with Next.js.\"}],[\"$\",\"div\",null,{\"className\":\"flex flex-col lg:flex-row justify-center items-center lg:pl-4 lg:w-1/2\",\"children\":[[\"$\",\"a\",null,{\"href\":\"https://nextjs.org/docs\",\"target\":\"_blank\",\"rel\":\"noopener noreferrer\",\"className\":\"mx-3 rounded-lg bg-black dark:bg-white hover:bg-white dark:hover:bg-black hover:text-black dark:hover:text-white border border-black dark:border-white text-white dark:text-black font-bold py-3 px-12 lg:px-8 duration-200 transition-colors mb-6 lg:mb-0\",\"children\":\"Read Documentation\"}],[\"$\",\"a\",null,{\"href\":\"https://github.com/vercel/next.js/tree/canary/examples/cms-basehub\",\"target\":\"_blank\",\"rel\":\"noopener noreferrer\",\"className\":\"mx-3 font-bold hover:underline\",\"children\":\"View on GitHub\"}]]}]]}]}]}]]}]]}]}]\n"])</script>
53<script>self.__next_f.push([1,"12:I[6380,[\"338\",\"static/chunks/338-428cf161b4ea9fe3.js\",\"822\",\"static/chunks/822-70beb4015c0734cc.js\",\"203\",\"static/chunks/app/%5Blocale%5D/layout-da8e081f03268519.js\"],\"ClientConditionalRenderer\",1]\n13:{\"id\":\"4c60a99d5b842aa1b85628460fd867c35120c4f1\",\"bound\":\"$@14\"}\n15:{\"id\":\"c472fdb9846a2a916338ae9b7b11ebbc1da72f83\",\"bound\":null}\n16:{\"id\":\"44669ca6aaa02561fe6caa81656926532143d143\",\"bound\":null}\n17:{\"id\":\"08af8cd66e5ba5c9c17c9e3cd3fc0f45b40861ae\",\"bound\":\"$@18\"}\n19:{\"id\":\"28e7768d3b88aa704be86adee4e6afac7acbfe39\",\"bound\":\"$@1a\"}\n10:[\"$\",\"$L12\",null,{\"draft\":false,\"isForcedDraft\":false,\"enableDraftMode\":\"$F13\",\"disableDraftMode\":\"$F15\",\"revalidateTags\":\"$F16\",\"getLatestBranches\":\"$F17\",\"resolvedRef\":{\"repoHash\":\"b404489b\",\"type\":\"branch\",\"ref\":\"main\",\"createSuggestedBranchLink\":null,\"id\":\"CTGkaCtj14oa7iNuoG_tD\",\"name\":\"main\",\"createdAt\":\"2024-03-13T16:48:58.215Z\",\"headCommitId\":\"2H5F8kbKMGNHku9m3LGJT\",\"isDefault\":true,\"deletedAt\":null,\"workingRootBlockId\":\"q_CXc4S6-VDt1L-o7q5cq\"},\"humanRevalidatePendingTags\":\"$F19\"}]\n"])</script>
53<script>self.__next_f.push([1,"14:[\"$@1b\"]\n18:[\"$@1c\"]\n1a:[\"$@1d\"]\n"])</script>
53<script>self.__next_f.push([1,"e:[[\"$\",\"meta\",\"0\",{\"name\":\"viewport\",\"content\":\"width=device-width, initial-scale=1\"}]]\n"])</script>
53<script>self.__next_f.push([1,"1b:\"wHrRnfX8bHD4pEw1DkX1oB/UP/2x7nHOKwRT52kxyHdZ+pCESN0V4FsboDKi3WXS0fLdu7CRuIlBE6EhrCLbfZpdVw393kpJoA16nJ1Z7PwEmmoQgHvp0XvuoFUTl20ex58FRP0j/aeP\"\n1c:\"GfHkHekHmiVtaUMnumsxC9X+nLy8p9xqxztszsuHjyvlLnOu/hcM2siKVcSGsK2JJMi0iAe84YJIJqJPDI/fAFDufRuQScObHPXpS9+v04VyW2H/d6/q+f/PD/ijW92WEDpbOmz998mm\"\n1d:\"zjTWWZa0iSPQ1EUqqKnLNnFOba3fYwWCZl2MJqMBSqmRcXc/7SR5zgZXMGTt6NaUn3fS9pxAkmkm8RnVkeZB8Bizd4aB3EXR8MNwrZrywSQwG/D4BEt2suILLfIPeqZXCZ8TSscdrvoJQSkZqIgVpq3U6L4yyotseHuNCGLXNUNnSDStaBVI3TQhW2BuILdqpsvD8r6UbZHqbpQPywJmOj8XsS+HZhKdZvQYAdNAT8A=\"\n"])</script>
53<script>self.__next_f.push([1,"c:[[\"$\",\"meta\",\"0\",{\"charSet\":\"utf-8\"}],[\"$\",\"title\",\"1\",{\"children\":\"What is BaseHub?\"}],[\"$\",\"meta\",\"2\",{\"name\":\"description\",\"content\":\"Unleash your content's full potential with BaseHub - the ultimate AI-Native headless CMS for all your digital needs.\"}],[\"$\",\"link\",\"3\",{\"rel\":\"icon\",\"href\":\"/favicon.ico\",\"type\":\"image/x-icon\",\"sizes\":\"16x16\"}]]\na:null\n"])</script>
53<script>self.__next_f.push([1,"1e:I[9834,[\"538\",\"static/chunks/538-24b6d31d5cc8d876.js\",\"822\",\"static/chunks/822-70beb4015c0734cc.js\",\"827\",\"static/chunks/app/%5Blocale%5D/posts/%5Bslug%5D/page-284b4ee08e5914fb.js\"],\"\"]\n1f:I[5400,[\"538\",\"static/chunks/538-24b6d31d5cc8d876.js\",\"822\",\"static/chunks/822-70beb4015c0734cc.js\",\"827\",\"static/chunks/app/%5Blocale%5D/posts/%5Bslug%5D/page-284b4ee08e5914fb.js\"],\"BaseHubImage\",1]\n"])</script>
53<script>self.__next_f.push([1,"8:[\"$\",\"main\",null,{\"children\":[\"$\",\"section\",null,{\"className\":\"container mx-auto px-5\",\"children\":[[\"$\",\"h2\",null,{\"className\":\"mt-8 mb-16 md:mb-12 text-2xl font-bold leading-tight tracking-tight md:text-4xl md:tracking-tighter\",\"children\":[\"$\",\"$L1e\",null,{\"href\":\"/\",\"className\":\"hover:underline\",\"children\":\"Blog.\"}]}],[\"$\",\"article\",null,{\"children\":[[\"$\",\"h1\",null,{\"className\":\"mb-12 text-center text-6xl font-bold leading-tight tracking-tighter md:text-left md:text-7xl md:leading-none lg:text-8xl\",\"children\":\"What is BaseHub?\"}],[\"$\",\"div\",null,{\"className\":\"hidden md:block md:mb-6\",\"children\":[\"$\",\"div\",null,{\"className\":\"flex items-center\",\"children\":[[\"$\",\"div\",null,{\"className\":\"mr-4 w-12 h-12\",\"children\":[\"$\",\"$L1f\",null,{\"alt\":\"Julian Benegas\",\"className\":\"object-cover h-full rounded-full\",\"height\":96,\"width\":96,\"src\":\"https://assets.basehub.com/17c993ed/dSeM1e6GE_mlzmUUjVe2w/julian-benegas.jpg\"}]}],[\"$\",\"div\",null,{\"className\":\"text-xl font-bold\",\"children\":\"Julian Benegas\"}]]}]}],[\"$\",\"div\",null,{\"className\":\"hidden md:block md:mb-12 text-base dark:text-white/60 text-black/60\",\"children\":[\"$\",\"time\",null,{\"dateTime\":\"2024-06-02T00:00:00.000Z\",\"className\":\"capitalize\",\"children\":\"June\\t2, 2024\"}]}],[\"$\",\"div\",null,{\"className\":\"mb-8 sm:mx-0 md:mb-16\",\"children\":[\"$\",\"div\",null,{\"className\":\"sm:mx-0\",\"children\":[\"$\",\"$L1f\",null,{\"alt\":\"Cover Image for What is BaseHub?\",\"priority\":true,\"width\":2000,\"height\":1000,\"className\":\"shadow-sm rounded-lg\",\"src\":\"https://assets.basehub.com/17c993ed/Um54mgSvl8HMyCGFyNXDi/basehub.avif\"}]}]}],[\"$\",\"div\",null,{\"className\":\"mx-auto max-w-2xl\",\"children\":[[\"$\",\"div\",null,{\"className\":\"mb-6 block md:hidden\",\"children\":[\"$\",\"div\",null,{\"className\":\"flex items-center\",\"children\":[[\"$\",\"div\",null,{\"className\":\"mr-4 w-12 h-12\",\"children\":[\"$\",\"$L1f\",null,{\"alt\":\"Julian Benegas\",\"className\":\"object-cover h-full rounded-full\",\"height\":96,\"width\":96,\"src\":\"https://assets.basehub.com/17c993ed/dSeM1e6GE_mlzmUUjVe2w/julian-benegas.jpg\"}]}],[\"$\",\"div\",null,{\"className\":\"text-xl font-bold\",\"children\":\"Julian Benegas\"}]]}]}],[\"$\",\"div\",null,{\"className\":\"mb-12 text-base dark:text-white/60 text-black/60 block md:hidden\",\"children\":[\"$\",\"time\",null,{\"dateTime\":\"2024-06-02T00:00:00.000Z\",\"className\":\"capitalize\",\"children\":\"June\\t2, 2024\"}]}]]}],[\"$\",\"div\",null,{\"className\":\"mx-auto max-w-2xl\",\"children\":[\"$\",\"div\",null,{\"className\":\"prose dark:prose-invert hover:prose-a:text-orange-500\",\"children\":[[\"$\",\"p\",\"0\",{\"children\":[\"BaseHub is a headless CMS that helps you write, store and distribute content for the Internet, faster. In our docs, we aim to give you an overview of BaseHubâs core concepts, as well as guide you through common use cases of the platform.\"]}],[\"$\",\"$4\",\"1\",{\"children\":[[\"$\",\"$L1f\",null,{\"src\":\"https://basehub.earth/17c993ed/C3Z7-fhvctOrfBTxB6Te6/basehub-image.png\",\"width\":2880,\"height\":1800,\"alt\":\"Fast, Collaborative, AI-Native Content Management\",\"caption\":\"Fast, Collaborative, AI-Native Content Management\",\"className\":\"rounded-lg\",\"priority\":true}],[\"$\",\"figcaption\",null,{\"className\":\"text-center\",\"children\":\"Fast, Collaborative, AI-Native Content Management\"}]]}],[\"$\",\"h2\",\"2\",{\"id\":\"how-to-use-rich-text-in-react\",\"children\":[[\"$\",\"b\",\"0\",{\"children\":\"How to use Rich Text in React?\"}]]}],[\"$\",\"p\",\"3\",{\"children\":[\"The Delivery API can return your Rich Text Blocksâ data in multiple formats:\"]}],[\"$\",\"ol\",\"4\",{\"children\":[[\"$\",\"li\",\"0\",{\"children\":[null,[[\"$\",\"p\",\"0\",{\"children\":[[\"$\",\"b\",\"0\",{\"children\":\"Plain Text\"}],\", will ignore all formatting, media, and custom components, easy to render.\"]}]]]}],[\"$\",\"li\",\"1\",{\"children\":[null,[[\"$\",\"p\",\"0\",{\"children\":[[\"$\",\"b\",\"0\",{\"children\":\"HTML\"}],\", will ignore custom components, easy to render.\"]}]]]}],[\"$\",\"li\",\"2\",{\"children\":[null,[[\"$\",\"p\",\"0\",{\"children\":[[\"$\",\"b\",\"0\",{\"children\":\"Markdown\"}],\", will ignore custom components, needs a markdown to HTML parser to render.\"]}]]]}],[\"$\",\"li\",\"3\",{\"children\":[null,[[\"$\",\"p\",\"0\",{\"children\":[[\"$\",\"b\",\"0\",{\"children\":\"JSON\"}],\", comes with everything, but needs something that understand and processes it.\"]}]]]}]]}],[\"$\",\"p\",\"5\",{\"children\":[\"In the case of the JSON format, the response will be an AST based on the \",[\"$\",\"a\",\"1\",{\"children\":[\"$\",\"b\",null,{\"children\":\"TipTap editor spec\"}],\"href\":\"https://tiptap.dev/docs/editor/guide/output#option-1-json\",\"target\":\"_blank\",\"internal\":\"$undefined\",\"rel\":\"noopener noreferrer\"}],\". Because of the complexities associated with processing this JSON format, weâve built a React Component called \",[\"$\",\"code\",\"3\",{\"children\":\"\u003cRichText /\u003e\"}],\" that will help us render our Rich Text content. This is how it works:\"]}],\"$L20\",[\"$\",\"p\",\"7\",{\"children\":[\"When using the \",[\"$\",\"code\",\"1\",{\"children\":\"\u003cRichText /\u003e\"}
53],\" component, you can simply pass the JSON content into it via \",[\"$\",\"code\",\"3\",{\"children\":\"children\"}],\", and itâll get rendered.\"]}],[\"$\",\"h2\",\"8\",{\"id\":\"how-to-use-fast-refresh-with-pump-nextjs-only\",\"children\":[[\"$\",\"b\",\"0\",{\"children\":\"How to use Fast Refresh with Pump? (Next.js Only)\"}]]}],[\"$\",\"p\",\"9\",{\"children\":[\"Pump is a React Server Component that enables a Fast Refresh-like experience for your content. When set up, Pump will subscribe to real time changes from your Repo, and so keep your UI up-to-date. This is ideal for previewing content before pushing it to production. You can use it like this:\"]}],\"$L21\",[\"$\",\"blockquote\",\"11\",{\"children\":[[\"$\",\"p\",\"0\",{\"children\":[\"Note: This is a fragment of the BaseHub documentation. For more info, please go to our \",[\"$\",\"a\",\"1\",{\"children\":[\"$\",\"b\",null,{\"children\":\"official docs\"}],\"href\":\"https://basehub.com/docs\",\"target\":\"_blank\",\"internal\":\"$undefined\",\"rel\":\"noopener noreferrer\"}],\".\"]}]]}]]}]}]]}],[\"$\",\"hr\",null,{\"className\":\"mt-28 mb-24\"}],[\"$\",\"section\",null,{\"children\":[[\"$\",\"h2\",null,{\"className\":\"mb-8 text-6xl md:text-7xl font-bold tracking-tighter leading-tight\",\"children\":\"More Posts\"}],[\"$\",\"div\",null,{\"className\":\"grid grid-cols-1 md:grid-cols-2 md:gap-x-16 lg:gap-x-32 gap-y-20 md:gap-y-32 mb-32\",\"children\":[[\"$\",\"div\",\"VlsY-TStQlAZ9F55EWIlD\",{\"children\":[[\"$\",\"div\",null,{\"className\":\"mb-5\",\"children\":[\"$\",\"div\",null,{\"className\":\"sm:mx-0\",\"children\":[\"$\",\"$L1e\",null,{\"href\":\"/posts/about-learning-docker\",\"aria-label\":\"About Learning Docker\",\"children\":[\"$\",\"$L1f\",null,{\"alt\":\"Cover Image for About Learning Docker\",\"priority\":true,\"width\":2000,\"height\":1000,\"className\":\"shadow-sm rounded-lg hover:shadow-md transition-shadow duration-200\",\"src\":\"https://assets.basehub.com/17c993ed/q2kv5aIAhIN4XQfn-xBrF/docker-cover-image.jpg\"}]}]}]}],[\"$\",\"h3\",null,{\"className\":\"text-3xl mb-3 leading-snug\",\"children\":[\"$\",\"$L1e\",null,{\"href\":\"/en/posts/about-learning-docker\",\"className\":\"hover:underline\",\"children\":\"About Learning Docker\"}]}],[\"$\",\"div\",null,{\"className\":\"text-base dark:text-white/60 text-black/60 mb-4\",\"children\":[\"$\",\"time\",null,{\"dateTime\":\"2025-01-12T00:00:00.000Z\",\"className\":\"capitalize\",\"children\":\"January\\t12, 2025\"}]}],[\"$\",\"p\",null,{\"className\":\"text-lg leading-relaxed mb-4\",\"children\":\"A succinct overview of the key benefits and features of Docker for those looking to streamline their development process.\"}],[\"$\",\"div\",null,{\"className\":\"flex items-center\",\"children\":[[\"$\",\"div\",null,{\"className\":\"mr-4 w-12 h-12\",\"children\":[\"$\",\"$L1f\",null,{\"alt\":\"Lee Robinson\",\"className\":\"object-cover h-full rounded-full\",\"height\":96,\"width\":96,\"src\":\"https://assets.basehub.com/17c993ed/TF4VmMJcJ_pEWy22PjRLQ/lee-robinson.jpg\"}]}],[\"$\",\"div\",null,{\"className\":\"text-xl font-bold\",\"children\":\"Lee Robinson\"}]]}]]}],[\"$\",\"div\",\"gHfZgmhzV67ciLqB3Xsfy\",{\"children\":[[\"$\",\"div\",null,{\"className\":\"mb-5\",\"children\":[\"$\",\"div\",null,{\"className\":\"sm:mx-0\",\"children\":[\"$\",\"$L1e\",null,{\"href\":\"/posts/tweaking-my-avatar\",\"aria-label\":\"Tweaking My Avatar\",\"children\":[\"$\",\"$L1f\",null,{\"alt\":\"Cover Image for Tweaking My Avatar\",\"priority\":true,\"width\":2000,\"height\":1000,\"className\":\"shadow-sm rounded-lg hover:shadow-md transition-shadow duration-200\",\"src\":\"https://assets.basehub.com/17c993ed/IEyTb9vTk9w5P1_9mj6xo/evil-rabbit-cover-image.jpg\"}]}]}]}],[\"$\",\"h3\",null,{\"className\":\"text-3xl mb-3 leading-snug\",\"children\":[\"$\",\"$L1e\",null,{\"href\":\"/en/posts/tweaking-my-avatar\",\"className\":\"hover:underline\",\"children\":\"Tweaking My Avatar\"}]}],[\"$\",\"div\",null,{\"className\":\"text-base dark:text-white/60 text-black/60 mb-4\",\"children\":[\"$\",\"time\",null,{\"dateTime\":\"2022-05-14T00:00:00.000Z\",\"className\":\"capitalize\",\"children\":\"May\\t14, 2022\"}]}],[\"$\",\"p\",null,{\"className\":\"text-lg leading-relaxed mb-4\",\"children\":\"Boost your avatar's uniqueness with creative adjustments! ð¨\"}],[\"$\",\"div\",null,{\"className\":\"flex items-center\",\"children\":[[\"$\",\"div\",null,{\"className\":\"mr-4 w-12 h-12\",\"children\":[\"$\",\"$L1f\",null,{\"alt\":\"Evil Rabbit\",\"className\":\"object-cover h-full rounded-full\",\"height\"
53:96,\"width\":96,\"src\":\"https://assets.basehub.com/17c993ed/D81Tc6f7CSY8ddx8VGb5t/evil-rabbit-avatar.jpg\"}]}],[\"$\",\"div\",null,{\"className\":\"text-xl font-bold\",\"children\":\"Evil Rabbit\"}]]}]]}],[\"$\",\"div\",\"XqApiUtaFFoVhxO98HJEC\",{\"children\":[[\"$\",\"div\",null,{\"className\":\"mb-5\",\"children\":[\"$\",\"div\",null,{\"className\":\"sm:mx-0\",\"children\":[\"$\",\"$L1e\",null,{\"href\":\"/posts/making-the-web-faster\",\"aria-label\":\"Making the Web. Faster.\",\"children\":[\"$\",\"$L1f\",null,{\"alt\":\"Cover Image for Making the Web. Faster.\",\"priority\":true,\"width\":2000,\"height\":1000,\"className\":\"shadow-sm rounded-lg hover:shadow-md transition-shadow duration-200\",\"src\":\"https://assets.basehub.com/17c993ed/TcZP-JCB_guy6t-xD8tc3/vercel-nextjs-cover-image.jpg\"}]}]}]}],[\"$\",\"h3\",null,{\"className\":\"text-3xl mb-3 leading-snug\",\"children\":[\"$\",\"$L1e\",null,{\"href\":\"/en/posts/making-the-web-faster\",\"className\":\"hover:underline\",\"children\":\"Making the Web. Faster.\"}]}],[\"$\",\"div\",null,{\"className\":\"text-base dark:text-white/60 text-black/60 mb-4\",\"children\":[\"$\",\"time\",null,{\"dateTime\":\"2021-06-23T00:00:00.000Z\",\"className\":\"capitalize\",\"children\":\"June\\t23, 2021\"}]}],[\"$\",\"p\",null,{\"className\":\"text-lg leading-relaxed mb-4\",\"children\":\"A compelling overview detailing the methods and strategies employed to optimize website performance and enhance user experience.\"}],[\"$\",\"div\",null,{\"className\":\"flex items-center\",\"children\":[[\"$\",\"div\",null,{\"className\":\"mr-4 w-12 h-12\",\"children\":[\"$\",\"$L1f\",null,{\"alt\":\"Guillermo Rauch\",\"className\":\"object-cover h-full rounded-full\",\"height\":96,\"width\":96,\"src\":\"https://assets.basehub.com/17c993ed/2O0chAcya-UAkuKlWi5lk/guillermo-rauch.jpg\"}]}],[\"$\",\"div\",null,{\"className\":\"text-xl font-bold\",\"children\":\"Guillermo Rauch\"}]]}]]}]]}]]}]]}]}]\n"])</script>
53<script>self.__next_f.push([1,"22:I[8641,[\"538\",\"static/chunks/538-24b6d31d5cc8d876.js\",\"822\",\"static/chunks/822-70beb4015c0734cc.js\",\"827\",\"static/chunks/app/%5Blocale%5D/posts/%5Bslug%5D/page-284b4ee08e5914fb.js\"],\"default\",1]\n20:[\"$\",\"$L22\",\"6\",{\"snippets\":[{\"id\":\":S1:-snippet-0\",\"language\":\"tsx\",\"label\":\"$undefined\"}],\"storeSnippetSelection\":true,\"groupId\":\":S1:\",\"children\":[\"$undefined\",[\"$L23\"],\"$undefined\"]}]\n21:[\"$\",\"$L22\",\"10\",{\"snippets\":[{\"id\":\":S2:-snippet-0\",\"language\":\"tsx\",\"label\":\"$undefined\"}],\"storeSnippetSelection\":true,\"groupId\":\":S2:\",\"children\":[\"$undefined\",[\"$L24\"],\"$undefined\"]}]\n"])</script>
53<script>self.__next_f.push([1,"25:I[8611,[\"338\",\"static/chunks/338-428cf161b4ea9fe3.js\",\"822\",\"static/chunks/822-70beb4015c0734cc.js\",\"203\",\"static/chunks/app/%5Blocale%5D/layout-da8e081f03268519.js\"],\"ClientSelectRoot\",1]\n26:I[6005,[\"338\",\"static/chunks/338-428cf161b4ea9fe3.js\",\"822\",\"static/chunks/822-70beb4015c0734cc.js\",\"203\",\"static/chunks/app/%5Blocale%5D/layout-da8e081f03268519.js\"],\"SelectTrigger\",1]\n27:I[6005,[\"338\",\"static/chunks/338-428cf161b4ea9fe3.js\",\"822\",\"static/chunks/822-70beb4015c0734cc.js\",\"203\",\"static/chunks/app/%5Blocale%5D/layout-da8e081f03268519.js\"],\"SelectValue\",1]\n28:I[6005,[\"338\",\"static/chunks/338-428cf161b4ea9fe3.js\",\"822\",\"static/chunks/822-70beb4015c0734cc.js\",\"203\",\"static/chunks/app/%5Blocale%5D/layout-da8e081f03268519.js\"],\"SelectContent\",1]\n29:I[6005,[\"338\",\"static/chunks/338-428cf161b4ea9fe3.js\",\"822\",\"static/chunks/822-70beb4015c0734cc.js\",\"203\",\"static/chunks/app/%5Blocale%5D/layout-da8e081f03268519.js\"],\"SelectGroup\",1]\n2a:I[6005,[\"338\",\"static/chunks/338-428cf161b4ea9fe3.js\",\"822\",\"static/chunks/822-70beb4015c0734cc.js\",\"203\",\"static/chunks/app/%5Blocale%5D/layout-da8e081f03268519.js\"],\"SelectItem\",1]\n11:[\"$\",\"$L25\",null,{\"defaultValue\":\"en\",\"children\":[[\"$\",\"$L26\",null,{\"className\":\"ml-auto w-[180px]\",\"children\":[\"$\",\"$L27\",null,{}]}],[\"$\",\"$L28\",null,{\"children\":[\"$\",\"$L29\",null,{\"children\":[[\"$\",\"$L2a\",\"NFiYzjOPajOd2bwUKbCQl\",{\"value\":\"en\",\"children\":\"English\"}],[\"$\",\"$L2a\",\"NLcXPzkMOyoW2DIBjbRI8\",{\"value\":\"es\",\"children\":\"Spanish\"}],[\"$\",\"$L2a\",\"lCO0hrNLXpOA71NIQqsQL\",{\"value\":\"pt\",\"children\":\"Portuguese\"}]]}]}]]}]\n"])</script>
53<script>self.__next_f.push([1,"23:[\"$\",\"div\",\":S1:-snippet-0\",{\"data-snippet-group-id\":\":S1:\",\"data-snippet-id\":\":S1:-snippet-0\",\"style\":{\"display\":\"block\"},\"children\":[[\"$\",\"pre\",\"pre-0\",{\"className\":\"shiki slack-dark has-highlighted\",\"style\":{\"backgroundColor\":\"#222222\",\"color\":\"#E6E6E6\"},\"tabIndex\":\"0\",\"children\":[\"$\",\"code\",\"code-0\",{\"children\":[[\"$\",\"span\",\"span-0\",{\"className\":\"line\",\"children\":[[\"$\",\"span\",\"span-0\",{\"style\":{\"color\":\"#C586C0\"},\"children\":\"import\"}],[\"$\",\"span\",\"span-1\",{\"style\":{\"color\":\"#E6E6E6\"},\"children\":\" { \"}],[\"$\",\"span\",\"span-2\",{\"style\":{\"color\":\"#9CDCFE\"},\"children\":\"Pump\"}],[\"$\",\"span\",\"span-3\",{\"style\":{\"color\":\"#E6E6E6\"},\"children\":\" } \"}],[\"$\",\"span\",\"span-4\",{\"style\":{\"color\":\"#C586C0\"},\"children\":\"from\"}],[\"$\",\"span\",\"span-5\",{\"style\":{\"color\":\"#CE9178\"},\"children\":\" \\\"basehub/react-pump\\\"\"}]]}],\"\\n\",[\"$\",\"span\",\"span-1\",{\"className\":\"line\",\"children\":[[\"$\",\"span\",\"span-0\",{\"style\":{\"color\":\"#C586C0\"},\"children\":\"import\"}],[\"$\",\"span\",\"span-1\",{\"style\":{\"color\":\"#E6E6E6\"},\"children\":\" { \"}],[\"$\",\"span\",\"span-2\",{\"style\":{\"color\":\"#9CDCFE\"},\"children\":\"RichText\"}],[\"$\",\"span\",\"span-3\",{\"style\":{\"color\":\"#E6E6E6\"},\"children\":\" } \"}],[\"$\",\"span\",\"span-4\",{\"style\":{\"color\":\"#C586C0\"},\"children\":\"from\"}],[\"$\",\"span\",\"span-5\",{\"style\":{\"color\":\"#CE9178\"},\"children\":\" \\\"basehub/react-rich-text\\\"\"}]]}],\"\\n\",[\"$\",\"span\",\"span-2\",{\"className\":\"line\"}],\"\\n\",[\"$\",\"span\",\"span-3\",{\"className\":\"line\",\"children\":[[\"$\",\"span\",\"span-0\",{\"style\":{\"color\":\"#569CD6\"},\"children\":\"const\"}],[\"$\",\"span\",\"span-1\",{\"style\":{\"color\":\"#DCDCAA\"},\"children\":\" Page\"}],[\"$\",\"span\",\"span-2\",{\"style\":{\"color\":\"#D4D4D4\"},\"children\":\" =\"}],[\"$\",\"span\",\"span-3\",{\"style\":{\"color\":\"#569CD6\"},\"children\":\" async\"}],[\"$\",\"span\",\"span-4\",{\"style\":{\"color\":\"#E6E6E6\"},\"children\":\" () \"}],[\"$\",\"span\",\"span-5\",{\"style\":{\"color\":\"#569CD6\"},\"children\":\"=\u003e\"}],[\"$\",\"span\",\"span-6\",{\"style\":{\"color\":\"#E6E6E6\"},\"children\":\" {\"}]]}],\"\\n\",[\"$\",\"span\",\"span-4\",{\"className\":\"line\",\"children\":[[\"$\",\"span\",\"span-0\",{\"style\":{\"color\":\"#C586C0\"},\"children\":\" return\"}],[\"$\",\"span\",\"span-1\",{\"style\":{\"color\":\"#E6E6E6\"},\"children\":\" (\"}]]}],\"\\n\",[\"$\",\"span\",\"span-5\",{\"className\":\"line\",\"children\":[[\"$\",\"span\",\"span-0\",{\"style\":{\"color\":\"#808080\"},\"children\":\" \u003c\"}],[\"$\",\"span\",\"span-1\",{\"style\":{\"color\":\"#4EC9B0\"},\"children\":\"Pump\"}]]}],\"\\n\",[\"$\",\"span\",\"span-6\",{\"className\":\"line\",\"children\":[[\"$\",\"span\",\"span-0\",{\"style\":{\"color\":\"#9CDCFE\"},\"children\":\" draft\"}],[\"$\",\"span\",\"span-1\",{\"style\":{\"color\":\"#D4D4D4\"},\"children\":\"=\"}],[\"$\",\"span\",\"span-2\",{\"style\":{\"color\":\"#569CD6\"},\"children\":\"{\"}],[\"$\",\"span\",\"span-3\",{\"style\":{\"color\":\"#DCDCAA\"},\"children\":\"draftMode\"}],[\"$\",\"span\",\"span-4\",{\"style\":{\"color\":\"#D4D4D4\"},\"children\":\"().\"}],[\"$\",\"span\",\"span-5\",{\"style\":{\"color\":\"#9CDCFE\"},\"children\":\"isEnabled\"}],[\"$\",\"span\",\"span-6\",{\"style\":{\"color\":\"#569CD6\"},\"children\":\"}\"}]]}],\"\\n\",[\"$\",\"span\",\"span-7\",{\"className\":\"line\",\"children\":[[\"$\",\"span\",\"span-0\",{\"style\":{\"color\":\"#9CDCFE\"},\"children\":\" next\"}],[\"$\",\"span\",\"span-1\",{\"style\":{\"color\":\"#D4D4D4\"},\"children\":\"=\"}],[\"$\",\"span\",\"span-2\",{\"style\":{\"color\":\"#569CD6\"},\"children\":\"{\"}],[\"$\",\"span\",\"span-3\",{\"style\":{\"color\":\"#D4D4D4\"},\"children\":\"{ \"}],[\"$\",\"span\",\"span-4\",{\"style\":{\"color\":\"#9CDCFE\"},\"children\":\"revalidate:\"}],[\"$\",\"span\",\"span-5\",{\"style\":{\"color\":\"#B5CEA8\"},\"children\":\" 60\"}],[\"$\",\"span\",\"span-6\",{\"style\":{\"color\":\"#D4D4D4\"},\"children\":\" }\"}],[\"$\",\"span\",\"span-7\",{\"style\":{\"color\":\"#569CD6\"},\"children\":\"}\"}]]}],\"\\n\",[\"$\",\"span\",\"span-8\",{\"className\":\"line\",\"children\":[[\"$\",\"span\",\"span-0\",{\"style\":{\"color\":\"#9CDCFE\"},\"children\":\" queries\"}],[\"$\",\"span\",\"span-1\",{\"style\":{\"color\":\"#D4D4D4\"},\"children\":\"=\"}],[\"$\",\"span\",\"span-2\",{\"style\":{\"color\":\"#569CD6\"},\"children\":\"{\"}],[\"$\",\"span\",\"span-3\",{\"style\":{\"color\":\"#D4D4D4\"},\"children\":\"[\"}]]}],\"\\n\",[\"$\",\"span\",\"span-9\",{\"className\":\"line\",\"children\":[\"$\",\"span\",\"span-0\",{\"style\":{\"color\":\"#D4D4D4\"},\"children\":\" {\"}]}],\"\\n\",[\"$\",\"span\",\"span-10\",{\"className\":\"line\",\"children\":[[\"$\",\"span\",\"span-0\",{\"style\":{\"color\":\"#9CDCFE\"},\"children\":\" homepage:\"}],[\"$\",\"span\",\"span-1\",{\"style\":{\"color\":\"#D4D4D4\"},\"children\":\" {\"}]]}],\"\\n\",[\"$\",\"span\",\"span-11\",{\"className\":\"line highlighted\",\"children\":[[\"$\",\"span\",\"span-0\",{\"style\":{\"color\":\"#9CDCFE\"},\"children\":\" subtitle:\"}],[\"$\",\"span\",\"span-1\",{\"style\":{\"color\":\"#D4D4D4\"},\"children\":\" { \"}]]}],\"\\n\",[\"$\",\"span\",\"span-12\",{\"className\":\"line highlighted\",\"children\":[[\"$\",\"span\",\"span-0\",{\"style\":{\"color\":\"#9CDCFE\"},\"children\":\" json:\"}],[\"$\",\"span\",\"span-1\",{\"style\":{\"color\":\"#D4D4D4\"},\"children\":\" { \"}]]}],\"\\n\",[\"$\",\"span\",\"span-13\",{\"className\":\"line highlighted\",\"children\":[[\"$\",\"span\",\"span-0\",{\"style\":{\"color\":\"#9CDCFE\"},\"children\":\" content:\"}],[\"$\",\"span\",\"span-1\",{\"style\":{\"color\":\"#569CD6\"},\"children\":\" true\"}],[\"$\",\"span\",\"span-2\",{\"style\":{\"color\":\"#D4D4D4\"},\"children\":\", \"}]]}],\"\\n\",[\"$\",\"span\",\"span-14\",{\"className\":\"line highlighted\",\"children\":[\"$\",\"span\",\"span-0\",{\"style\":{\"color\":\"#D4D4D4\"},\"children\":\" }, \"}]}],\"\\n\",[\"$\",\"span\",\"span-15\",{\"className\":\"line highlighted\",\"children\":[\"$\",\"span\",\"span-0\",{\"style\":{\"color\":\"#D4D4D4\"},\"children\":\" }, \"}]}],\"\\n\",[\"$\",\"span\",\"span-16\",{\"className\":\"line\",\"children\":[\"$\",\"span\",\"span-0\",{\"style\":{\"color\":\"#D4D4D4\"},\"children\":\" },\"}]}],\"\\n\",[\"$\",\"span\",\"span-17\",{\"className\":\"line\",\"children\":[\"$\",\"span\",\"span-0\",{\"style\":{\"color\":\"#D4D4D4\"},\"children\":\" },\"}]}],\"\\n\",[\"$\",\"span\",\"span-18\",{\"className\":\"line\",\"children\":[[\"$\",\"span\",\"span-0\",{\"style\":{\"color\":\"#D4D4D4\"},\"children\":\" ]\"}],[\"$\",\"span\",\"span-1\",{\"style\":{\"color\":\"#569CD6\"},\"children\":\"}\"}]]}],\"\\n\",[\"$\",\"span\",\"span-19\",{\"className\":\"line\",\"children\":[\"$\",\"span\",\"span-0\",{\"style\":{\"color\":\"#808080\"},\"children\":\" \u003e\"}]}],\"\\n\",[\"$\",\"span\",\"span-20\",{\"className\":\"line\",\"children\":[[\"$\",\"span\",\"span-0\",{\"style\":{\"color\":\"#569CD6\"},\"children\":\" {async\"}],[\"$\",\"span\",\"span-1\",{\"style\":{\"color\":\"#D4D4D4\"},\"children\":\" ([{ \"}],[\"$\",\"span\",\"span-2\",{\"style\":{\"color\":\"#9CDCFE\"},\"children\":\"homepage\"}],[\"$\",\"span\",\"span-3\",{\"style\":{\"color\":\"#D4D4D4\"},\"children\":\" }]) \"}
53],[\"$\",\"span\",\"span-4\",{\"style\":{\"color\":\"#569CD6\"},\"children\":\"=\u003e\"}],[\"$\",\"span\",\"span-5\",{\"style\":{\"color\":\"#D4D4D4\"},\"children\":\" {\"}]]}],\"\\n\",[\"$\",\"span\",\"span-21\",{\"className\":\"line\",\"children\":[\"$\",\"span\",\"span-0\",{\"style\":{\"color\":\"#CE9178\"},\"children\":\" \\\"use server\\\"\"}]}],\"\\n\",[\"$\",\"span\",\"span-22\",{\"className\":\"line\",\"children\":[[\"$\",\"span\",\"span-0\",{\"style\":{\"color\":\"#C586C0\"},\"children\":\" return\"}],[\"$\",\"span\",\"span-1\",{\"style\":{\"color\":\"#808080\"},\"children\":\" \u003c\"}],[\"$\",\"span\",\"span-2\",{\"style\":{\"color\":\"#4EC9B0\"},\"children\":\"RichText\"}],[\"$\",\"span\",\"span-3\",{\"style\":{\"color\":\"#808080\"},\"children\":\"\u003e\"}],[\"$\",\"span\",\"span-4\",{\"style\":{\"color\":\"#569CD6\"},\"children\":\"{\"}],[\"$\",\"span\",\"span-5\",{\"style\":{\"color\":\"#9CDCFE\"},\"children\":\"homepage\"}],[\"$\",\"span\",\"span-6\",{\"style\":{\"color\":\"#D4D4D4\"},\"children\":\".\"}],[\"$\",\"span\",\"span-7\",{\"style\":{\"color\":\"#9CDCFE\"},\"children\":\"subtitle\"}],[\"$\",\"span\",\"span-8\",{\"style\":{\"color\":\"#D4D4D4\"},\"children\":\".\"}],[\"$\",\"span\",\"span-9\",{\"style\":{\"color\":\"#9CDCFE\"},\"children\":\"json\"}],[\"$\",\"span\",\"span-10\",{\"style\":{\"color\":\"#D4D4D4\"},\"children\":\".\"}],[\"$\",\"span\",\"span-11\",{\"style\":{\"color\":\"#9CDCFE\"},\"children\":\"content\"}],[\"$\",\"span\",\"span-12\",{\"style\":{\"color\":\"#569CD6\"},\"children\":\"}\"}],[\"$\",\"span\",\"span-13\",{\"style\":{\"color\":\"#808080\"},\"children\":\"\u003c/\"}],[\"$\",\"span\",\"span-14\",{\"style\":{\"color\":\"#4EC9B0\"},\"children\":\"RichText\"}],[\"$\",\"span\",\"span-15\",{\"style\":{\"color\":\"#808080\"},\"children\":\"\u003e\"}]]}],\"\\n\",[\"$\",\"span\",\"span-23\",{\"className\":\"line\",\"children\":[[\"$\",\"span\",\"span-0\",{\"style\":{\"color\":\"#D4D4D4\"},\"children\":\" }\"}],[\"$\",\"span\",\"span-1\",{\"style\":{\"color\":\"#569CD6\"},\"children\":\"}\"}]]}],\"\\n\",[\"$\",\"span\",\"span-24\",{\"className\":\"line\",\"children\":[[\"$\",\"span\",\"span-0\",{\"style\":{\"color\":\"#808080\"},\"children\":\" \u003c/\"}],[\"$\",\"span\",\"span-1\",{\"style\":{\"color\":\"#4EC9B0\"},\"children\":\"Pump\"}],[\"$\",\"span\",\"span-2\",{\"style\":{\"color\":\"#808080\"},\"children\":\"\u003e\"}]]}],\"\\n\",[\"$\",\"span\",\"span-25\",{\"className\":\"line\",\"children\":[\"$\",\"span\",\"span-0\",{\"style\":{\"color\":\"#E6E6E6\"},\"children\":\" )\"}]}],\"\\n\",[\"$\",\"span\",\"span-26\",{\"className\":\"line\",\"children\":[\"$\",\"span\",\"span-0\",{\"style\":{\"color\":\"#E6E6E6\"},\"children\":\"}\"}]}],\"\\n\",[\"$\",\"span\",\"span-27\",{\"className\":\"line\"}],\"\\n\",[\"$\",\"span\",\"span-28\",{\"className\":\"line\",\"children\":[[\"$\",\"span\",\"span-0\",{\"style\":{\"color\":\"#C586C0\"},\"children\":\"export\"}],[\"$\",\"span\",\"span-1\",{\"style\":{\"color\":\"#C586C0\"},\"children\":\" default\"}],[\"$\",\"span\",\"span-2\",{\"style\":{\"color\":\"#9CDCFE\"},\"children\":\" Page\"}]]}]]}]}]]}]\n"])</script>
53<script>self.__next_f.push([1,"24:[\"$\",\"div\",\":S2:-snippet-0\",{\"data-snippet-group-id\":\":S2:\",\"data-snippet-id\":\":S2:-snippet-0\",\"style\":{\"display\":\"block\"},\"children\":[[\"$\",\"pre\",\"pre-0\",{\"className\":\"shiki slack-dark has-highlighted\",\"style\":{\"backgroundColor\":\"#222222\",\"color\":\"#E6E6E6\"},\"tabIndex\":\"0\",\"children\":[\"$\",\"code\",\"code-0\",{\"children\":[[\"$\",\"span\",\"span-0\",{\"className\":\"line highlighted\",\"children\":[[\"$\",\"span\",\"span-0\",{\"style\":{\"color\":\"#C586C0\"},\"children\":\"import\"}],[\"$\",\"span\",\"span-1\",{\"style\":{\"color\":\"#E6E6E6\"},\"children\":\" { \"}],[\"$\",\"span\",\"span-2\",{\"style\":{\"color\":\"#9CDCFE\"},\"children\":\"Pump\"}],[\"$\",\"span\",\"span-3\",{\"style\":{\"color\":\"#E6E6E6\"},\"children\":\" } \"}],[\"$\",\"span\",\"span-4\",{\"style\":{\"color\":\"#C586C0\"},\"children\":\"from\"}],[\"$\",\"span\",\"span-5\",{\"style\":{\"color\":\"#CE9178\"},\"children\":\" \\\"basehub/react-pump\\\"\"}]]}],\"\\n\",[\"$\",\"span\",\"span-1\",{\"className\":\"line\",\"children\":[[\"$\",\"span\",\"span-0\",{\"style\":{\"color\":\"#C586C0\"},\"children\":\"import\"}],[\"$\",\"span\",\"span-1\",{\"style\":{\"color\":\"#E6E6E6\"},\"children\":\" { \"}],[\"$\",\"span\",\"span-2\",{\"style\":{\"color\":\"#9CDCFE\"},\"children\":\"draftMode\"}],[\"$\",\"span\",\"span-3\",{\"style\":{\"color\":\"#E6E6E6\"},\"children\":\" } \"}],[\"$\",\"span\",\"span-4\",{\"style\":{\"color\":\"#C586C0\"},\"children\":\"from\"}],[\"$\",\"span\",\"span-5\",{\"style\":{\"color\":\"#CE9178\"},\"children\":\" \\\"next/headers\\\"\"}]]}],\"\\n\",[\"$\",\"span\",\"span-2\",{\"className\":\"line\"}],\"\\n\",[\"$\",\"span\",\"span-3\",{\"className\":\"line\",\"children\":[[\"$\",\"span\",\"span-0\",{\"style\":{\"color\":\"#569CD6\"},\"children\":\"const\"}],[\"$\",\"span\",\"span-1\",{\"style\":{\"color\":\"#DCDCAA\"},\"children\":\" Page\"}],[\"$\",\"span\",\"span-2\",{\"style\":{\"color\":\"#D4D4D4\"},\"children\":\" =\"}],[\"$\",\"span\",\"span-3\",{\"style\":{\"color\":\"#E6E6E6\"},\"children\":\" () \"}],[\"$\",\"span\",\"span-4\",{\"style\":{\"color\":\"#569CD6\"},\"children\":\"=\u003e\"}],[\"$\",\"span\",\"span-5\",{\"style\":{\"color\":\"#E6E6E6\"},\"children\":\" {\"}]]}],\"\\n\",[\"$\",\"span\",\"span-4\",{\"className\":\"line\",\"children\":[[\"$\",\"span\",\"span-0\",{\"style\":{\"color\":\"#C586C0\"},\"children\":\" return\"}],[\"$\",\"span\",\"span-1\",{\"style\":{\"color\":\"#E6E6E6\"},\"children\":\" (\"}]]}],\"\\n\",[\"$\",\"span\",\"span-5\",{\"className\":\"line highlighted\",\"children\":[[\"$\",\"span\",\"span-0\",{\"style\":{\"color\":\"#808080\"},\"children\":\" \u003c\"}],[\"$\",\"span\",\"span-1\",{\"style\":{\"color\":\"#4EC9B0\"},\"children\":\"Pump\"}],[\"$\",\"span\",\"span-2\",{\"style\":{\"color\":\"#9CDCFE\"},\"children\":\" queries\"}],[\"$\",\"span\",\"span-3\",{\"style\":{\"color\":\"#D4D4D4\"},\"children\":\"=\"}],[\"$\",\"span\",\"span-4\",{\"style\":{\"color\":\"#569CD6\"},\"children\":\"{\"}],[\"$\",\"span\",\"span-5\",{\"style\":{\"color\":\"#D4D4D4\"},\"children\":\"[{ \"}],[\"$\",\"span\",\"span-6\",{\"style\":{\"color\":\"#9CDCFE\"},\"children\":\"_sys:\"}],[\"$\",\"span\",\"span-7\",{\"style\":{\"color\":\"#D4D4D4\"},\"children\":\" { \"}],[\"$\",\"span\",\"span-8\",{\"style\":{\"color\":\"#9CDCFE\"},\"children\":\"id:\"}],[\"$\",\"span\",\"span-9\",{\"style\":{\"color\":\"#569CD6\"},\"children\":\" true\"}],[\"$\",\"span\",\"span-10\",{\"style\":{\"color\":\"#D4D4D4\"},\"children\":\" } }]\"}],[\"$\",\"span\",\"span-11\",{\"style\":{\"color\":\"#569CD6\"},\"children\":\"}\"}],[\"$\",\"span\",\"span-12\",{\"style\":{\"color\":\"#9CDCFE\"},\"children\":\" draft\"}],[\"$\",\"span\",\"span-13\",{\"style\":{\"color\":\"#D4D4D4\"},\"children\":\"=\"}],[\"$\",\"span\",\"span-14\",{\"style\":{\"color\":\"#569CD6\"},\"children\":\"{\"}],[\"$\",\"span\",\"span-15\",{\"style\":{\"color\":\"#DCDCAA\"},\"children\":\"draftMode\"}],[\"$\",\"span\",\"span-16\",{\"style\":{\"color\":\"#D4D4D4\"},\"children\":\"().\"}],[\"$\",\"span\",\"span-17\",{\"style\":{\"color\":\"#9CDCFE\"},\"children\":\"isEnabled\"}],[\"$\",\"span\",\"span-18\",{\"style\":{\"color\":\"#569CD6\"},\"children\":\"}\"}],[\"$\",\"span\",\"span-19\",{\"style\":{\"color\":\"#808080\"},\"children\":\"\u003e\"}]]}],\"\\n\",[\"$\",\"span\",\"span-6\",{\"className\":\"line\",\"children\":[[\"$\",\"span\",\"span-0\",{\"style\":{\"color\":\"#569CD6\"},\"children\":\" {async\"}],[\"$\",\"span\",\"span-1\",{\"style\":{\"color\":\"#D4D4D4\"},\"children\":\" ([\"}],[\"$\",\"span\",\"span-2\",{\"style\":{\"color\":\"#9CDCFE\"},\"children\":\"data\"}],[\"$\",\"span\",\"span-3\",{\"style\":{\"color\":\"#D4D4D4\"},\"children\":\"]) \"}
53],[\"$\",\"span\",\"span-4\",{\"style\":{\"color\":\"#569CD6\"},\"children\":\"=\u003e\"}],[\"$\",\"span\",\"span-5\",{\"style\":{\"color\":\"#D4D4D4\"},\"children\":\" {\"}]]}],\"\\n\",[\"$\",\"span\",\"span-7\",{\"className\":\"line highlighted\",\"children\":[[\"$\",\"span\",\"span-0\",{\"style\":{\"color\":\"#CE9178\"},\"children\":\" \\\"use server\\\"\"}],[\"$\",\"span\",\"span-1\",{\"style\":{\"color\":\"#6A9955\"},\"children\":\" // needs to be a Server Action\"}]]}],\"\\n\",[\"$\",\"span\",\"span-8\",{\"className\":\"line\"}],\"\\n\",[\"$\",\"span\",\"span-9\",{\"className\":\"line\",\"children\":[\"$\",\"span\",\"span-0\",{\"style\":{\"color\":\"#6A9955\"},\"children\":\" // some notes\"}]}],\"\\n\",[\"$\",\"span\",\"span-10\",{\"className\":\"line\",\"children\":[\"$\",\"span\",\"span-0\",{\"style\":{\"color\":\"#6A9955\"},\"children\":\" // 1. `data` is typesafe.\"}]}],\"\\n\",[\"$\",\"span\",\"span-11\",{\"className\":\"line\",\"children\":[\"$\",\"span\",\"span-0\",{\"style\":{\"color\":\"#6A9955\"},\"children\":\" // 2. if draft === true, this will run every time you edit the content, in real time.\"}]}],\"\\n\",[\"$\",\"span\",\"span-12\",{\"className\":\"line\",\"children\":[\"$\",\"span\",\"span-0\",{\"style\":{\"color\":\"#6A9955\"},\"children\":\" // 3. you can render nested Server Components (Client or Server) here, go nuts.\"}]}],\"\\n\",[\"$\",\"span\",\"span-13\",{\"className\":\"line\"}],\"\\n\",[\"$\",\"span\",\"span-14\",{\"className\":\"line\",\"children\":[[\"$\",\"span\",\"span-0\",{\"style\":{\"color\":\"#C586C0\"},\"children\":\" return\"}],[\"$\",\"span\",\"span-1\",{\"style\":{\"color\":\"#D4D4D4\"},\"children\":\" (\"}]]}],\"\\n\",[\"$\",\"span\",\"span-15\",{\"className\":\"line\",\"children\":[[\"$\",\"span\",\"span-0\",{\"style\":{\"color\":\"#808080\"},\"children\":\" \u003c\"}],[\"$\",\"span\",\"span-1\",{\"style\":{\"color\":\"#569CD6\"},\"children\":\"pre\"}],[\"$\",\"span\",\"span-2\",{\"style\":{\"color\":\"#808080\"},\"children\":\"\u003e\"}]]}],\"\\n\",[\"$\",\"span\",\"span-16\",{\"className\":\"line\",\"children\":[[\"$\",\"span\",\"span-0\",{\"style\":{\"color\":\"#808080\"},\"children\":\" \u003c\"}],[\"$\",\"span\",\"span-1\",{\"style\":{\"color\":\"#569CD6\"},\"children\":\"code\"}],[\"$\",\"span\",\"span-2\",{\"style\":{\"color\":\"#808080\"},\"children\":\"\u003e\"}],[\"$\",\"span\",\"span-3\",{\"style\":{\"color\":\"#569CD6\"},\"children\":\"{\"}],[\"$\",\"span\",\"span-4\",{\"style\":{\"color\":\"#9CDCFE\"},\"children\":\"JSON\"}],[\"$\",\"span\",\"span-5\",{\"style\":{\"color\":\"#D4D4D4\"},\"children\":\".\"}],[\"$\",\"span\",\"span-6\",{\"style\":{\"color\":\"#DCDCAA\"},\"children\":\"stringify\"}],[\"$\",\"span\",\"span-7\",{\"style\":{\"color\":\"#D4D4D4\"},\"children\":\"(\"}],[\"$\",\"span\",\"span-8\",{\"style\":{\"color\":\"#9CDCFE\"},\"children\":\"data\"}],[\"$\",\"span\",\"span-9\",{\"style\":{\"color\":\"#D4D4D4\"},\"children\":\", \"}],[\"$\",\"span\",\"span-10\",{\"style\":{\"color\":\"#569CD6\"},\"children\":\"null\"}],[\"$\",\"span\",\"span-11\",{\"style\":{\"color\":\"#D4D4D4\"},\"children\":\", \"}],[\"$\",\"span\",\"span-12\",{\"style\":{\"color\":\"#B5CEA8\"},\"children\":\"2\"}],[\"$\",\"span\",\"span-13\",{\"style\":{\"color\":\"#D4D4D4\"},\"children\":\")\"}],[\"$\",\"span\",\"span-14\",{\"style\":{\"color\":\"#569CD6\"},\"children\":\"}\"}],[\"$\",\"span\",\"span-15\",{\"style\":{\"color\":\"#808080\"},\"children\":\"\u003c/\"}],[\"$\",\"span\",\"span-16\",{\"style\":{\"color\":\"#569CD6\"},\"children\":\"code\"}],[\"$\",\"span\",\"span-17\",{\"style\":{\"color\":\"#808080\"},\"children\":\"\u003e\"}]]}],\"\\n\",[\"$\",\"span\",\"span-17\",{\"className\":\"line\",\"children\":[[\"$\",\"span\",\"span-0\",{\"style\":{\"color\":\"#808080\"},\"children\":\" \u003c/\"}],[\"$\",\"span\",\"span-1\",{\"style\":{\"color\":\"#569CD6\"},\"children\":\"pre\"}],[\"$\",\"span\",\"span-2\",{\"style\":{\"color\":\"#808080\"},\"children\":\"\u003e\"}]]}],\"\\n\",[\"$\",\"span\",\"span-18\",{\"className\":\"line\",\"children\":[\"$\",\"span\",\"span-0\",{\"style\":{\"color\":\"#D4D4D4\"},\"children\":\" )\"}]}],\"\\n\",[\"$\",\"span\",\"span-19\",{\"className\":\"line\",\"children\":[[\"$\",\"span\",\"span-0\",{\"style\":{\"color\":\"#D4D4D4\"},\"children\":\" }\"}],[\"$\",\"span\",\"span-1\",{\"style\":{\"color\":\"#569CD6\"},\"children\":\"}\"}]]}],\"\\n\",[\"$\",\"span\",\"span-20\",{\"className\":\"line\",\"children\":[[\"$\",\"span\",\"span-0\",{\"style\":{\"color\":\"#808080\"},\"children\":\" \u003c/\"}],[\"$\",\"span\",\"span-1\",{\"style\":{\"color\":\"#4EC9B0\"},\"children\":\"Pump\"}],[\"$\",\"span\",\"span-2\",{\"style\":{\"color\":\"#808080\"},\"children\":\"\u003e\"}]]}],\"\\n\",[\"$\",\"span\",\"span-21\",{\"className\":\"line\",\"children\":[\"$\",\"span\",\"span-0\",{\"style\":{\"color\":\"#E6E6E6\"},\"children\":\" )\"}]}],\"\\n\",[\"$\",\"span\",\"span-22\",{\"className\":\"line\",\"children\":[\"$\",\"span\",\"span-0\",{\"style\":{\"color\":\"#E6E6E6\"},\"children\":\"}\"}]}],\"\\n\",[\"$\",\"span\",\"span-23\",{\"className\":\"line\"}],\"\\n\",[\"$\",\"span\",\"span-24\",{\"className\":\"line\",\"children\":[[\"$\",\"span\",\"span-0\",{\"style\":{\"color\":\"#C586C0\"},\"children\":\"export\"}],[\"$\",\"span\",\"span-1\",{\"style\":{\"color\":\"#C586C0\"},\"children\":\" default\"}],[\"$\",\"span\",\"span-2\",{\"style\":{\"color\":\"#9CDCFE\"},\"children\":\" Page\"}]]}]]}]}]]}]\n"])</script>
53</body></html>
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.