Uploaded April 2024 | Updated September 2026, 2 weeks ago

---

Learn how to make a custom Markdoc renderer for Svelte.

🔴 Patreon: patreon.com/joyofcode
𝕏 Twitter: twitter.com/joyofcodedev
💬 Discord: discord.com/invite/k6ZpwAKwwZ
🔥 Uses: https://www.joyofcode.xyz/uses

🔗 Svelte Markdoc Renderer: https://joyofcode.xyz/svelte-markdoc-renderer
🔗 Markdoc: https://markdoc.dev/
🔗 Markdoc Renderer: github.com/yuchengkuo/sveltejs-markdoc
🔗 Markdoc Preprocessor: github.com/TorstenDittmann/svelte-markdoc-preprocess
🔗 Svelte Self: https://learn.svelte.dev/tutorial/svelte-self
🔗 Svelte Component: https://learn.svelte.dev/tutorial/svelte-component
🔗 Svelte Element: https://learn.svelte.dev/tutorial/svelte-element

🔖 Timestamps

0:00 Intro
0:12 What Is Markdoc?
2:36 Svelte Markdoc Packages
3:23 Project Setup
5:18 Custom Markdoc Renderer
16:35 Outro

#joyofcode #sveltekit #svelte