1<!doctype html> 2<!--suppress ALL --> 3<html lang="en" class="h-full wa-dark wa-theme-default wa-brand-green"> 4 <head> 5 <meta charset="utf-8" /> 6 <link rel="icon" href="./favicon.png" /> 7 <meta name="viewport" content="width=device-width, initial-scale=1" /> 8 <link 9 rel="preload" 10 href="./fonts/figtree-latin.woff2" 11 as="font" 12 type="font/woff2" 13 crossorigin 14 /> 15 <style> 16 @font-face { 17 font-family: 'Figtree Variable'; 18 font-style: normal; 19 font-display: optional; 20 font-weight: 300 900; 21 src: url('./fonts/figtree-latin.woff2') format('woff2-variations'); 22 } 23 </style> 24 25 <link href="./_app/immutable/entry/start.nq-7Uush.js" rel="modulepreload"> 26 <link href="./_app/immutable/chunks/DAhi6lE9.js" rel="modulepreload"> 27 <link href="./_app/immutable/chunks/CzsObDY8.js" rel="modulepreload"> 28 <link href="./_app/immutable/chunks/wbzwmYu6.js" rel="modulepreload"> 29 <link href="./_app/immutable/entry/app.DgKodDxv.js" rel="modulepreload"> 30 <link href="./_app/immutable/chunks/kNaey6uv.js" rel="modulepreload"> 31 <link href="./_app/immutable/chunks/xihTtKlq.js" rel="modulepreload"> 32 <link href="./_app/immutable/nodes/0.BeAWBMKF.js" rel="modulepreload"> 33 <link href="./_app/immutable/chunks/CmsztqYw.js" rel="modulepreload"> 34 <link href="./_app/immutable/chunks/Du7Y30mz.js" rel="modulepreload"> 35 <link href="./_app/immutable/chunks/D0djJHRo.js" rel="modulepreload"> 36 <link href="./_app/immutable/chunks/DkUgRKUX.js" rel="modulepreload"> 37 <link href="./_app/immutable/chunks/C5qy-xbg.js" rel="modulepreload"> 38 <link href="./_app/immutable/chunks/DzK1Iyhi.js" rel="modulepreload"> 39 <link href="./_app/immutable/chunks/D7aDtkCV.js" rel="modulepreload"> 40 <link href="./_app/immutable/chunks/Bh8oZHKH.js" rel="modulepreload"> 41 <link href="./_app/immutable/chunks/CbU006_h.js" rel="modulepreload"> 42 <link href="./_app/immutable/chunks/CuIt4HC3.js" rel="modulepreload"> 43 <link href="./_app/immutable/chunks/CMEJS-xf.js" rel="modulepreload"> 44 <link href="./_app/immutable/chunks/C6uBXowH.js" rel="modulepreload"> 45 <link href="./_app/immutable/nodes/31.D_oBFpXb.js" rel="modulepreload"> 46 <!--12qhfyh--><link rel="preload" as="image" href="/_app/immutable/assets/pockethost-cloud-logo.BAJBXdzk.png"/> <!----><style>/*! 47 Theme: Seti UI 48 Author: 49 License: ~ MIT (or more permissive) [via base16-schemes-source] 50 Maintainer: @highlightjs/core-team 51 Version: 2021.09.0 52*/pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#d6d6d6;background:#151718}.hljs::selection, 53.hljs ::selection{background-color:#3B758C;color:#d6d6d6}.hljs-comment{color:#41535B}.hljs-tag{color:#43a5d5}.hljs-subst, 54.hljs-punctuation, 55.hljs-operator{color:#d6d6d6}.hljs-operator{opacity:0.7}.hljs-bullet, 56.hljs-variable, 57.hljs-template-variable, 58.hljs-selector-tag, 59.hljs-name, 60.hljs-deletion{color:#Cd3f45}.hljs-symbol, 61.hljs-number, 62.hljs-link, 63.hljs-attr, 64.hljs-variable.constant_, 65.hljs-literal{color:#db7b55}.hljs-title,.hljs-class .hljs-title,.hljs-title.class_,.hljs-strong{color:#e6cd69}.hljs-strong{font-weight:bold}.hljs-code, 66.hljs-addition, 67.hljs-title.class_.inherited__, 68.hljs-string{color:#9fca56}.hljs-built_in, 69.hljs-doctag, 70.hljs-quote, 71.hljs-keyword.hljs-atrule, 72.hljs-regexp{color:#55dbbe}.hljs-function .hljs-title, 73.hljs-attribute, 74.ruby .hljs-property, 75.hljs-title.function_, 76.hljs-section{color:#55b5db}.hljs-type,.hljs-template-tag,.diff .hljs-meta,.hljs-keyword,.hljs-emphasis{color:#a074c4}.hljs-emphasis{font-style:italic}.hljs-meta, 77.hljs-meta .hljs-keyword, 78.hljs-meta .hljs-string{color:#8a553f}.hljs-meta .hljs-keyword, 79.hljs-meta-keyword{font-weight:bold}</style><!----><!----><!--pk6x0i--><link rel="manifest" href="/manifest.json"/> <!--[0--><meta name="description" content="Get a PocketBase backend for your next app in under 10 seconds."/> <meta property="og:url" content="https://pockethost.io/"/> <meta property="og:type" content="website"/> <meta property="og:title" content="PocketHost"/> <meta property="og:description" content="Get a PocketBase backend for your next app in under 10 seconds."/> <meta property="og:image" content="https://pockethost.io/newPoster.png"/> <meta name="twitter:card" content="summary_large_image"/> <meta property="twitter:domain" content="https://pockethost.io/"/> <meta property="twitter:url" content="https://pockethost.io/"/> <meta name="twitter:title" content="PocketHost"/> <meta name="twitter:description" content="Get a PocketBase backend for your next app in under 10 seconds."/> <meta name="twitter:image" content="https://pockethost.io/newPoster.png"/><!--]--><!----><!--r5wgi6--><!----><title>Home - PocketHost</title> 80 <link href="./_app/immutable/assets/Avatar.BHE1Mu40.css" rel="stylesheet"> 81 <link href="./_app/immutable/assets/0.DS6Bkft6.css" rel="stylesheet"> 82 </head> 83 <body class="bg-[#111111]"> 84 <div><!--[--><!--[0--><!--[--><!----> <div class="bg-[#111111]"><!--[-1--><!--]--><!----> <div class="max-w-content mx-auto flex items-center justify-between px-4 py-3 md:px-20"><div class="m-0 flex min-w-10 flex-1 items-center"><wa-dropdown class="navbar-mobile-dropdown md:hidden"><wa-button slot="trigger" appearance="plain" class="mx-0 px-0 lg:hidden"><div class="flex items-center justify-center gap-4 "><img src="/_app/immutable/assets/pockethost-cloud-logo.BAJBXdzk.png" class="mix-blend-lighten h-12 w-12 shrink-0" width="48" height="48" alt="PocketHost Logo" fetchpriority="high" loading="eager" decoding="async"/> <h1 class="text-white font-bold text-xl hidden md:block false">PocketHost</h1></div><!----></wa-button>
84 <!--[0--><div class="flex flex-col gap-1 rounded-lg bg-[#111111] p-2 shadow-xl w-52 z-[100] mt-3"><a href="/" class="site-nav-link site-nav-link--menu">Home</a> <!--[-1--><!--]--><!----> <a href="/pricing" class="site-nav-link site-nav-link--menu">Pricing</a> <a href="/blog" class="site-nav-link site-nav-link--menu">Blog</a> <a href="/docs" class="site-nav-link site-nav-link--menu">Docs</a> <a href="/support" class="site-nav-link site-nav-link--menu">Support</a> <!--[0--><!--[--><a href="/about" class="site-nav-link site-nav-link--menu">About</a><!--]--><!--]--><!----> <!--[0--><!--[--><a href="/login" class="site-nav-link site-nav-link--menu">Login</a><!--]--><!--]--><!----></div><!--]--><!----></wa-dropdown> <a href="/" class="hidden items-center md:flex"><div class="flex items-center justify-center gap-4 "><img src="/_app/immutable/assets/pockethost-cloud-logo.BAJBXdzk.png" class="mix-blend-lighten h-12 w-12 shrink-0" width="48" height="48" alt="PocketHost Logo" fetchpriority="high" loading="eager" decoding="async"/> <h1 class="text-white font-bold text-xl hidden md:block false">PocketHost</h1></div><!----></a> <div class="mx-4 hidden h-5 w-px bg-white/15 md:block"></div> <div class="flex items-center gap-3 text-neutral-500"><a href="https://github.com/pockethost/pockethost" rel="noreferrer" target="_blank" class="transition-colors hover:text-white" aria-label="GitHub"><wa-icon name="github" family="brands"></wa-icon></a> <a href="https://www.producthunt.com/products/pockethost" rel="noreferrer" target="_blank" class="transition-colors hover:text-white" aria-label="Product Hunt"><wa-icon name="product-hunt" family="brands"></wa-icon></a> <a href="https://discord.gg/nVTxCMEcGT" rel="noreferrer" target="_blank" class="transition-colors hover:text-white" aria-label="Discord"><wa-icon name="discord" family="brands"></wa-icon></a> <a href="https://www.youtube.com/@pocketba5ed" rel="noreferrer" target="_blank" class="transition-colors hover:text-white" aria-label="YouTube"><wa-icon name="youtube" family="brands"></wa-icon></a></div></div> <div class="flex flex-none items-center"><!--[-1--><nav class="site-nav flex items-center gap-1"><!--[-1--><!--]--><!----> <a href="/pricing" class="site-nav-link">Pricing</a> <a href="/blog" class="site-nav-link">Blog</a> <a href="/docs" class="site-nav-link">Docs</a> <a href="/support" class="site-nav-link">Support</a> <!--[0--><!--[--><a href="/about" class="site-nav-link">About</a><!--]--><!--]--><!----> <!--[-1--><!--]--><!----> <!--[0--><!--[--><a href="/login" class="site-nav-link site-nav-link--login">Login</a><!--]--><!--]--><!----></nav><!--]--><!----></div></div><!----> <!--[-1--><!--]--><!----> <div class="px-4 md:px-20"><!--[-1--><!--]--><!----></div> <div class="w-full"><!--[--><!--[-1--><!--[--><div class="relative min-h-screen px-8 md:px-16 z-50"><div class="relative w-full text-white p-8 lg:px-16 flex flex-col h-[85vh] md:h-[70vh] items-center justify-center"><div class="flex flex-col items-center z-10 relative"><h1 class="text-5xl max-w-4xl md:text-6xl text-center fade-up">PocketBase Hosting, <span class="font-bold">Simplified</span></h1> <p class="text-xl w-2/3 md:w-1/2 text-center font-light mb-10 mt-4 text-white/60 fade-up animation-delay-250">No server configs. No downtime. Just build.</p> <!--[-1--><!--[--><div slot="loading"><div class="relative inline-flex group"><div class="absolute transition-all duration-1000 opacity-70 -inset-px rounded-xl group-hover:opacity-100 group-hover:-inset-1 group-hover:duration-200 animate-tilt"></div> <a href="/get-started" class="relative wiggle opacity-0 fade-up animation-delay-500 inline-flex gap-4 items-center bg-primary justify-center px-8 py-3 text-md font-medium hover:bg-light !text-white transition-all duration-200 font-pj rounded-xl focus:outline-none focus:ring-2 focus:ring-offset-2 focus:ring-gray-900" target="" role="button">Get Started <!--[0--><wa-icon name="arrow-right"></wa-icon><!--]--></a></div><!----></div><!--]--><!--]--><!----></div></div> <section class="lg:px-8"><div class="max-w-6xl mx-auto"><div class="bg-[#111111]/50 border border-white/20 rounded-2xl p-12 backdrop-blur-xl fade-in text-white">
84<div class="grid grid-cols-2 md:grid-cols-3 lg:grid-cols-5 gap-8 text-center"><div><div class="text-3xl md:text-4xl font-light mb-2 text-white">30s</div> <div class="text-white/60 text-sm font-light">Setup Time</div></div> <div><div class="text-3xl md:text-4xl font-light mb-2 text-white">99.964%</div> <div class="text-white/60 text-sm font-light">Uptime</div></div> <div><div class="text-3xl md:text-4xl font-light mb-2 text-white">10.0K</div> <div class="text-white/60 text-sm font-light">Developers</div></div> <div><div class="text-3xl md:text-4xl font-light mb-2 text-white">5.0K</div> <div class="text-white/60 text-sm font-light">Instances</div></div> <div><div class="text-3xl md:text-4xl font-light mb-2 flex items-center justify-center gap-2 text-white">0 <wa-icon name="star" class="w-5 h-5 text-yellow-400"></wa-icon></div> <div class="text-white/60 text-sm font-light">On Github</div></div></div></div></div></section> <section class="py-24 lg:px-8 text-white"><div class="text-center mb-10 md:mb-20"><h2 class="text-4xl md:text-5xl font-light mb-6 tracking-tight text-white">Everything you need to <span class="font-medium">build</span></h2></div> <div class="max-w-6xl mx-auto grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 gap-8 items-stretch"><!--[--><div class="group h-full"><div class="h-full bg-white/5 border border-white/10 rounded-xl p-8 hover:bg-white/10 hover:border-white/20 transition-all duration-500"><div class="flex items-center gap-4 mb-4"><div class="w-10 h-10 bg-white/10 rounded-lg flex items-center justify-center group-hover:bg-primary/50 transition-all duration-500"><wa-icon name="database" class="w-5 h-5 text-white"></wa-icon></div> <h3 class="text-lg font-medium text-white">Database</h3></div> <p class="text-white/60 leading-relaxed font-light text-sm">Your PocketHost instance is powered by its own internal SQLite instance. SQLite is more performant than mySQL or Postgres and is perfect for powering your next app.</p></div></div><div class="group h-full"><div class="h-full bg-white/5 border border-white/10 rounded-xl p-8 hover:bg-white/10 hover:border-white/20 transition-all duration-500"><div class="flex items-center gap-4 mb-4"><div class="w-10 h-10 bg-white/10 rounded-lg flex items-center justify-center group-hover:bg-primary/50 transition-all duration-500"><wa-icon name="lock" class="w-5 h-5 text-white"></wa-icon></div> <h3 class="text-lg font-medium text-white">Auth</h3></div> <p class="text-white/60 leading-relaxed font-light text-sm">Email and oAuth authentication options work out of the box for your app users.</p></div></div><div class="group h-full"><div class="h-full bg-white/5 border border-white/10 rounded-xl p-8 hover:bg-white/10 hover:border-white/20 transition-all duration-500"><div class="flex items-center gap-4 mb-4"><div class="w-10 h-10 bg-white/10 rounded-lg flex items-center justify-center group-hover:bg-primary/50 transition-all duration-500"><wa-icon name="cloud" class="w-5 h-5 text-white"></wa-icon></div> <h3 class="text-lg font-medium text-white">Cloud Functions</h3></div> <p class="text-white/60 leading-relaxed font-light text-sm">Run your own custom code on PocketHost with our cloud functions. Use the JS Client to call your functions from your frontend.</p></div></div><div class="group h-full"><div class="h-full bg-white/5 border border-white/10 rounded-xl p-8 hover:bg-white/10 hover:border-white/20 transition-all duration-500"><div class="flex items-center gap-4 mb-4"><div class="w-10 h-10 bg-white/10 rounded-lg flex items-center justify-center group-hover:bg-primary/50 transition-all duration-500"><wa-icon name="link" class="w-5 h-5 text-white"></wa-icon></div> <h3 class="text-lg font-medium text-white">Custom Domain</h3></div> <p class="text-white/60 leading-relaxed font-light text-sm">Point your own domain at your PocketHost instance. SSL provisioning and verification are handled automatically.</p></div></div><div class="group h-full"><div class="h-full bg-white/5 border border-white/10 rounded-xl p-8 hover:bg-white/10 hover:border-white/20 transition-all duration-500"><div class="flex items-center gap-4 mb-4"><div class="w-10 h-10 bg-white/10 rounded-lg flex items-center justify-center group-hover:bg-primary/50 transition-all duration-500"><wa-icon name="download" class="w-5 h-5 text-white"></wa-icon></div> <h3 class="text-lg font-medium text-white">Self-host</h3></div> <p class="text-white/60 leading-relaxed font-light text-sm">When you're ready to take your project in-house, download your full instance via SFTP and run PocketBase on your own hardware.</p></div></div><div class="group h-full"><div class="h-full bg-white/5 border border-white/10 rounded-xl p-8 hover:bg-white/10 hover:border-white/20 transition-all duration-500"><div class="flex items-center gap-4 mb-4"><div class="w-10 h-10 bg-white/10 rounded-lg flex items-center justify-center group-hover:bg-primary/50 transition-all duration-500"><wa-icon name="bolt" class="w-5 h-5 text-white"></wa-icon></div> <h3 class="text-lg font-medium text-white">Zero Config</h3></div> <p class="text-white/60 leading-relaxed font-light text-sm">With PocketHost, batteries are included. You get a database, SSL, authentication, cloud functions, SFTP access, and high concurrency all in one stop.</p></div></div><!--]--></div></section></div><!--]--><!--]--><!--]--></div> <footer class="text-white px-4 md:px-20 pt-6 pb-8 text-sm relative z-1 border-t border-neutral-700"><div class="flex flex-col gap-5"><div class="flex flex-col sm:flex-row sm:items-center sm:justify-between gap-3 text-xs text-neutral-500"><div class="flex flex-wrap gap-x-4 gap-y-1"><a href="/privacy" class="hover:text-neutral-300 hover:underline">Privacy</a> <a href="/terms" class="hover:text-neutral-300 hover:underline">Terms</a> <a href="https://status.pockethost.io/" rel="noreferrer" target="_blank" class="hover:text-neutral-300 hover:underline">System Status</a></div> <div class="sm:text-right"><span>© <span id="year">2026</span> PocketHost</span> <span class="mx-2 text-neutral-700" aria-hidden="true">·</span> <span>Proudly hacking open source in Reno, NV â¤ï¸</span></div></div></div></footer></div> <!--[-1--><!--]--><!----><!--]--><!--]--> <!--[-1--><!--]--><!--]--> 85 86
86<script> 87 { 88 __sveltekit_mupgce = { 89 base: new URL(".", location).pathname.slice(0, -1) 90 }; 91 92 const element = document.currentScript.parentElement; 93 94 Promise.all([ 95 import("./_app/immutable/entry/start.nq-7Uush.js"), 96 import("./_app/immutable/entry/app.DgKodDxv.js") 97 ]).then(([kit, app]) => { 98 kit.start(app, element, { 99 node_ids: [0, 31], 100 data: [null,null], 101 form: null, 102 error: null 103 }); 104 }); 105 } 106 </script>
106 107 </div> 108 </body> 109</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.