Repolode
fastapi

fastapi/full-stack-fastapi-template

FastAPIバックエンド、Reactフロントエンド、PostgreSQL、Docker Composeを組み合わせたフルスタックWebアプリのテンプレート。

スター
46,051
フォーク
9,153
未解決の Issue
12
最終コミット
6 日前

これは何?

フルスタックWebアプリケーションを作り始めるためのテンプレートです。バックエンドにはFastAPIを採用し、PostgreSQLへのデータアクセスにSQLModel、バリデーションにPydanticを使用します。フロントエンドはTypeScriptとViteで構築したReactアプリで、Tailwind CSSとshadcn/uiコンポーネントでスタイリングされています。FastAPIがAPIと同じドメインで配信します。

初期状態でJWT認証、安全なパスワードハッシュ化、React Emailテンプレートを使ったメールによるパスワード再設定機能が含まれています。また、ローカルでのメールテスト用にMailpitを設定できます。Docker Composeでローカルサービスを起動し、Traefikがセルフホスト環境で自動HTTPSに対応したリバースプロキシを提供します。バックエンドのテストにはPytest、エンドツーエンドテストにはPlaywrightを使い、CI/CDはGitHub Actionsで実行します。

テンプレートから新しいリポジトリを作成して利用を始められます。FastAPI Cloudへのデプロイと、Docker Composeを使ったセルフホストのガイドが用意されています。

主な機能

  • 01PostgreSQL上でSQLModel ORMを使うFastAPIバックエンド
  • 02Vite、Tailwind CSS、shadcn/uiで構築したReactとTypeScriptのフロントエンド
  • 03JWT認証と安全なパスワードハッシュ化
  • 04React Emailテンプレートを使ったメールによるパスワード再設定
  • 05自動HTTPSに対応したTraefik付きDocker Compose環境
  • 06Pytestによるバックエンドテスト、Playwrightによるエンドツーエンドテスト、GitHub ActionsによるCI/CD

ユースケース

  • Python APIとReactダッシュボードを備えた新しいWebアプリの開発
  • ユーザーログインとCRUDページを備えた管理画面の構築
  • Docker ComposeとHTTPSを使ったWebアプリケーションのセルフホスト
  • FastAPIプロジェクトのFastAPI Cloudへのデプロイ

クイックスタート

  1. 1

    「このテンプレートを使用」ボタンを使って、新しいリポジトリを作成します

  2. 2

    ローカルでの開発手順と Docker Compose のセットアップについて、開発ガイドを確認します

使う前に知っておきたいこと

  • 開発ドキュメントに記載されている標準的なローカル環境のセットアップには、Docker と Docker Compose が必要です。

トピック

よくある質問

full-stack-fastapi-template とは?
FastAPIバックエンド、Reactフロントエンド、PostgreSQL、Docker Composeを組み合わせたフルスタックWebアプリのテンプレート。 フルスタックWebアプリケーションを作り始めるためのテンプレートです。バックエンドにはFastAPIを採用し、PostgreSQLへのデータアクセスにSQLModel、バリデーションにPydanticを使用します。フロントエンドはTypeScriptとViteで構築したReactアプリで、Tailwind CSSとshadcn/uiコンポーネントでスタイリングされています。FastAPIがAPIと同じドメインで配信します。
full-stack-fastapi-template は無料で使えますか?ライセンスは?
full-stack-fastapi-template は MIT ライセンスのオープンソースです。商用製品で使う前にライセンス条件を確認してください。
full-stack-fastapi-template は今もメンテナンスされていますか?
活発にメンテナンス中。full-stack-fastapi-template の最終コミットは 2026年10月15日 です。
full-stack-fastapi-template は何に使えますか?
Python APIとReactダッシュボードを備えた新しいWebアプリの開発 ユーザーログインとCRUDページを備えた管理画面の構築 Docker ComposeとHTTPSを使ったWebアプリケーションのセルフホスト FastAPIプロジェクトのFastAPI Cloudへのデプロイ
full-stack-fastapi-template のインストール方法は?
「このテンプレートを使用」ボタンを使って、新しいリポジトリを作成します ローカルでの開発手順と Docker Compose のセットアップについて、開発ガイドを確認します
full-stack-fastapi-template はどこで入手できますか?
ソースコードとインストール手順は GitHub にあります:https://github.com/fastapi/full-stack-fastapi-template

概要はプロジェクトの README をもとに AI が生成しています。GitHub の数値は毎日更新されます。

関連プロジェクト