fastreact

Scaffold a FastAPI and React full-stack app with Docker Compose.

5|Updated May 2, 2026
One-click install
npx skills add https://github.com/vanducng/skills --skill fastreact
Or copy as Structured Prompt for Agent
Please help me install this Agent Skill.
Skill: fastreact
Source: https://github.com/vanducng/skills/tree/main/skills/fastreact
Command: npx skills add https://github.com/vanducng/skills --skill fastreact

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Scaffold production-grade full-stack web apps by providing an integrated FastAPI backend and React frontend scaffold, including OAuth, RBAC, and cloud storage integration, with a Docker Compose dev workflow.

Core Features & Use Cases

  • Backend stack: FastAPI, SQLModel, PostgreSQL, Alembic migrations, JWT-based authentication with Google OAuth, and boto3/S3 for file uploads.
  • Frontend stack: Vite + React + TypeScript, shadcn/ui + Tailwind, TanStack Router/Query/Table, Zod, Axios; wired with Docker Compose.
  • Workflow and use cases: supports API-first apps, admin dashboards, file uploads to S3, and local docker-dev environments with seeded test users for RBAC.

Quick Start

Run the scaffold to generate the project and then start the local Docker Compose stack.

Frequently Asked Questions about fastreact

High-intent search queries and answers about installing and using this skill.

FAQPage Schema
How do I scaffold a FastAPI and React full-stack app with OAuth and RBAC?

You can scaffold a production-grade FastAPI and React full-stack app by running the generator to create a project with JWT-based Google OAuth, RBAC, and Docker Compose configuration. It outputs a ready-to-run local development environment with seeded test users.

What is included in a FastAPI React full-stack scaffold for production?

A FastAPI React full-stack scaffold for production includes a backend with SQLModel, PostgreSQL, Alembic, JWT, Google OAuth, and S3 integration, alongside a React frontend using Vite, TypeScript, shadcn/ui, Tailwind, TanStack, Zod, and Axios.

Can I use Docker Compose for local development with a FastAPI and React stack?

Yes, you can use Docker Compose for local development with a FastAPI and React stack. The scaffold wires both the backend and frontend together via Docker Compose, providing a unified environment with seeded test users for immediate RBAC testing.

Does the FastAPI React scaffold support file uploads to S3?

Yes, the FastAPI React scaffold supports file uploads to S3. It integrates boto3 and S3 within the FastAPI backend, enabling cloud storage capabilities for API-first applications and admin dashboards right out of the box.

What is the best way to start an API-first project with React and FastAPI?

The best way to start an API-first project with React and FastAPI is to use a scaffold that automates the initial setup. This generator configures Vite, TanStack Router, and Axios on the frontend, and SQLModel with Alembic on the backend for immediate development.

Do I need to manually configure Google OAuth and JWT in a FastAPI React project?

No, you do not need to manually configure Google OAuth and JWT in this FastAPI React project. The scaffold automatically integrates JWT-based authentication with Google OAuth, providing secure role-based access control immediately upon generation.