ad209c8f21
## Changes: - /docs is now a Getting Started page with the first tutorial - basic-example added
48 lines
1.3 KiB
TypeScript
48 lines
1.3 KiB
TypeScript
import { GetStaticProps } from 'next';
|
|
import { promises as fs } from 'fs';
|
|
import path from 'path';
|
|
import parse from '../lib/markdown';
|
|
import DRD from '../components/DRD';
|
|
|
|
export const getStaticProps: GetStaticProps = async (context) => {
|
|
const contentDir = path.join(process.cwd(), '/content');
|
|
const datasets = await fs.readdir(contentDir);
|
|
const datasetReadme = path.join(
|
|
process.cwd(),
|
|
'/content/' + datasets[0] + '/README.md'
|
|
);
|
|
const readme = await fs.readFile(datasetReadme, 'utf8');
|
|
let { mdxSource, frontMatter } = await parse(readme, '.mdx');
|
|
return {
|
|
props: {
|
|
mdxSource,
|
|
frontMatter,
|
|
},
|
|
};
|
|
};
|
|
|
|
export default function DatasetPage({ mdxSource, frontMatter }) {
|
|
return (
|
|
<div className="prose mx-auto">
|
|
<header>
|
|
<div className="mb-6">
|
|
<>
|
|
<h1>{frontMatter.title}</h1>
|
|
{frontMatter.author && (
|
|
<div className="-mt-6">
|
|
<p className="opacity-60 pl-1">{frontMatter.author}</p>
|
|
</div>
|
|
)}
|
|
{frontMatter.description && (
|
|
<p className="description">{frontMatter.description}</p>
|
|
)}
|
|
</>
|
|
</div>
|
|
</header>
|
|
<main>
|
|
<DRD source={mdxSource} />
|
|
</main>
|
|
</div>
|
|
);
|
|
}
|