pfadi-bussle/pages/privacy.tsx

import { readFileSync } from 'fs'
import { serialize } from 'next-mdx-remote/serialize'
import { MDXRemote } from 'next-mdx-remote'
import mdComponents from '../components/mdComponents'

import Layout from '../components/layout'

export default function TermsPage({ source }) {
  return (
    <Layout>
      <div className="text-gray-700">
        <MDXRemote {...source} components={{ ...mdComponents }} />
      </div>
    </Layout>
  )
}

export async function getStaticProps() {
  const source = readFileSync('./md/privacy.md', 'utf8')
  const mdxSource = await serialize(source)
  return { props: { source: mdxSource } }
}