import { BackendHealthCheck } from "./components/BackendHealthCheck"; import OAuthButton from "./components/OAuthButton"; import Counter from "./components/Counter"; import huggingfaceLogo from "./assets/huggingface.svg"; function App() { return (
{!import.meta.env.PROD && }
Hugging Face

FastAPI + React Template

A complete full-stack template to start vide-coding your own Hugging Face Space.

Try the demo

Sign in with Hugging Face to interact with the counter

🚀

Built for HF Spaces

Pre-configured for instant deployment on Hugging Face Spaces

✨

Vibe-coding ready

Optimized for AI-assisted development

🤗

Sign in with Hugging Face

OAuth integration, no setup required

âš¡

FastAPI Backend

Modern Python backend

🎨

React + Tailwind

Beautiful and responsive frontend

💾

SQLite + Parquet backups

Work with SQLite locally, but persist data in a HF dataset as parquet

Duplicate this Space to start building!

); } export default App;