fastapi-fullstack について
FastAPI のバックエンドと React のフロントエンドを備えた Python フルスタックアプリのテンプレートです。PostgreSQL と SQLAlchemy を使い、Docker または手動で開発環境を設定できます。
主な機能
- 01FastAPI と Python のバックエンド
- 02React フロントエンド
- 03PostgreSQL データベース
- 04SQLAlchemy ORM
- 05Docker または手動でのセットアップ
活用シーン
- 01Python Web アプリの開始
- 02FastAPI と連携する React フロントエンドの開発
- 03Docker Compose によるスタックの起動
インストール
コマンドをコピーしてターミナルで実行します。
$
npx skills add https:/ / github.com/ rebyteai-template/ rebyte-skills --skill fastapi-fullstackインストール後、Claude Code で/fastapi-fullstackを入力して読み込まれたか確認します。
詳細
FastAPI フルスタック
FastAPI バックエンドを備えた Python のフルスタックアプリケーションです。
技術スタック
- バックエンド:FastAPI、Python
- フロントエンド:React
- データベース:PostgreSQL
- ORM:SQLAlchemy
前提条件
- Python 3.11+
- Docker(推奨)
セットアップ
1. テンプレートをクローンする
git clone --depth 1 https://github.com/tiangolo/full-stack-fastapi-template.git .
ディレクトリが空でない場合:
git clone --depth 1 https://github.com/tiangolo/full-stack-fastapi-template.git _temp_template
mv _temp_template/* _temp_template/.* . 2>/dev/null || true
rm -rf _temp_template
2. Git 履歴を削除する(任意)
rm -rf .git
git init
3. Docker でセットアップする(推奨)
docker compose up -d
4. または手動でセットアップする
cd backend
pip install -r requirements.txt
開発
Docker の場合:
docker compose up -d
手動の場合:
cd backend
uvicorn main:app --reload
コメント
Markdown 対応