feat: migrate frontend to Next.js

frontend/package.json

@@ -2,9 +2,10 @@
   "name": "podcast-frontend",
   "version": "1.0.0",
   "scripts": {
-    "dev": "bun dev",
-    "build": "bun build",
-    "start": "bun start"
+    "dev": "next dev",
+    "build": "next build",
+    "start": "next start",
+    "lint": "next lint"
   },
   "dependencies": {
     "react": "^18.0.0",
@@ -17,7 +18,6 @@
     "bun-types": "^0.1.0",
     "@types/bun": "latest"
   },
-  "module": "src/index.tsx",
   "type": "module",
   "private": true
 }

frontend/src/app/page.tsx

@@ -0,0 +1,14 @@
+import React from "react";
+import FeedList from "../components/FeedList";
+import EpisodeList from "../components/EpisodeList";
+
+export default function Home() {
+  return (
+    <div style={{ padding: "20px", fontFamily: "sans-serif" }}>
+      <h1>ポッドキャスト自動生成サービス 管理画面</h1>
+      <FeedList />
+      <hr style={{ margin: "20px 0" }} />
+      <EpisodeList />
+    </div>
+  );
+}

frontend/tsconfig.json

@@ -1,14 +1,20 @@
 {
   "compilerOptions": {
-    "target": "ESNext",
-    "module": "ESNext",
-    "jsx": "react-jsx",
-    "strict": true,
-    "moduleResolution": "Node",
-    "esModuleInterop": true,
+    "target": "es5",
+    "lib": ["dom", "dom.iterable", "esnext"],
+    "allowJs": true,
     "skipLibCheck": true,
+    "strict": true,
     "forceConsistentCasingInFileNames": true,
-    "outDir": "build"
+    "noEmit": true,
+    "esModuleInterop": true,
+    "module": "esnext",
+    "moduleResolution": "node",
+    "resolveJsonModule": true,
+    "isolatedModules": true,
+    "jsx": "preserve",
+    "outDir": "dist"
   },
-  "include": ["src"]
+  "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx"],
+  "exclude": ["node_modules"]
 }