41 lines
1.3 KiB
TypeScript
41 lines
1.3 KiB
TypeScript
|
import Link from "next/link";
|
||
|
|
import { listDocuments } from "@mcpedia/core";
|
||
|
|
|
||
|
|
export const dynamic = "force-dynamic";
|
||
|
|
|
||
|
|
const SECTIONS = ["docs", "writeups", "research", "notes"] as const;
|
||
|
|
|
||
|
|
export default async function DocsIndexPage() {
|
||
|
|
const all = await listDocuments();
|
||
|
|
const bySection = SECTIONS.map((section) => ({
|
||
|
|
section,
|
||
|
|
docs: all.filter((d) => d.section === section),
|
||
|
|
}));
|
||
|
|
|
||
|
|
return (
|
||
|
|
<div className="space-y-8">
|
||
|
|
<h1 className="text-2xl font-semibold tracking-tight">All Documents</h1>
|
||
|
|
{bySection.map(({ section, docs }) => (
|
||
|
|
<section key={section}>
|
||
|
|
<h2 className="text-lg font-medium capitalize mb-3">{section}</h2>
|
||
|
|
{docs.length === 0 ? (
|
||
|
|
<p className="text-sm text-zinc-500">No documents in this section.</p>
|
||
|
|
) : (
|
||
|
|
<ul className="space-y-2">
|
||
|
|
{docs.map((d) => (
|
||
|
|
<li key={d.slug}>
|
||
|
|
<Link href={`/${d.slug}`} className="hover:underline">
|
||
|
|
{d.title}
|
||
|
|
</Link>
|
||
|
|
<span className="text-xs text-zinc-500 ml-2">
|
||
|
|
{d.author || "unknown"}
|
||
|
|
</span>
|
||
|
|
</li>
|
||
|
|
))}
|
||
|
|
</ul>
|
||
|
|
)}
|
||
|
|
</section>
|
||
|
|
))}
|
||
|
|
</div>
|
||
|
|
);
|
||
|
|
}
|