Template-Full-Stack Tailwind Templates

Template Full Stack

React + vite + FastAPI + Python + PostgreSQL + SQLAlchemy + Tailwind

User CRUD App (React + FastAPI + Docker)

Estructura de carpetas

  • frontend/: Aplicación React+Vite con Context API y Tailwind
  • backend/: Servicio FastAPI
  • docker-compose.yml: Levanta frontend, backend y PostgreSQL

Requisitos

  • Docker
  • Docker Compose

Levantar en desarrollo

  1. Clona el repo y ve a la raíz del proyecto.
  2. Asegúrate de tener el archivo backend/.env.development.
  3. Ejecuta:
    docker-compose up --build
    
  4. Accede a:

Variables de entorno

  • backend/.env.development:
    POSTGRES_USER=postgres
    POSTGRES_PASSWORD=postgres
    POSTGRES_DB=users_db
    DATABASE_URL=postgresql://${POSTGRES_USER}:${POSTGRES_PASSWORD}@db:5432/${POSTGRES_DB}
    

Scripts útiles

  • docker-compose down: Detiene y elimina contenedores.
  • docker-compose up --build frontend: Levanta solo el frontend.
  • docker-compose up --build backend db: Levanta solo backend y base de datos.

Producción

Ajusta el archivo backend/.env.production con tus credenciales externas y ejecuta:

docker-compose -f docker-compose.yml up --build -d

Top categories

Loading Svelte Themes