Created
December 11, 2021 13:35
-
-
Save AnishDe12020/07472ef552f085b07fb6458abfe57726 to your computer and use it in GitHub Desktop.
This file contains bidirectional Unicode text that may be interpreted or compiled differently than what appears below. To review, open the file in an editor that reveals hidden Unicode characters.
Learn more about bidirectional Unicode characters
| import { serialize } from "next-mdx-remote/serialize"; | |
| import { MDXRemote } from "next-mdx-remote"; | |
| import CustomMDXCode from "../components/CustomMDXCode"; | |
| export default function Home({ source }) { | |
| return ( | |
| <div> | |
| <MDXRemote | |
| components={{ code: props => <CustomMDXCode {...props} /> }} | |
| {...source} | |
| /> | |
| </div> | |
| ); | |
| } | |
| export const getStaticProps = async () => { | |
| const source = | |
| "```js template=react filename=App.js\nexport default function App() {\n return <h1>Just some text...</h1>\n}\n```"; | |
| const mdxSource = await serialize(source); | |
| return { props: { source: mdxSource } }; | |
| }; |
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment