>_ DevTrendsfr

Langue

Accueil

Langages

Sections

Frontend Backend Mobile DevOps AI / ML
TypeScript

Novel — un éditeur intelligent pour développeurs, inspiré de Notion

16 344 étoiles

Vous souvenez-vous de votre première utilisation de Notion et de votre émerveillement devant sa commodité ? Vous pouvez désormais intégrer un éditeur similaire directement dans votre application. Novel est un éditeur WYSIWYG open-source avec support IA qui a déjà recueilli 15 000 étoiles sur GitHub.

À qui s'adresse Novel ?

Cas d'utilisation typiques :

  • Les développeurs qui ont besoin d'un éditeur de texte enrichi dans leurs produits
  • Les créateurs de plateformes SaaS de contenu
  • Ceux qui souhaitent ajouter un assistant IA à leurs applications
  • Les passionnés de Notion qui veulent personnaliser l'éditeur selon leurs besoins

Fonctionnalités clés qui vous surprendront

  1. Interface type Notion — blocs familiers, glisser-déposer, saisie de type markdown
  2. IA intégrée — autocomplétion de texte via l'API OpenAI (suggestions, continuation de pensées)
  3. Multiplateforme — versions disponibles pour React, Svelte et Vue
  4. Prêt pour la production — déploiement en un clic sur Vercel
  5. Extension VSCode — édition directement dans votre éditeur de code préféré

Comment ça fonctionne techniquement

Sous le capot, Novel utilise :

  • Next.js comme fondation
  • Tiptap pour la magie de l'éditeur
  • Vercel AI SDK pour l'intégration OpenAI
  • TailwindCSS pour le style

Exemple de connexion de l'autocomplétion IA :

import { useCompletion } from 'ai/react';

const { completion, complete } = useCompletion({
  api: '/api/completion',
});

Essayez-le maintenant

Déployer votre propre copie de Novel ne prend que quelques clics :

Deploy with Vercel

Pour le développement local :

pnpm i
pnpm dev

Expérience personnelle

Au cours des six derniers mois, Novel est devenu mon préféré pour :

  • Le prototypage d'éditeurs de contenu
  • La création rapide de documentation
  • L'intégration d'assistants IA dans les produits clients

Ce qui est particulièrement agréable, c'est que la communauté développe activement le projet — il existe déjà des ports pour Svelte et Vue, ainsi qu'une extension VSCode.

Verdict : vaut-il le coup ?

Definitely yes, si :

  • Vous avez besoin d'un éditeur moderne pour votre projet
  • Vous souhaitez gagner des mois de développement
  • Vous prévoyez d'utiliser un assistant IA pour la saisie de texte

Le projet est en développement actif, dispose d'une licence Apache 2.0 et d'une excellente communauté. L'inconvénient — il nécessite actuellement une clé API OpenAI (mais cela se règle facilement).

P.S. Pour l'inspiration, consultez les vidéos de démonstration du dépôt :

https://github.come/steven-tey/novel/assets/28986134/2099877f-4f2b-4b1c-8c782-5d803d63be5c

https://github.com/steven- tey/novel/assets/28986134/58ebf7e3-cdb3-43df-878b-119e304f7f373

Projets similaires