Next.js + react-markdownã§ãƒãƒ¼ã‚«ãƒ«ã®markdownã‚’SSG
import fs from 'fs' import { NextPage, GetStaticProps } from 'next' import ReactMarkdwon from 'react-markdown' type StaticProps = { terms: string } const Terms: NextPage<StaticProps> = (props) => { const { terms } = { ...props } return ( <> <main> <ReactMarkdwon skipHtml={true}>{terms}</ReactMarkdwon> </main> </> ) } export const getStaticProps: GetStaticProps = async () => { const terms = fs.read
Markdown ã‚’æ‹¡å¼µã™ã‚‹ MDX ã¯ãƒ‰ã‚ュメント作æˆã®æ–°ãŸãªå¯èƒ½æ€§ï¼Ÿ
ã“ã®è¨˜äº‹ã¯ã€æŠ€è¡“書典 11 ã§é ’布ä¸ã®ã€ŒVivliostyle ã§æœ¬ã‚’作ã‚ㆠvol. 5ã€ã‹ã‚‰æŠœç²‹ã—ãŸè¨˜äº‹ã§ã™ã€‚ã”興味ã‚ã‚Šã¾ã—ãŸã‚‰ã€Vivliostyle を使ã£ã¦çµ„版ã•ã‚ŒãŸæœ¬èªŒã‚‚ãœã²ãŠè²·ã„求ã‚ãã ã•ã„ï¼ ã¾ãŸã€ã“ã®è¨˜äº‹ä»¥å¤–ã®å†…容もã™ã¹ã¦ Vivliostyle å…¬å¼ã‚µã‚¤ãƒˆã§ç„¡æ–™å…¬é–‹ä¸ã§ã™ã€‚ 技術書やドã‚ュメントを執ç†ã™ã‚‹éš›ã€ã‚ãªãŸã¯ã©ã®ã‚ˆã†ãªå½¢å¼ã§æ–‡ç« を書ãã¾ã™ã‹ï¼Ÿ 最近ã§ã¯ã‚‚ã£ã±ã‚‰ Markdown ã§æ›¸ã‹ã‚Œã‚‹ã“ã¨ãŒå¤šã„ã§ã™ãŒã€ã“ã® Markdown ã‚’æ‹¡å¼µã™ã‚‹ãƒãƒ†ãƒ³ã‚·ãƒ£ãƒ«ã‚’æŒã¤ãŠæ°—ã«å…¥ã‚Šã® OSS プãƒã‚¸ã‚§ã‚¯ãƒˆã€ŒMDXã€ã‚’紹介ã—ã¾ã™ã€‚ MDX = Markdown + JSX MDX ã®åå‰ã®ç”±æ¥ã¯ Markdown + JSX ãªã®ã§ã€MDX ã‚’ç†è§£ã™ã‚‹ãŸã‚ã«ã¯ã¾ãš JSX ã«ã¤ã„ã¦çŸ¥ã‚‹å¿…è¦ãŒã‚ã‚Šã¾ã™ã€‚ JSX ã¨ã¯ JavaScript ã®æ‹¡å¼µæ§‹æ–‡ã®ä¸€ã¤ã§ã€å…ƒã€… React ã®
1
リリースã€éšœå®³æƒ…å ±ãªã©ã®ã‚µãƒ¼ãƒ“スã®ãŠçŸ¥ã‚‰ã›
最新ã®äººæ°—エントリーã®é…ä¿¡
処ç†ã‚’実行ä¸ã§ã™
j次ã®ãƒ–ックマーク
kå‰ã®ãƒ–ックマーク
lã‚ã¨ã§èªã‚€
eコメント一覧を開ã
oページを開ã
{{#tags}}- {{label}}
{{/tags}}