Novel — een slimme editor voor ontwikkelaars, geïnspireerd door Notion
Weet je nog toen je voor het eerst Notion probeerde en verbaasd was over het gemak? Nu kun je een vergelijkbare editor rechtstreeks in je applicatie integreren. Novel is een open-source WYSIWYG-editor met AI-ondersteuning die inmiddels 15 duizend sterren op GitHub heeft verzameld.
Wie heeft baat bij Novel?
Typische gebruiksscenario's:
- Ontwikkelaars die een rijke teksteditor in hun producten nodig hebben
- Creators van SaaS-platforms voor content
- Mensen die een AI-assistent aan hun applicaties willen toevoegen
- Notion-enthousiastelingen die de editor aan hun wensen willen aanpassen
Belangrijkste functies die je zullen verrassen
- Notion-achtige interface — vertrouwde blokken, drag-and-drop, markdown-achtige invoer
- AI aan boord — tekst-automatisch aanvullen via OpenAI API (suggesties, gedachtevervolg)
- Cross-platform — versies beschikbaar voor React, Svelte en Vue
- Productierijp — implementatie met één klik op Vercel
- VSCode-extensie — bewerken rechtstreeks in je favoriete code-editor
Hoe het technisch werkt
Onder de motorkap maakt Novel gebruik van:
- Next.js als fundament
- Tiptap voor editor-magie
- Vercel AI SDK voor OpenAI-integratie
- TailwindCSS voor styling
Voorbeeld van het aansluiten van AI-automatisch aanvullen:
import { useCompletion } from 'ai/react';
const { completion, complete } = useCompletion({
api: '/api/completion',
});
Nu direct uitproberen
Je eigen exemplaar van Novel implementeren kost slechts een paar klikken:
Voor lokale ontwikkeling:
pnpm i
pnpm dev
Persoonlijke ervaring
De afgelopen zes maanden is Novel mijn favoriet geworden voor:
- Prototypen van content-editors
- Snelle documentatiecreatie
- Integreren van AI-assistenten in klantproducten
Het is bijzonder prettig dat de community het project actief ontwikkelt — er zijn al ports voor Svelte en Vue, en een VSCode-extensie.
Conclusie: is het de moeite waard?
Absoluut ja, als:
- Je een moderne editor voor je project nodig hebt
- Je maanden ontwikkeling wilt besparen
- Je van plan bent een AI-assistent te gebruiken voor tekstinvoer
Het project ontwikkelt zich actief, heeft een Apache 2.0-licentie en een geweldige community. Het nadeel — het vereist momenteel een OpenAI API-sleutel (maar dat is gemakkelijk op te lossen).
P.S. Bekijk voor inspiratie de demovideo's uit de repository:
https://github.com/steven-tey/novel/assets/28986134/2099877f-4f2b-4b1c-8782-5d803d63be5c
https://github.com/steven-tey/novel/assets/28986134/58ebf7e3-cdb3-43df-878b-119e304f7373
Gerelateerde projecten