Leaflet - app web para crear y compartir documentos

• App web de documentación rápida y ligera, pero con soporte para bloques enriquecidos y múltiples páginas
• Desarrollada con el objetivo de encontrar un equilibrio entre Notion y Google Docs
• Permite crear y escribir documentos al instante incluso sin cuenta
• Se puede compartir fácilmente y ofrece enlaces de lectura y edición
• Sincronización de documentos entre dispositivos mediante inicio de sesión con correo electrónico
• Soporte para bloques enriquecidos: permite agregar canvas, subpáginas, RSVP, votaciones y más
• Diseño limpio: organizado para verse bien como una página web lista para publicar
• Casos de uso: colaboración puntual, gestión de eventos, toma rápida de notas, etc.
• Documentos de ejemplo
  • Presentación sobre Slöjd, educación en artesanía tradicional
  • Documentación del rediseño de un sitio web
• Características técnicas
  • TypeScript + React & Next.js + Supabase + Replicache + TailwindCSS
  • Sincronización en tiempo real y gestión de estado del cliente usando Replicache
  • Modelo de datos estilo Datomic (estructura de grafo basada en entidades)
  • Uso de ProseMirror (todos los bloques de texto se gestionan como instancias individuales de ProseMirror para ganar flexibilidad)
  • Proyecto de código abierto (repo de GitHub de leaflet)
• Planes de desarrollo futuros
  • Mejora de las funciones de gestión de documentos (agregar búsqueda, etiquetado, colecciones, etc.)
  • Integración con ATProto y Bluesky (desarrollo de AppView para publicación de documentos y un estándar de documentos de texto enriquecido)
  • Agregar más bloques (tablas, bloques de código, etc.)
• Fortalezas
  • Excelente manejo de listas
  • Soporte para temas personalizados
  • Entrada de teclado optimizada en iOS Safari
  • Interfaz multipágina con desplazamiento lateral
  • Soporte PWA (se puede instalar como app)

[keepworking]

Está increíble.

[xguru]

Lo que escribí arriba lo convertí en un documento y lo hice en un enlace de visualización: https://leaflet.pub/955dc6a0-bc24-4c56-8713-6fa3f824dd4c
Se generan dos enlaces, uno para visualización y otro para edición; el que compartí arriba es solo para visualización.
Curiosamente, og:image se vuelve a generar continuamente con el contenido del documento actual.