feat: setup Next.js frontend structure

2025-06-04 10:09:24 +09:00
parent 958ec1d6a1
commit 514eaca8e9
5 changed files with 205 additions and 0 deletions
--- a/frontend/src/app/layout.tsx
+++ b/frontend/src/app/layout.tsx
@ -0,0 +1,30 @@
+import React from "react";
+import "./globals.css";
+
+export const metadata = {
+  title: "ポッドキャスト管理画面",
+  description: "RSSフィードから自動生成されたポッドキャストを管理",
+};
+
+export default function RootLayout({
+  children,
+}: {
+  children: React.ReactNode;
+}) {
+  return (
+    <html lang="ja">
+      <body>
+        <div className="container">
+          <header className="py-4 border-b">
+            <h1 className="text-2xl font-bold">ポッドキャスト管理画面</h1>
+          </h1>
+          </header>
+          <main className="py-6">{children}</main>
+          <footer className="py-4 border-t text-center text-gray-500">
+            <p>© 2025 Podcast Generator</p>
+          </footer>
+        </div>
+      </body>
+    </html>
+  );
+}
--- a/frontend/src/app/page.tsx
+++ b/frontend/src/app/page.tsx
@ -0,0 +1,18 @@
+import React from "react";
+import FeedList from "../components/FeedList";
+import EpisodePlayer from "../components/EpisodePlayer";
+
+export default function Home() {
+  return (
+    <div className="space-y-8">
+      <section>
+        <h2 className="text-xl font-semibold mb-4">フィード一覧</h2>
+        <FeedList />
+      </section>
+      <section>
+        <h2 className="text-xl font-semibold mb-4">エピソードプレイヤー</h2>
+        <EpisodePlayer />
+      </section>
+    </div>
+  );
+}