Notion-style Rich Text Editor in NextJs

In this video, we'll look at Novel, a Notion-style WYSIWYG editor with AI-powered autocompletion, Prisma, and Neon to build a blogging application.

👉🏼 The Ultimate NextJs Course (75% Off)

👉🏼 Project source code

👉🏼 Novel website

👉🏼 Work with me

Chapters
0:00 Intro
1:40 Project setup
3:20 Novel editor
7:50 Adding server action
10:00 Using prisma
13:00 Dynamic routes
14:30 Tailwind typography
15:48 Recap

[zalaam_]

One of the best editor. I've tried to use this sometime but I failed to integrate it as its documentation on that time was so lacking so lets give it another try

[valostudent]

you are the only youtuber that got deep into the practical implementation, i was looking for such tutorial for months now, even posted for a tutorial in their repo, but finally you posted it, thank you so much Hamed

[CoreyD]

Glad you made a video on this. Currently working on a NextJS questions & answers forum and I wasnt't sure what text editor should I go for, this ones really promising.

[muhammadisa]

Thanks for making this video. It's a time and life saver for me. 😊

[MTLai]

Thank you for sharing. Wondering what's the pro and cons to set model Post.const to be JSON or String ? You are using String, but Novel need json

[ecnirpjodhani]

I implemented but when I clicked heading 1 or 2 and write the text, its not showing big text. Its simply shows as normal plain texts. Please guide me what's wrong?

[kemmouneismail]

Hello, Im having an issue which is makes all my content inside the editor with the same font size, even if I try to add a header 1 or 2, everything the same font size

[codedusting]

Do you have to do sanitization for the content before storing it in your DB or is it all taken care by the editor itself during submission?

[GreatAdib]

how to add image link or embed video in this editor ?

[danipram]

Hi, I get the error: "TypeError: is not a function" when underlining a word and "TypeError: editor.commands.unsetColor is not a function" when trying to give another color. What can I do?

[Abbas_abidi]

That's amazing. gentle reminder for that pdf editor project sir 😄

[alexdin]

thanks for sharing but the only problem is baby one can get your prisma endpoint from the server action

[ikraamdev]

This is perfect for my side project. It just needs a video and audio uploader and player.

[bgdnsr]

Storing the html directly in the db, not a smart move