Tips for MDX (temp)

Callout

Hello World

Title

Hello World

Title

Hello World

Twoslash Example

console.log('Hello World')

Test

console.loglog

const player: Player = { name: 'Hello World' }       
const player: Player

Installation

To set up the project, follow these steps:

Clone the repository:

git clone https://github.com/your-repo/papier-landing.git
cd papier-landing

Install dependencies:

install

Start the development server:

npm run dev
# or
yarn dev

Markdown

import defaultComponents from 'fumadocs-ui/mdx';
import type { MDXComponents } from 'mdx/types';
import { CodeBlock, Pre } from 'fumadocs-ui/components/codeblock';

export function getMDXComponents(components?: MDXComponents): MDXComponents {
  return {
    ...defaultComponents,
    // HTML `ref` attribute conflicts with `forwardRef`
    pre: ({ ref: _ref, ...props }) => (
      <CodeBlock {...props}>
        <Pre>{props.children}</Pre>
      </CodeBlock>
    ),
    ...components,
  };
}