feat: Implement frontend build and server configuration for Vite and React

2025-06-04 11:07:42 +09:00
parent dc92088892
commit 4bc0c4ce7f
5 changed files with 45 additions and 14 deletions
--- a/frontend/index.html
+++ b/frontend/index.html
@@ -0,0 +1,13 @@
+<!DOCTYPE html>
+<html lang="ja">
+  <head>
+    <meta charset="UTF-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+    <title>ポッドキャスト管理画面</title>
+    <meta name="description" content="RSSフィードから自動生成された音声ポッドキャストを再生・管理できます。" />
+  </head>
+  <body>
+    <div id="root"></div>
+    <script type="module" src="/src/main.tsx"></script>
+  </body>
+</html>
--- a/frontend/src/App.tsx
+++ b/frontend/src/App.tsx
@@ -0,0 +1,12 @@
+import React from 'react';
+import './app/globals.css';
+import RootLayout from './app/layout';
+import Home from './app/page';
+
+export default function App() {
+  return (
+    <RootLayout>
+      <Home />
+    </RootLayout>
+  );
+}
--- a/frontend/src/main.tsx
+++ b/frontend/src/main.tsx
@@ -0,0 +1,9 @@
+import React from 'react';
+import ReactDOM from 'react-dom/client';
+import App from './App';
+
+ReactDOM.createRoot(document.getElementById('root')!).render(
+  <React.StrictMode>
+    <App />
+  </React.StrictMode>
+);
--- a/frontend/vite.config.ts
+++ b/frontend/vite.config.ts
@@ -8,15 +8,8 @@ export default defineConfig({
  },
  build: {
    outDir: "dist",
-    // distフォルダにビルドされるので、distをベースパスにする
-    assetsDir: '',
-    // dist配信を前提にパスを調整
    rollupOptions: {
-      output: {
-        entryFileNames: `assets/[name].js`,
-        chunkFileNames: `assets/[name].js`,
-        assetFileNames: `assets/[name].[ext]`,
-      },
+      input: "index.html",
    },
  },
 });