HUGO

Web components in Blogpost?

Is it possible to render web components inside a blog post written in markdown? Functionality like https://github.com/mdx-js/mdx for React-based SSGs or MDsveX for svelte based SSGs.

I want to be able to render interactive components inside blog posts for tutorials and such. I think that using React or Svelte based components won’t be possible or feasible as it would require a whole different framework to depend on. Is it possible to use tools like https://stenciljs.com/ to create interactive web components and then use those inside a blog post?

In combination with shortcodes yes. Make your component into a shortcode and handle all the stencil stuff in there.

1 Like