docs: nextra v4

docs/app/[[...mdxPath]]/page.tsx

@@ -0,0 +1,21 @@
+import { generateStaticParamsFor, importPage } from 'nextra/pages';
+import { useMDXComponents as getMDXComponents } from '../../mdx-components';
+
+export const generateStaticParams = generateStaticParamsFor('mdxPath');
+
+export async function generateMetadata(props) {
+	const params = await props.params;
+	const { metadata } = await importPage(params.mdxPath);
+	return metadata;
+}
+
+const Wrapper = getMDXComponents().wrapper;
+
+export default async function DocsPage(props) {
+	const params = await props.params;
+	const result = await importPage(params.mdxPath);
+	const { default: MDXContent, toc, metadata } = result;
+	return <Wrapper toc={toc} metadata={metadata}>
+		<MDXContent {...props} params={params} />
+	</Wrapper>
+}