30 pontos por xguru 2025-03-10 | 2 comentários | Compartilhar no WhatsApp
  • Webapp de criação de documentos rápido e leve, com suporte a blocos ricos e múltiplas páginas
  • Desenvolvido com o objetivo de encontrar um equilíbrio entre Notion e Google Docs
  • Crie e edite documentos imediatamente, mesmo sem conta
  • Compartilhamento simples, com links de leitura e edição
  • Sincronização de documentos entre dispositivos com login por e-mail
  • Suporte a blocos ricos: é possível adicionar canvas, subpáginas, RSVP, enquetes e mais
  • Design limpo: organizado para ficar bonito como uma página web de publicação
  • Casos de uso: colaboração pontual, organização de eventos, anotações rápidas etc.
  • Documentos de exemplo
  • Características técnicas
    • TypeScript + React & Next.js + Supabase + Replicache + TailwindCSS
    • Sincronização em tempo real e gerenciamento de estado no cliente com Replicache
    • Modelo de dados no estilo Datomic (estrutura de grafo baseada em entidades)
    • Uso do ProseMirror (todos os blocos de texto são gerenciados como instâncias individuais do ProseMirror para garantir flexibilidade)
    • Projeto open source (repositório do Leaflet no GitHub)
  • Planos de desenvolvimento futuros
    • Melhorias nos recursos de gerenciamento de documentos (adição de busca, tags, coleções etc.)
    • Integração com ATProto e Bluesky (desenvolvimento de AppView para publicação de documentos e padrão de documentos em rich text)
    • Adição de mais blocos (tabelas, blocos de código etc.)
  • Pontos fortes
    • Excelente forma de lidar com listas
    • Suporte a temas personalizados
    • Tratamento de entrada de teclado otimizado para o iOS Safari
    • Interface de múltiplas páginas com rolagem lateral
    • Suporte a PWA (pode ser instalado como app)

2 comentários

 
keepworking 2025-03-10

Muito legal mesmo.

 
xguru 2025-03-10

O que escrevi acima foi transformado em um documento, e o link de visualização é https://leaflet.pub/955dc6a0-bc24-4c56-8713-6fa3f824dd4c.
São gerados dois links, um para visualização e outro para edição; o que compartilhei acima é um link somente de visualização.
De forma curiosa, ele continua recriando a og:image com o conteúdo do documento atual.