Open1
fastAPI + React フルスタック作成
knaka Tech-Blog概要
- fastAPI + React メモになります。
[ 公開 2025/07/20 ]
書いたコード
- pip
pip install fastapi uvicorn sqlalchemy
pip install sqlalchemy
pip install "fastapi[all]" python-multipart
- dev-start
npm run build
uvicorn main:app --reload
- fast_4/main.py
- SSR 部分: /foo
- /static フォルダ , jsファイルを読みできるように設定
@app.get("/foo", response_class=HTMLResponse)
async def read_foo():
return """
<!DOCTYPE html>
<html>
<head>
<title>FastAPI Static Files</title>
<script src="https://cdn.jsdelivr.net/npm/@tailwindcss/browser@4"></script>
</head>
<body>
<div id="app"></div>
<script type="module" src="/static/client.js"></script>
</body>
</html>
"""