Producto propio · Sitio de contenido

Un museo de gatos que se recorrecomo una red de metro.

Miawseo reúne 20 razas de gato, cada una con 6 salas (origen, anatomía, temperamento, cuidados y más), y un muro donde la gente sube la foto de su michi. Lo diseñé y lo programé completo en Next.js. Ninguna foto se publica hasta que alguien la aprueba.

Demo · 42 s
Fotos: Wikimedia Commons (CC)

Fotos de gatos: Wikimedia Commons, con licencias libres (CC BY, CC BY-SA y dominio público). Autoría y licencia de cada foto en el repositorio de Miawseo.

20
razas, y cada una es una estación
120
salas para recorrer, 6 por raza
8
estaciones en la línea de historia

Proyecto propio

Qué resuelve

Cómo ordené mucho contenido y cómo reviso lo que sube la gente

Con Miawseo enseño cómo convierto mucho contenido en un recorrido fácil de seguir, y cómo abro un sitio a que la gente participe sin perder el control de lo que se publica.

  • Mucho contenido
    El reto
    Veinte razas con su historia pueden volverse una lista muy larga.
    Cómo lo resolví
    Cada raza es una estación de la línea M1 (Razas), y la línea M2 recorre la historia del gato en 8 estaciones.
  • Leer sin perderse
    El reto
    Cada raza tiene mucha información y un solo texto largo cansa.
    Cómo lo resolví
    Seis salas por raza (presentación, origen, anatomía, temperamento, cuidados y curiosidad) que se pasan con flechas, puntos o botones de estación.
  • Que la gente participe
    El reto
    Si solo publica el autor, el sitio no refleja a su comunidad.
    Cómo lo resolví
    El botón «Yo tengo uno» abre un formulario para subir la foto de tu gato, con su nombre y tu consentimiento.
  • No perder el control
    El reto
    Abrir las subidas atrae spam y fotos que no deberían estar.
    Cómo lo resolví
    Varios candados al subir y una revisión manual: la foto queda pendiente hasta que alguien la aprueba.

Cómo funciona

Cómo llega el contenido al museo y una foto al muro

Elige un paso para ver cómo se recorre el museo y cómo llega una foto al muro. Los nombres de razas son los reales.

Qué incluye

Las partes del sitio y el panel de moderación

  • Navegación tipo metroLínea M1 de razas y línea M2 de historia, con buscador. Una tercera línea está en construcción.
  • 120 salasSeis por raza: presentación, origen, anatomía, temperamento, cuidados y curiosidad. Se navegan con el teclado.
  • Michi PlazaUn muro por raza con las fotos aprobadas. La ficha de cada raza muestra las primeras 6.
  • Candados al subirLímite por IP, un campo oculto que solo llenan los bots, un tiempo mínimo para llenar el formulario, revisión del formato real de la imagen y tamaño máximo de 5 MB.
  • Panel de moderaciónLista de fotos pendientes con vista previa y botones para aprobar o rechazar, protegido con un token.
  • TecnologíaNext.js 15, React 19 y TypeScript estricto, sin librerías extra al ejecutarse.

Control y límites

Qué controla el sitio y qué todavía no hace

Lo que hace

  • Revisa el contenido real del archivo (JPG, PNG o WebP), de 200 a 8000 px y hasta 5 MB.
  • Acepta 5 subidas cada 10 minutos por IP y descarta bots con un campo oculto y un tiempo mínimo.
  • Guarda las fotos fuera de la carpeta pública y bloquea rutas tramposas.
  • Sirve una foto solo si está aprobada.

Lo que todavía no hace

  • Quitar los datos EXIF de las fotos: si la tuya trae ubicación, quítala antes de subirla.
  • Aprobar fotos automáticamente: siempre las revisa una persona.
  • Repartir la carga entre varios servidores: el límite por IP y el almacenamiento son por proceso.
  • Pedir una cuenta: se sube una foto sin registrarse.

Para quién es

Cuándo conviene y cuándo todavía no

Conviene si

  • Tienes mucho contenido (un catálogo, un archivo, un museo, un directorio) y la gente se pierde en él.
  • Quieres abrir tu sitio a que la gente participe sin perder el control de lo que se publica.
  • Quieres un sitio editorial hecho a la medida y no una plantilla.

Todavía no, si

  • Necesitas una tienda con pagos: esto es un sitio editorial.
  • Quieres usuarios con cuenta, comentarios en vivo o una red social dentro del sitio.
  • Necesitas moderación automática sin una persona que revise.

Preguntas frecuentes

Lo que más me preguntan sobre Miawseo

¿Cómo y cuándo aparece mi foto?

La subes desde «Yo tengo uno» y queda pendiente. Aparece cuando un moderador la aprueba; no hay un tiempo fijo de revisión.

¿Qué fotos aceptan y qué pasa con el spam?

JPG, PNG o WebP de hasta 5 MB, solo de gatos y sin personas identificables. Los filtros automáticos frenan lo obvio y la revisión manual el resto. Hoy no se limpia el EXIF, así que sube fotos sin ubicación.

¿Por qué solo 6 fotos en la ficha de la raza?

Es el límite del carrusel de la ficha, para los primeros michis que se subieron. El muro de Michi Plaza muestra todas las aprobadas.

¿De dónde salen las fotos de las razas?

De Wikimedia Commons, con licencias libres. Llevo un archivo de créditos en el repositorio.

¿Puedo pedir algo parecido para mi proyecto?

Sí. Es el tipo de trabajo que hago para catálogos grandes o comunidades moderadas. Escríbeme y vemos qué necesitas.

Ficha técnica

Datos clave de Miawseo

Tipo
Proyecto propio, sitio editorial
Sitio
michimuseum.com
Contenido
20 razas, 120 salas y 8 estaciones de historia
Tecnología
Next.js 15, React 19 y TypeScript estricto; datos en JSON y archivos
Fotos de razas
Wikimedia Commons, con retrato dibujado de respaldo
Moderación
Panel de administración con token; nada se publica sin aprobar
Autor
Jossué Alcalá: diseño y programación completos

¿Tienes mucho contenido y necesitas ordenarlo?

Cuéntame qué tienes y quién lo va a usar. Te respondo en menos de un día hábil con cómo lo ordenaría.

Contarte mi caso