Tiptap and Vue.js (with Vanessa Otto)

In this episode of DejaVue, Alex and Michael are joined by Vanessa Otto, a Senior Engineer at GitLab and previously being the head of Frontend at Zavvy.

After discussing Vanessa's co-host role in the German Working Draft podcast, it all revolves around the headless editor "Tiptap" in the episode. From hearing why Vanessa chose it instead of other editors and her research around editors, Tiptaps integration with Vue and what the "headless" part of the editor adds to it, over to which use cases are ideal for Tiptap.

And yes, an example repository is included so you can convince yourself of the easiness! Enjoy the episode!

Chapters

• (00:00) - Welcome to DejaVue
• (00:55) - Guest Introduction
• (04:00) - About the "Working Draft" podcast
• (09:54) - What is Tiptap?
• (12:30) - Is Tiptap framework agnostic?
• (15:38) - The headless part of Tiptap
• (18:38) - Customization as the biggest benefit?
• (23:26) - How Tiptap content is serialized and saved
• (25:25) - Maturity of Tiptap
• (28:03) - Adding own blocks to Tiptap
• (32:01) - Tiptap and Vue principles
• (34:42) - Did the community around Tiptap grew?
• (36:22) - ProseMirror as the base for Tiptap
• (38:50) - Tiptap Extensions - Seamless with Vue?
• (42:48) - Calling Tiptap extensions
• (46:55) - Call to Action: A fun idea for a Tiptap Project?
• (47:09) - Meet Vanessa and Alex in Germany this Autumn!
• (48:22) - Why Vanessa chose Tiptap
• (51:32) - Wrapping Up!

Links and Resources

• 10% discount for the vue.js de Conf in Bonn, Germany with code DEJAVUE
• Working Draft Podcast (German)
• Vannessa's Research/Comparison Table
• Tiptap
• awesome-tiptap
• awesome-vue
• ProseMirror
• Vannessa's Example repo with TipTap and OpenAI

Links marked with * are affiliate links. We get a small commission when you register for the service through our link. This helps us to keep the podcast running. We only include affiliate links for services mentioned in the episode or that we use ourselves.