Introduce

nextra触ってみた

what is nextra?

https://nextra.site/ (opens in a new tab)

Next.jsベースの静的サイトジェネレータ

Next.js + MDXで動作する

MDX

= Markdown + JSX

MDX (opens in a new tab)

export const title = 'MDX'
export const Hoge = () => <h3>= Markdown + JSX</h3>
 
## {title}
<Hoge/>
 
[MDX](https://mdxjs.com/)

プロジェクト構成

.
├── next.config.js
├── package-lock.json
├── package.json
├── pages
│       ├── _meta.json
│       ├── examples
│       │       ├── _meta.json
│       │       ├── cards.mdx
│       │       ├── steps.mdx
│       │       └── tabs.mdx
│       └── index.mdx
└── theme.config.jsx