53 lines
1.4 KiB
JavaScript
53 lines
1.4 KiB
JavaScript
// Hooks
|
|
import { useApp } from 'shared/hooks/use-app.mjs'
|
|
// Dependencies
|
|
import { mdxLoader } from 'shared/mdx/loader.mjs'
|
|
import { serverSideTranslations } from 'next-i18next/serverSideTranslations'
|
|
// Components
|
|
import { PageWrapper, ns as pageNs } from 'shared/components/wrappers/page.mjs'
|
|
import { MdxWrapper } from 'shared/components/wrappers/mdx.mjs'
|
|
import { ReadMore } from 'shared/components/mdx/read-more.mjs'
|
|
import { jargon } from 'site/jargon.mjs'
|
|
import { V3Wip } from 'shared/components/v3-wip.mjs'
|
|
|
|
// Translation namespaces used on this page
|
|
const namespaces = [...new Set(['docs', ...pageNs])]
|
|
|
|
const DocsPage = (props) => {
|
|
const app = useApp(props)
|
|
|
|
return (
|
|
<PageWrapper app={app}>
|
|
<div className="max-w-2xl">
|
|
<V3Wip />
|
|
</div>
|
|
</PageWrapper>
|
|
)
|
|
}
|
|
|
|
export default DocsPage
|
|
|
|
/*
|
|
* getStaticProps() is used to fetch data at build-time.
|
|
*
|
|
* On this page, it is loading the mdx (markdown) content
|
|
* from the markdown file on disk.
|
|
*
|
|
* This, in combination with getStaticPaths() below means this
|
|
* page will be used to render/generate all markdown/mdx content.
|
|
*
|
|
* To learn more, see: https://nextjs.org/docs/basic-features/data-fetching
|
|
*/
|
|
export async function getStaticProps({ locale }) {
|
|
const { mdx } = await mdxLoader(locale, 'org', ['docs'], jargon[locale])
|
|
|
|
return {
|
|
props: {
|
|
...(await serverSideTranslations(locale, namespaces)),
|
|
mdx,
|
|
page: {
|
|
path: ['docs'],
|
|
},
|
|
},
|
|
}
|
|
}
|