Add a commenting platform to a Svelte app

Mike - Jan 1 '20 - - Dev Community

This post first appeared on www.mikenikles.com. Photo by Art Lasovsky on Unsplash

Happy new year!

I recently relaunched my personal blog at www.mikenikles.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 (corresponding pull request):

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

<h2>Comments, Feedback, Thoughts</h2>
<div id="commento" />
Enter fullscreen mode Exit fullscreen mode

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>
Enter fullscreen mode Exit fullscreen mode

Additional configuration options can be found in the documentation.

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

. . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . . .