Novel — um editor inteligente para desenvolvedores, inspirado no Notion
Lembra quando você experimentou o Notion pela primeira vez e ficou impressionado com sua praticidade? Agora você pode incorporar um editor similar diretamente no seu aplicativo. Novel é um editor WYSIWYG open-source com suporte a IA que já conquistou 15 mil estrelas no GitHub.
Para quem o Novel é útil?
Casos de uso típicos:
- Desenvolvedores que precisam de um editor de texto rico em seus produtos
- Criadores de plataformas SaaS para conteúdo
- Quem deseja adicionar um assistente de IA aos seus aplicativos
- Entusiastas do Notion que querem personalizar o editor conforme suas necessidades
Recursos principais que vão te surpreender
- Interface similar ao Notion — blocos familiares, arrastar e soltar, entrada no estilo markdown
- IA integrada — autocompletar de texto via API da OpenAI (sugestões, continuação de raciocínio)
- Multiplataforma — versões disponíveis para React, Svelte e Vue
- Pronto para produção — deploy com um clique na Vercel
- Extensão para VSCode — edição direto no seu editor de código favorito
Como funciona tecnicamente
Por baixo dos panos, o Novel utiliza:
- Next.js como base
- Tiptap para a mágica do editor
- Vercel AI SDK para integração com a OpenAI
- TailwindCSS para estilização
Exemplo de conexão do autocompletar com IA:
import { useCompletion } from 'ai/react';
const { completion, complete } = useCompletion({
api: '/api/completion',
});
Experimente agora mesmo
Implantar sua própria cópia do Novel leva apenas alguns cliques:
Para desenvolvimento local:
pnpm i
pnpm dev
Experiência pessoal
Nos últimos seis meses, o Novel se tornou meu favorito para:
- Prototipar editores de conteúdo
- Criação rápida de documentação
- Integrar assistentes de IA em produtos de clientes
É especialmente gratificante que a comunidade esteja desenvolvendo ativamente o projeto — já existem portas para Svelte e Vue, além de uma extensão para VSCode.
Veredicto: vale a pena experimentar?
Com certeza sim, se:
- Você precisa de um editor moderno para o seu projeto
- Você quer economizar meses de desenvolvimento
- Você planeja usar um assistente de IA para entrada de texto
O projeto está em desenvolvimento ativo, possui licença Apache 2.0 e uma ótima comunidade. A desvantagem — atualmente requer uma chave de API da OpenAI (mas isso é facilmente resolvido).
P.S. Para se inspirar, confira os vídeos de demonstração do repositório:
https://github. com/steven-tey/novel/assets/28986134/2099877f-4f2b-4b1c-8c782-5d803d63be5c
https://github. com/steven-tey/novel/assets/28986134/58ebf7e3-cdb3-43df-878b-119e304f7f373
Projetos relacionados