"use client"; import { Button, Badge, Input, Progress, Tabs, TabsList, TabsTrigger, TabsContent, Accordion, AccordionItem, AccordionTrigger, AccordionContent, BentoGrid, BentoGridCell, } from "@sigil-ui/components"; import { DemoShell, Panel, PanelSpacer, PanelHeader, PlaceholderImage, } from "./_shell"; const INSTALL_COMMANDS: Record = { npm: "npx create-dedalus-app@latest", pnpm: "pnpm create dedalus-app@latest", yarn: "yarn create dedalus-app", bun: "bun create dedalus-app", }; const FEATURES = [ { title: "Auth", desc: "Email, OAuth, passkeys, and magic links. Session management, RBAC, and JWTs — configured in minutes.", }, { title: "Database", desc: "Managed Postgres with branching, migrations, and connection pooling. Point-in-time recovery included.", }, { title: "Storage", desc: "S3-compatible object storage with CDN delivery. Upload, transform, and serve assets from the edge.", }, ]; const FAQ = [ { q: "How do I get started?", a: "Run the create command, choose your stack, and you'll have auth, a database, and storage configured in under two minutes." }, { q: "Can I self-host?", a: "Yes. Dedalus ships Docker images for every service. Deploy to your own infrastructure with a single compose file." }, { q: "What databases are supported?", a: "Postgres is the primary database. SQLite for local development. MySQL and PlanetScale support is on the roadmap." }, { q: "Is there a free tier?", a: "The free tier includes 500MB database, 1GB storage, and 10K monthly active users. No credit card required." }, ]; export default function DedalusCloneDemo() { return ( {/* ── Navbar ──────────────────────────────────────────────── */}

DEDALUS

Docs Pricing Blog

{/* ── Hero ────────────────────────────────────────────────── */}

Open Source

The developer backend

Auth, database, storage, and edge functions. Everything you need to ship — nothing you don't.

{/* ── Install ─────────────────────────────────────────────── */} Install

{Object.keys(INSTALL_COMMANDS).map((pm) => ( {pm} ))} {Object.entries(INSTALL_COMMANDS).map(([pm, cmd]) => (

${" "} {cmd}

))}

{/* ── Features ────────────────────────────────────────────── */} Platform {FEATURES.map((f) => (

{f.title}

{f.desc}

))} {/* ── FAQ ─────────────────────────────────────────────────── */} FAQ

{FAQ.map((item, i) => ( {item.q}

{item.a}

))}

{/* ── Footer ──────────────────────────────────────────────── */}

); }