Novel – ein intelligenter Editor für Entwickler, inspiriert von Notion
Erinnerst du dich noch, als du Notion zum ersten Mal ausprobiert hast und von dessen Benutzerfreundlichkeit begeistert warst? Jetzt kannst du einen ähnlichen Editor direkt in deine Anwendung einbetten. Novel ist ein Open-Source-WYSIWYG-Editor mit KI-Unterstützung, der auf GitHub bereits 15.000 Sterne gesammelt hat.
Für wen ist Novel geeignet?
Typische Anwendungsfälle:
- Entwickler, die einen Rich-Text-Editor in ihren Produkten benötigen
- Ersteller von SaaS-Plattformen für Content
- Diejenigen, die ihren Anwendungen einen KI-Assistenten hinzufügen möchten
- Notion-Enthusiasten, die den Editor an ihre Bedürfnisse anpassen möchten
Kernfunktionen, die dich überraschen werden
- Notion-ähnliche Oberfläche — vertraute Blöcke, Drag-and-Drop, Markdown-ähnliche Eingabe
- KI an Bord — Text-Autovervollständigung über die OpenAI-API (Vorschläge, Gedankenfortsetzung)
- Plattformübergreifend — Versionen verfügbar für React, Svelte und Vue
- Produktionsreif — Deployment mit einem Klick auf Vercel
- VSCode-Erweiterung — Bearbeitung direkt in deinem Lieblingscode-Editor
Wie es technisch funktioniert
Unter der Haube verwendet Novel:
- Next.js als Grundlage
- Tiptap für Editor-Magie
- Vercel AI SDK für OpenAI-Integration
- TailwindCSS für das Styling
Beispiel für die Anbindung der KI-Autovervollständigung:
import { useCompletion } from 'ai/react';
const { completion, complete } = useCompletion({
api: '/api/completion',
});
Probiere es jetzt aus
Das Deployment deiner eigenen Novel-Kopie dauert nur ein paar Klicks:
Für die lokale Entwicklung:
pnpm i
pnpm dev
Persönliche Erfahrung
In den letzten sechs Monaten ist Novel mein Favorit für Folgendes geworden:
- Prototyping von Content-Editoren
- Schnelle Dokumentationserstellung
- Integration von KI-Assistenten in Kundenprodukte
Es ist besonders erfreulich, dass die Community das Projekt aktiv weiterentwickelt — es gibt bereits Ports für Svelte und Vue sowie eine VSCode-Erweiterung.
Fazit: Lohnt es sich?
Definitiv ja, wenn:
- Du einen modernen Editor für dein Projekt benötigst
- Du Monate an Entwicklungszeit sparen möchtest
- Du planst, einen KI-Assistenten für die Texteingabe zu nutzen
Das Projekt befindet sich in aktiver Entwicklung, verfügt über eine Apache-2.0-Lizenz und eine großartige Community. Der Nachteil — es wird derzeit ein OpenAI-API-Schlüssel benötigt (das lässt sich aber leicht lösen).
P.S. Für Inspiration, schau dir die Demo-Videos aus dem Repository an:
https://github. com/steven-tey/novel/assets/28986134/2099877f-4f2b-4b1c-8c82-5d803d63be5c
https://github. com/steven-tey/novel/assets/28986134/58ebf7e3-cdb3-43df-878b-119e304f7f73
Ähnliche Projekte