PrintéaloStudio
En desarrollo · Beta pública

Así estamos construyendo PrintéaloStudio

Construimos en público. Esta es la historia completa de la plataforma: desde el primer boceto del editor hasta el marketplace en beta, y lo que viene después. Lo más nuevo está arriba.

commits
+240
módulos
30+
modelos de datos
28
fases construidas
11
  • Hecho
  • En curso
  • Próximo
  1. Ahora · Fase 10Estamos aquí

    Beta pública

    La plataforma ya está en línea y abierta para probar. Ahora toca pulir, medir y escuchar.

    • En producción

      Desplegada en la nube con base de datos serverless y archivos en R2.

    • Subidas directas

      Las imágenes viajan firmadas directo al almacenamiento, sin pasar por el servidor.

    • Beta con un clic

      Crea una tienda de prueba sin registrarte y conviértela en cuenta real cuando quieras.

    • Emails transaccionales

      Primeros correos automáticos: lista de espera y avisos.

    • Analítica con consentimiento

      Métricas por tienda respetando la privacidad de cada visitante.

    • Legal y SEO

      Privacidad, términos, sitemap y una landing renovada para talleres.

    • Vercel
    • Neon
    • Cloudflare R2
    • Resend
    • GA4
  2. Fase 9Hecho

    El marketplace

    Una vitrina para descubrir talleres de impresión de confianza y diseñar sin salir de casa.

    • Home curada

      Banners y estanterías elegidos a mano, con estadísticas reales.

    • Búsqueda global

      Tiendas, diseños y prendas con sugerencias al escribir.

    • Filtro por ciudad

      Encuentra tiendas que envían a tu ciudad.

    • Sistema de confianza

      Insignias de tiendas verificadas y selección PrintéaloStudio.

    • Diseña sin tienda

      El editor abierto a todos, con descarga gratuita en la beta.

  3. Fase 8Hecho

    Tiendas white-label

    Cada taller tiene su propia tienda online, con su marca, sus colores y su catálogo.

    • Storefront modular

      Landing, galería, página de producto y barra de compra móvil.

    • Apariencia

      Logo, colores, perfil y zona de envíos de cada tienda.

    • Cuentas de clientes

      Los clientes guardan sus diseños en la tienda donde compran.

    • Tema claro y oscuro

      Un motor de temas que deriva toda la paleta desde un color.

  4. Fase 7Hecho

    Panel de tienda

    Todo lo que un taller necesita para operar: prendas, productos, diseños y pedidos.

    • Prendas calibradas

      Zonas de impresión medidas en centímetros reales sobre cada base.

    • Productos con variantes

      Colores × tallas, SKU, precios, fotos y diseño por defecto.

    • Pedidos

      Estados personalizables, historial y manifiesto de producción descargable.

    • Biblioteca de diseños

      Carpetas, filtros y publicación como plantilla.

    • Equipo

      El dueño invita a su personal con permisos por rol.

    • Datos demo

      Una tienda llena en un clic para explorar todo.

  5. Fase 6Hecho

    Cuentas, multi-tienda y Super Admin

    La base de la plataforma SaaS: quién entra, a qué tienda y con qué permisos.

    • Autenticación

      Registro, inicio de sesión y sesiones seguras.

    • Multi-tienda

      Una cuenta puede manejar varias tiendas y cambiar entre ellas.

    • Cuatro roles

      Super Admin, Store Owner, Store Staff y Customer.

    • Panel de Super Admin

      Aprobación de tiendas, curaduría de la home y ajustes de la plataforma.

    • Better Auth
    • Prisma
    • PostgreSQL
  6. Fase 5Hecho

    Backend y catálogo Infinity

    Llegan la base de datos y un catálogo de diseños listos para usar.

    • Base de datos

      Prisma sobre Postgres serverless, lista para crecer.

    • Catálogo Infinity

      Diseños prediseñados que se aplican al lienzo centrados y a escala.

    • Importación masiva

      Scripts para categorizar, optimizar y subir cientos de diseños.

    • Motor de temas

      Colores de marca que se propagan a toda la interfaz.

    • Prisma 7
    • Neon
  7. Fase 4Hecho

    Editor móvil

    El editor completo en el celular, con la sensación de una app nativa.

    • Experiencia tipo app

      Barras superior e inferior, paneles y popovers pensados para el pulgar.

    • Gestos

      Pellizcar, arrastrar y doble toque para volver a centrar.

    • Capas arrastrables

      Reordena elementos con el dedo.

    • 38 formas

      Formas listas para combinar con texto e imágenes.

    • Exportación por zona

      Un ZIP con cada lado de la prenda listo para imprimir.

    • Compartir

      Envía tu diseño por WhatsApp en un toque.

  8. Fase 3Hecho

    Nace la marca

    El proyecto toma nombre, logo y dominio: nace PrintéaloStudio.

    • Nombre y logo

      Una identidad propia para la plataforma.

    • Dominio

      printealostudio.com.

    • Primera landing

      Cómo funciona, preguntas frecuentes y el editor embebido para probar.

  9. Fase 2Hecho

    Un editor completo

    Todas las herramientas para diseñar una prenda de principio a fin.

    • Texto

      Fuentes, color, interlineado, espaciado, mayúsculas y alineación.

    • Imágenes

      Rotar, voltear, bordes, transparencia y ajustes de color.

    • Recorte

      Recorta cualquier imagen sin salir del lienzo.

    • Guías y snapping

      Alineación global, cuadrícula e imantado.

    • Capas

      Orden, bloqueo, duplicado y visibilidad.

    • Exportación a 300 DPI

      Archivos listos para el taller, a tamaño real.

  10. Fase 1Hecho

    Motor de lienzo propio

    Reescribimos el editor desde cero sobre un motor de canvas propio.

    • Cámara y zoom

      Zoom, rotación y auto-encuadre de la prenda.

    • Cuatro lados

      Frente, espalda, manga izquierda y derecha.

    • Zonas de impresión

      Áreas imprimibles editables con medidas reales.

    • Deshacer y rehacer

      Historial completo con patrón de comandos.

    • Konva
    • Zustand
    • Immer
  11. Fase 0Hecho

    El primer boceto

    Donde empezó todo: una idea, un prototipo y muchas pruebas.

    • Prototipo arrastrable

      Primeros experimentos para mover y escalar elementos sobre una camiseta.

    • Mobile first

      Desde el día uno, pensado para el celular.

    • Prueba y error

      Varias versiones descartadas que enseñaron el camino.

Bajo el capó

Con qué lo construimos

Frontend

  • Next.js 16
  • React 19
  • TypeScript
  • Tailwind CSS 4
  • shadcn/ui
  • Radix UI

Editor

  • Konva
  • Zustand
  • Immer
  • dnd kit
  • JSZip

Backend

  • Prisma 7
  • PostgreSQL · Neon
  • Better Auth
  • Zod

Infraestructura

  • Vercel
  • Cloudflare R2
  • Resend
  • Google Analytics 4
Apoya el proyecto · pronto

PrintéaloStudio es un proyecto independiente y sigue creciendo

Muy pronto podrás apoyar el desarrollo desde aquí. Mientras tanto, la mejor ayuda es probarlo y contarnos qué le falta.

download_2_lineupload_2_linepic_linetext_2_linemagic_3_lineback_lineshopping_cart_1_linet_shirt_lineadd_lineminimize_linestar_half_fillstar_fillmove_linecheck_linelock_lineunlock_linedelete_2_linecopy_3_linethought_linemore_1_linebackground_lineadd_lineminimize_linetext_color_linebold_lineitalic_lineunderline_linestrikethrough_linefont_size_linealign_center_linealign_left_linealign_right_linelist_check_lineline_height_lineback_linefullscreen_line