サークルサイトをAstroで書き直したのだが、リリース日にAstro2.0が発表された上に、泣き所だったMDXコンテンツの呼び出しが改善されていたので即書き直しすることにした。 docs.astro.build 基本はガイド通りに進めていく。 1. コンテンツファイルの場所移…

TypeScript導入時はコンポーネント内に自分でPropsの型を書いていましたが、全てのコンポーネントでこれを行うと非常に面倒かつ、GraphQLのスキーマとオリジナルの型で二重に型を生成することになるので、自動生成するプラグインを導入してコンポーネントか…

サークルサイトの再構築をするにあたり、Typescriptを導入してみました。 「最近の記事」コンポーネント GraphQLで取得したデータに型を指定する interface StaticQueryProps { allMarkdownRemark: { edges: Edge[] } } interface Edge { node: { frontmatte…