konnospage.tsx81 lines · main
| 1 | import Link from 'next/link'; |
| 2 | |
| 3 | import { DocsShell } from '../components/shell'; |
| 4 | |
| 5 | export const metadata = { |
| 6 | title: 'overview', |
| 7 | }; |
| 8 | |
| 9 | export default function DocsIndex() { |
| 10 | return ( |
| 11 | <DocsShell> |
| 12 | <h1 className="font-mono text-2xl tracking-tight">briven docs</h1> |
| 13 | <p className="mt-2 font-mono text-sm text-[var(--color-text-muted)]"> |
| 14 | doltgres-first reactive backend for typescript. git-for-your-data, hosted or self-hosted. |
| 15 | </p> |
| 16 | |
| 17 | <div className="mt-6 rounded-md border border-[var(--color-border-subtle)] bg-[var(--color-surface)] p-4 font-mono text-xs text-[var(--color-text-muted)]"> |
| 18 | <strong className="text-[var(--color-text)]">engine.</strong> product SQL runs on{' '} |
| 19 | <a className="underline" href="/doltgres"> |
| 20 | Doltgres |
| 21 | </a>{' '} |
| 22 | (Postgres wire + version history) — control plane and every project database. files use{' '} |
| 23 | <a className="underline" href="/storage"> |
| 24 | MinIO S3 |
| 25 | </a> |
| 26 | . sign-in uses{' '} |
| 27 | <a className="underline" href="/auth"> |
| 28 | Briven Auth |
| 29 | </a> |
| 30 | . |
| 31 | </div> |
| 32 | |
| 33 | <div className="mt-10 grid grid-cols-1 gap-4 sm:grid-cols-2"> |
| 34 | <DocCard |
| 35 | href="/quickstart" |
| 36 | title="quickstart" |
| 37 | body="briven setup (new) or connect (existing) → deploy." |
| 38 | /> |
| 39 | <DocCard |
| 40 | href="/connect" |
| 41 | title="connect" |
| 42 | body="cli, sdk, http, mcp — how your app and agents attach." |
| 43 | /> |
| 44 | <DocCard href="/auth" title="auth" body="pk_briven_auth_…, @briven/auth, hosted sign-in." /> |
| 45 | <DocCard |
| 46 | href="/storage" |
| 47 | title="storage (s3)" |
| 48 | body="per-project buckets, keys, media urls, soft-delete." |
| 49 | /> |
| 50 | <DocCard |
| 51 | href="/doltgres" |
| 52 | title="doltgres" |
| 53 | body="the engine under every project database." |
| 54 | /> |
| 55 | <DocCard href="/cli" title="cli" body="setup, connect, deploy, auth scaffold, more." /> |
| 56 | <DocCard |
| 57 | href="/schema" |
| 58 | title="schema dsl" |
| 59 | body="declare tables, columns, indexes in typescript." |
| 60 | /> |
| 61 | <DocCard |
| 62 | href="/functions" |
| 63 | title="functions" |
| 64 | body="query, mutation, action — typed db client and ctx." |
| 65 | /> |
| 66 | </div> |
| 67 | </DocsShell> |
| 68 | ); |
| 69 | } |
| 70 | |
| 71 | function DocCard({ href, title, body }: { href: string; title: string; body: string }) { |
| 72 | return ( |
| 73 | <Link |
| 74 | href={href} |
| 75 | className="block rounded-md border border-[var(--color-border-subtle)] bg-[var(--color-surface)] p-5 transition hover:border-[var(--color-border)]" |
| 76 | > |
| 77 | <p className="font-mono text-sm">{title}</p> |
| 78 | <p className="mt-1 font-mono text-xs text-[var(--color-text-muted)]">{body}</p> |
| 79 | </Link> |
| 80 | ); |
| 81 | } |