Serve React dist via Gradio/FastAPI

README.md

@@ -1,8 +1,8 @@
 ---
 title: Aurora Training Workflow Diagram
 sdk: gradio
-app_build_command: npm ci && npm run build
-app_file: dist/index.html
+app_file: app.py
+pinned: false
 ---
 
 # React + Vite

app.py

@@ -8,21 +8,20 @@ import gradio as gr
 ROOT = Path(__file__).resolve().parent
 DIST = ROOT / "dist"
 
-# Gradio "dummy" (HF wants a Gradio app for sdk: gradio)
+# minimal gradio app (HF wants sdk: gradio to have a gradio app)
 demo = gr.Blocks()
 with demo:
-    gr.Markdown("Loading… If you see this, open `/site/`.")
+    gr.Markdown("React site is served at **/site/**")
 
 app = FastAPI()
 
-# Serve the React build at /site
-if DIST.exists():
-    app.mount("/site", StaticFiles(directory=str(DIST), html=True), name="site")
+# serve the React build
+app.mount("/site", StaticFiles(directory=str(DIST), html=True), name="site")
 
-# Optional: send / to your React app
+# make the Space root show the site
 @app.get("/")
 def root():
     return RedirectResponse(url="/site/")
 
-# Mount Gradio somewhere (not strictly necessary for your UI, but keeps sdk happy)
+# keep gradio mounted (optional but nice)
 app = gr.mount_gradio_app(app, demo, path="/gradio")