feat: getEntryを使ったページにする

[ryosanhin]

概要

• 読み込み時にgetCollection ではなくgetEntry を使う用に変更した
• これに伴い分かれていた目次ファイルと記事ファイルが統合された

関連 Issue

• md/mdx ドキュメントの読み込みとルーティングを実装する #46
• feat: mdページの表示の試作 #145

備考

変更内容の詳細

目次と記事の切り替えは以下の通りである。

{
  metaData ? (
    <!--ここに目次用の処理-->
  ) : (
    <!--ここに記事用の処理-->
  )
}

このようにmetaData が存在するか否かで決めている。

metaData はgetEntry("metaData", `${slug}/meta`) で取得されるため、ディレクトリ名と重複する.md ファイルは基本的に避けて欲しい。

データの取得は以下の通りである。

if (metaData) {
  filteredDocs = await getCollection("docs", ({ id }) => id.startsWith(`${slug}/`));
} else {
  article = await getEntry("docs", slug);

  if (article) {
    const rendered = await render(article);
    Content = rendered.Content;
  }
}

このようにmetaData が存在するか否かで決めている。

とにかくディレクトリ名と重複する.md ファイルは基本的に避けて欲しい（挙動がわからない）。

エディタ警告部分

slug がundefined の可能性がある、filteredDocs はany の可能性がある、article はundefined の可能性がある等々色々出ているが後々対応を考えていきたい。

[coderabbitai]

Important

Draft PR not reviewed

Draft PRs are not automatically reviewed by default.

• Trigger a manual review

To automatically review draft PRs, update your CodeRabbit configuration:

reviews:
  auto_review:
    drafts: true

• Autopilot · Keep fixing CodeRabbit findings and required CI, and resolving merge conflicts

Autopilot is currently an internal CodeRabbit preview.

---

Thanks for using CodeRabbit! It's free for OSS, and your support helps us grow. If you like it, consider giving us a shout-out.

❤️ Share

• X
• Mastodon
• Reddit
• LinkedIn

_{Comment @coderabbitai help to get the list of available commands.}

[Yusuke4869]

slug が存在しないときに 404 にならず 500 とかになると思うので、その点を修正してほしいです！

[Yusuke4869]

これをやると lint エラーもいくつか消えると思います

[Yusuke4869]

2階層まで許容だと思うんですが、これだとすべて同階層表示となって親子関係がわからなくなってしまうなと思いました

[Yusuke4869]

category 名と md ファイル名の重複を避ける1つの手段として
カテゴリー側を src/pages/categories/[...slug].astro に置くというのがある気がします

[Yusuke4869]

三項演算子を使うなどして let を使わなくできると BEST です

[Yusuke4869]

初期値なしで let を使うと any 型になって型の警告にもなるので注意が必要です！