Novel — inteligentny edytor dla programistów, inspirowany Notion

Pamiętasz, gdy pierwszy raz wypróbowałeś Notion i byłeś zachwycony jego wygodą? Teraz możesz osadzić podobny edytor bezpośrednio w swojej aplikacji. Novel to open-source'owy edytor WYSIWYG z obsługą AI, który zdobył już 15 tysięcy gwiazdek na GitHub.

Komu przyda się Novel?

Typowe przypadki użycia:

• Programiści, którzy potrzebują edytora tekstu sformatowanego w swoich produktach
• Twórcy platform SaaS do tworzenia treści
• Ci, którzy chcą dodać asystenta AI do swoich aplikacji
• Entuzjaści Notion, którzy chcą dostosować edytor do swoich potrzeb

Kluczowe funkcje, które Cię zaskoczą

1. Interfejs w stylu Notion — znajome bloki, przeciągnij i upuść, wprowadzanie w stylu markdown
2. AI na pokładzie — autouzupełnianie tekstu przez API OpenAI (sugestie, kontynuacja myśli)
3. Wieloplatformowość — wersje dostępne dla React, Svelte i Vue
4. Gotowe do produkcji — wdrożenie jednym kliknięciem na Vercel
5. Rozszerzenie VSCode — edycja bezpośrednio w ulubionym edytorze kodu

Jak to działa technicznie

Pod maską Novel wykorzystuje:

• Next.js jako fundament
• Tiptap do magii edytora
• Vercel AI SDK do integracji z OpenAI
• TailwindCSS do stylizacji

Przykład podłączenia autouzupełniania AI:

import { useCompletion } from 'ai/react';

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

Wypróbuj teraz

Wdrożenie własnej kopii Novel zajmuje zaledwie kilka kliknięć:

Do lokalnego programowania:

pnpm i
pnpm dev

Osobiste doświadczenia

W ciągu ostatnich sześciu miesięcy Novel stał się moim ulubionym narzędziem do:

• Prototypowania edytorów treści
• Szybkiego tworzenia dokumentacji
• Integracji asystentów AI z produktami klientów

Szczególnie cieszy fakt, że społeczność aktywnie rozwija projekt — są już porty dla Svelte i Vue oraz rozszerzenie VSCode.

Werdykt: czy warto wypróbować?

Zdecydowanie tak, jeśli:

• Potrzebujesz nowoczesnego edytora do swojego projektu
• Chcesz zaoszczędzić miesiące pracy programistycznej
• Planujesz wykorzystać asystenta AI do wprowadzania tekstu

Projekt jest aktywnie rozwijany, ma licencję Apache 2.0 i wspaniałą społeczność. Wadą jest to, że obecnie wymaga klucza API OpenAI (ale to łatwo rozwiązać).

P.S. Dla inspiracji sprawdź filmy demo z repozytorium:

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

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