Add a commenting platform to a Svelte app

Happy new year!

I recently relaunched my personal blog at www.mootoday.com using Svelte (learn why).

Initial feedback was to allow visitors to leave comments and have discussions. I took that feedback and found www.commento.io which looked lightweight enough and straitforward to implement.

What I did:

  1. Sign up at www.commento.io
  2. Create a Svelte component that displays comments

The component is as simple as this:

<svelte:head>
	<script src="https://cdn.commento.io/js/commento.js"></script>
</svelte:head>

<h2>Comments, Feedback, Thoughts</h2>
<div id="commento" />

Configuration

You can style the commenting platform by providing a data-css-override attribute to the script tag, for example:

<script
	src="https://cdn.commento.io/js/commento.js"
	data-css-override="http://example.com/my-custom-styling.css"
></script>

Additional configuration options can be found in the documentation.

Are there other alternatives you have experience with? What do you like / dislike about them?

Was this helpful?