Novel: un editor inteligente para desarrolladores, inspirado en Notion
¿Recuerdas cuando probaste Notion por primera vez y te maravilló su comodidad? Ahora puedes integrar un editor similar directamente en tu aplicación. Novel es un editor WYSIWYG de código abierto con soporte de IA que ya ha recopilado 15 mil estrellas en GitHub.
¿A quién le resultará útil Novel?
Casos de uso típicos:
- Desarrolladores que necesitan un editor de texto enriquecido en sus productos
- Creadores de plataformas SaaS para contenido
- Quienes quieran añadir un asistente de IA a sus aplicaciones
- Entusiastas de Notion que quieran personalizar el editor según sus necesidades
Características principales que te sorprenderán
- Interfaz tipo Notion — bloques familiares, arrastrar y soltar, entrada similar a markdown
- IA integrada — autocompletado de texto mediante la API de OpenAI (sugerencias, continuación de pensamiento)
- Multiplataforma — versiones disponibles para React, Svelte y Vue
- Listo para producción — despliegue con un clic en Vercel
- Extensión para VSCode — edición directamente en tu editor de código favorito
Cómo funciona técnicamente
En su interior, Novel utiliza:
- Next.js como base
- Tiptap para la magia del editor
- Vercel AI SDK para la integración con OpenAI
- TailwindCSS para los estilos
Ejemplo de conexión del autocompletado con IA:
import { useCompletion } from 'ai/react';
const { completion, complete } = useCompletion({
api: '/api/completion',
});
Pruébalo ahora mismo
Desplegar tu propia copia de Novel solo requiere un par de clics:
Para desarrollo local:
pnpm i
pnpm dev
Experiencia personal
Durante los últimos seis meses, Novel se ha convertido en mi favorito para:
- Prototipar editores de contenido
- Creación rápida de documentación
- Integrar asistentes de IA en productos de clientes
Es especialmente gratificante que la comunidad esté desarrollando activamente el proyecto — ya existen versiones para Svelte y Vue, y una extensión para VSCode.
Veredicto: ¿vale la pena probarlo?
Definitivamente sí, si:
- Necesitas un editor moderno para tu proyecto
- Quieres ahorrar meses de desarrollo
- Planeas usar un asistente de IA para la entrada de texto
El proyecto se está desarrollando activamente, tiene licencia Apache 2.0 y una gran comunidad. La desventaja es que actualmente requiere una clave de API de OpenAI (pero eso se resuelve fácilmente).
P.D. Para inspirarte, consulta los videos de demostración del repositorio:
https://github. com/steven-tey/novel/assets/28986134/20f-99877f-4f2b-4b1c-8c-8d782-5d803d63be5c
https://github. com/steven-tey/novel/assets/28986134/58ebf7e3-cdb3-43df-878b-119e304f7f373
Proyectos relacionados