+ {/* --- パンくず: "List > {slug}" --- */}
+
+
Detail: {slug}
+
+
+ );
+};
+
+export default MarkdownDetail;
diff --git a/frontend/src/components/MarkdownList.tsx b/frontend/src/components/MarkdownList.tsx
new file mode 100644
index 0000000..9f54b5d
--- /dev/null
+++ b/frontend/src/components/MarkdownList.tsx
@@ -0,0 +1,39 @@
+// src/components/MarkdownList.tsx
+import React, { useEffect, useState } from "react";
+import { fetchMarkdownList } from "../services/api";
+import styles from "../styles/MarkdownList.module.scss"; // SCSSモジュール例
+
+interface MarkdownFile {
+ slug: string;
+ title: string;
+}
+
+const MarkdownList: React.FC = () => {
+ const [items, setItems] = useState