Noelia Viscelli
El sitio de una coach que vende e-books y un programa de cuatro meses. Ella edita sus propias páginas, y sus alumnas cursan en una plataforma propia.
Noelia vende e-books, llamadas agendadas y un programa, el Método SER, con tres planes. Cambia precios, ofertas y textos seguido, y cada cambio pasaba por un desarrollador. Además, sus alumnas necesitaban un lugar para ver las clases, entregar trabajos y agendar sus sesiones uno a uno.
Tres decisiones que lo definieron.
- 01
Cada sección es una fila con su borrador al lado
Por qué. Cada instancia de sección es una fila JSON en Postgres con su contenido publicado y su borrador. Un schema de zod del catálogo valida cada guardado. La página mezcla lo guardado sobre los defaults del código, así un campo nuevo muestra su default sin migrar filas. Publicar primero copia el contenido anterior a una revisión, y revertir hace lo mismo, así que también se puede deshacer.
El costo. Postgres ve el contenido como texto, así que no se puede consultar nada adentro. Publicar actualiza las filas de a una, fuera de una transacción, y el orden de las secciones no tiene historial propio.
- 02
La vista previa es la página real
Por qué. El editor muestra la página pública en un iframe con ?preview=1. Una cookie firmada que dura 30 minutos pasa esa página a los borradores. No hay un segundo renderer para mantener igual, y el cambio entre escritorio y teléfono muestra exactamente lo que van a ver las visitas.
El costo. Leer la cookie hace que las dos páginas se rendericen en cada pedido. El sitio en vivo responde con cache-control: no-store, y cada visita consulta Postgres.
- 03
Hotmart vende, Calendly agenda, la plataforma enseña
Por qué. Los e-books llevan a checkouts de Hotmart, y las llamadas se agendan en un Calendly embebido. Hotmart ya resuelve el pago, los comprobantes y la entrega, así que puse el tiempo en la plataforma: clases, progreso, comentarios, calificaciones, entregas y formularios.
El costo. Las ventas no llegan al panel. Después de un pago, la cuenta de la alumna y la inscripción se crean a mano, y los límites de cada plan están en el código.
Noelia Viscelli
El sitio de una coach que vende e-books y un programa de cuatro meses. Ella edita sus propias páginas, y sus alumnas cursan en una plataforma propia.
- Rol
- Desarrollo completo
- Stack
- Next.js 16, React 19, TypeScript, Prisma, Postgres, Cloudinary
- En vivo
- noeviscelli.com ↗
Noelia vende e-books, llamadas agendadas y un programa, el Método SER, con tres planes. Cambia precios, ofertas y textos seguido, y cada cambio pasaba por un desarrollador. Además, sus alumnas necesitaban un lugar para ver las clases, entregar trabajos y agendar sus sesiones uno a uno.
Tres decisiones que lo definieron.
Cada sección es una fila con su borrador al lado
Por qué. Cada instancia de sección es una fila JSON en Postgres con su contenido publicado y su borrador. Un schema de zod del catálogo valida cada guardado. La página mezcla lo guardado sobre los defaults del código, así un campo nuevo muestra su default sin migrar filas. Publicar primero copia el contenido anterior a una revisión, y revertir hace lo mismo, así que también se puede deshacer.
El costo. Postgres ve el contenido como texto, así que no se puede consultar nada adentro. Publicar actualiza las filas de a una, fuera de una transacción, y el orden de las secciones no tiene historial propio.
La vista previa es la página real
Por qué. El editor muestra la página pública en un iframe con ?preview=1. Una cookie firmada que dura 30 minutos pasa esa página a los borradores. No hay un segundo renderer para mantener igual, y el cambio entre escritorio y teléfono muestra exactamente lo que van a ver las visitas.
El costo. Leer la cookie hace que las dos páginas se rendericen en cada pedido. El sitio en vivo responde con cache-control: no-store, y cada visita consulta Postgres.
Hotmart vende, Calendly agenda, la plataforma enseña
Por qué. Los e-books llevan a checkouts de Hotmart, y las llamadas se agendan en un Calendly embebido. Hotmart ya resuelve el pago, los comprobantes y la entrega, así que puse el tiempo en la plataforma: clases, progreso, comentarios, calificaciones, entregas y formularios.
El costo. Las ventas no llegan al panel. Después de un pago, la cuenta de la alumna y la inscripción se crean a mano, y los límites de cada plan están en el código.