A separated fullstack template with Vite + React for the frontend and FastAPI for the backend. Perfect for data science and ML applications.
- Vite + React - Modern frontend with instant HMR
- FastAPI - High-performance async Python backend
- TypeScript - Full type safety on frontend
- Tailwind CSS - Utility-first styling
- CORS Configured - Ready for cross-origin requests
- Dual Hot Reload - Both servers reload automatically
- API Documentation - Auto-generated with Swagger UI
- Vite + React 18 setup
- TypeScript configuration
- Tailwind CSS integration
- API client examples
- Responsive UI components
- FastAPI application
- CORS middleware configured
- Example CRUD endpoints
- Health check endpoint
- Auto-generated API docs
Both servers start automatically when you create a project from this base in Tesslate Studio:
- Frontend: Accessible via the preview URL
- Backend API:
http://localhost:8001 - API Docs:
http://localhost:8001/docs
/frontend
/src
App.tsx # Main application
main.tsx # Entry point
index.css # Global styles
vite.config.ts # Vite configuration
package.json # Frontend dependencies
/backend
main.py # FastAPI application
requirements.txt # Python dependencies
GET /- Welcome messageGET /health- Health checkGET /items- List all itemsPOST /items- Create new item
The frontend is configured to proxy /api/* requests to the backend:
// Calls http://localhost:8001/items
const response = await fetch('/api/items');
const data = await response.json();# backend/main.py
@app.get("/users")
async def get_users():
return {"users": []}// frontend/src/api/users.ts
export async function getUsers() {
const response = await fetch('/api/users');
return response.json();
}This base is optimized for use with Tesslate Studio. The TESSLATE.md file contains configuration for automatic dual-server startup.