休憩

データが多いほうが面白いのでmicrocmsにたくさん記事を作ってください

https://i.gyazo.com/5c2c8a51f54469846cfd6f49d8ba9ef7.png

見やすいようにコードも少し変えておきます。

code:index.tsx

<ul>

{data.allMicrocmsBlogs.edges.map(({ node }) => (

<li key={node.blogsId}>

<Link to={node.blogsId ?? "/"}>

{node?.title && <p>{node.title}</p>}

</Link>

</li>

))}

</ul>

code:{microcmsBlogs.blogsId}.tsx

return (

<div>

<h1>{data.microcmsBlogs?.title ?? "デフォルトタイトル"}</h1>

<div dangerouslySetInnerHTML={{ __html: data.microcmsBlogs?.body ?? "本文" }}/>

</div>

)

https://i.gyazo.com/2915f0f89980ab4a5be33054c2957708.png

https://i.gyazo.com/5b4b93b44cf03b8a25c882fd9c4ca3ba.png