Sign in to confirm you’re not a bot
This helps protect our community. Learn more

DejaVue #E017 - Tiptap and Vue.js (with Vanessa Otto)

DejaVue
2.49K subscribers
<__slot-el>
<__slot-el>
825 views 8 months ago DejaVue
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! --- Our Guest  …...more
...more

Welcome to DejaVue

0:00

Guest Introduction

0:55

About the "Working Draft" podcast

4:00

What is Tiptap?

9:54

Is Tiptap framework agnostic?

12:30

The headless part of Tiptap

15:38

Customization as the biggest benefit?

18:38

How Tiptap content is serialized and saved

23:26

Maturity of Tiptap

25:25

Adding own blocks to Tiptap

28:03

Tiptap and Vue principles

32:01

Did the community around Tiptap grew?

34:42

ProseMirror as the base for Tiptap

36:22

Tiptap Extensions - Seamless with Vue?

38:50

Calling Tiptap extensions

42:48

Call to Action: A fun idea for a Tiptap Project?

46:55

Meet Vanessa and Alex in Germany this Autumn!

47:09

Why Vanessa chose Tiptap

48:22

Wrapping Up!

51:32
DejaVue #E017 - Tiptap and Vue.js (with Vanessa Otto)
28Likes
825Views
Jul 182024
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! --- Our Guest --- Your Hosts -- Chaptermarks: 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 https://conf.vuejs.de/ ▶ Working Draft (German) https://workingdraft.de/ ▶ Vanessa's Research/Comparison Table https://raw.githubusercontent.com/Van... ▶ Tiptap https://tiptap.dev/ ▶ awesome-tiptap https://github.com/ueberdosis/awesome... ▶ awesome-vue https://github.com/vuejs/awesome-vue ▶ ProseMirror https://github.com/ProseMirror/prosem... ▶ Vanessa's Example repo with TipTap and OpenAI https://gitlab.com/Vannsl/nuxt-tiptap... -- Follow DejaVue on ▶ The Web: https://dejavue.fm/ ▶ Twitter:   / dejavuefm   ▶ Apple Podcast: https://podcasts.apple.com/us/podcast... ▶ YouTube:    / @dejavuefm   ▶ Spotify: https://open.spotify.com/show/5VQ15QH... ▶ Deezer: https://www.deezer.com/show/1000792252 ▶ Amazon Music: https://music.amazon.com/podcasts/798... ▶ Pocket Casts: https://pca.st/49qr8d1k -- 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.
DejaVue
DejaVue

Follow along using the transcript.

DejaVue

2.49K subscribers