konnosnot-found.tsx39 lines · main
| 1 | import Link from 'next/link'; |
| 2 | |
| 3 | import { DocsShell } from '../components/shell'; |
| 4 | |
| 5 | export const metadata = { title: 'not found' }; |
| 6 | |
| 7 | export default function NotFound() { |
| 8 | return ( |
| 9 | <DocsShell> |
| 10 | <h1 className="font-mono text-2xl tracking-tight">404 · not found</h1> |
| 11 | <p className="mt-2 font-mono text-sm text-[var(--color-text-muted)]"> |
| 12 | the docs page you tried to reach doesn't exist (or moved). try the sidebar, or |
| 13 | the most-visited starting points below. |
| 14 | </p> |
| 15 | |
| 16 | <ul className="mt-6 grid grid-cols-1 gap-3 sm:grid-cols-2"> |
| 17 | {[ |
| 18 | { href: '/quickstart', label: 'quickstart' }, |
| 19 | { href: '/schema', label: 'schema dsl' }, |
| 20 | { href: '/examples', label: 'examples' }, |
| 21 | { href: '/api', label: 'http api' }, |
| 22 | { href: '/migration', label: 'migration guides' }, |
| 23 | { href: '/cli', label: 'cli reference' }, |
| 24 | { href: '/changelog', label: 'changelog' }, |
| 25 | { href: '/status', label: 'status' }, |
| 26 | ].map((p) => ( |
| 27 | <li key={p.href}> |
| 28 | <Link |
| 29 | href={p.href} |
| 30 | className="block rounded-md border border-[var(--color-border-subtle)] bg-[var(--color-surface)] px-4 py-3 font-mono text-sm hover:border-[var(--color-border)]" |
| 31 | > |
| 32 | {p.label} |
| 33 | </Link> |
| 34 | </li> |
| 35 | ))} |
| 36 | </ul> |
| 37 | </DocsShell> |
| 38 | ); |
| 39 | } |