Graph View
A graph of all pages.
Installation
You can install this from CLI:
npx @fumadocs/cli add graph-viewEnable extractLinkReferences on Fumadocs MDX.
import { defineDocs } from 'fumadocs-mdx/config';
export const docs = defineDocs({
docs: {
postprocess: {
extractLinkReferences: true,
},
},
});Usage
You can use it in MDX files or the layout components (e.g. in page.tsx):
import { GraphView } from '@/components/graph-view';
import { buildGraph } from '@/lib/build-graph';
export function PageBody() {
return (
<div>
<GraphView graph={buildGraph()} />
{/* ... */}
</div>
);
}How is this guide?