Learn how to create rich text editor in Next.js using Tiptap and style it with Shadcn! In this tutorial, I’ll walk you through the entire process step-by-step, from setting up your project to integrating Tiptap for rich text editing and using Shadcn for sleek, modern styling.
article version : https://medium.com/@ckriswinarto/how-to-build-a-rich-text-editor-in-next-js-using-tiptap-aee83f4f4366
🛠️ Tools & Packages Used:
tiptap docs: https://tiptap.dev/docs
shadcn ui: https://ui.shadcn.com
next.js: https://nextjs.org
🌐 Check out more content:
- My Portfolio: https://www.cand.site/
- Medium: https://medium.com/@ckriswinarto
💻 Get the Source Code:
- GitHub: https://github.com/candraKriswinarto/my-rich-text-editor
🌐 Recommended Digital Tools (Affiliate Links):
- Hostinger: Get 20% Off on Web Hosting - https://dub.sh/zrpWarU
👍 If you found this video helpful, please like, and subscribe!
❓ Any questions? Drop them in the comments below!
#Coding #tiptap #nextjs