Finally, I made the switch to Webmentions, not because I hated comments, but it just didn't serve the platform. You might be wondering, what is he talking about? Let me explain in some more detail. What are Webmentions? Webmentions are an open standard for a reaction to a thing on the web. It's currently in . W3C recommendation status So when you link to a website, you can send a Webmention to notify that website. You can almost compare it to pingbacks! You know from back in the days. But Webmentions are way more awesome, since they can contain data! For instance, the data in a Webmention can be: likes, repost, comments, or other stuff. So how do these Webmentions work? In basic web mentions work like this: 1. I write about Webmentions on this site. 2. Then Rey will write about Webmentions on his site, but links to my article 3. Rey's publishing software will now send a Webmention to my website 4. My software checks that there is actually a link, and will include Rey's Webmention on my site! In my case, you will see a lot of Webmentions from Twitter if you tweet and include a link to one of my articles! How do I get Webmentions on my site? Of course, this is the million-dollar question, and there are a couple of steps to it. 1. Host a Webmention endpoint or use a third party like webmention.io is a free service made by the amazing . Check him out! Webmention.io indieweb hero Aaron Parecki 2. Sign in on using their Webmention.io IndieAuth process 3. You will now get two links you need to include in your head < = = > link rel "pingback" href "https://webmention.io/daily-dev-tips.com/xmlrpc" < = = > link rel "webmention" href "https://webmention.io/daily-dev-tips.com/webmention" 4. Find a service that connects these Webmentions. is an amazing service that turns your social mentions in Webmentions! Bridgy 5. Bridgy will now analyze our tweet and, if found, send a Webmention to our endpoint. One of these entries will look like this: { : , : { : , : , : , : }, : , : , : , : , : , : , : { : , : }, : , : , : } "type" "entry" "author" "type" "card" "name" "Ido Shamun" "photo" "https://webmention.io/avatar/pbs.twimg.com/d3cd0af823ba866fc0438b06151ace371d762e07bc61536fe895e7f4aca6520d.jpg" "url" "https://twitter.com/idoshamun" "url" "https://twitter.com/idoshamun/status/1305098804597854213" "published" "2020-09-13T10:59:37+00:00" "wm-received" "2020-09-14T07:00:42Z" "wm-id" 851613 "wm-source" "https://brid-gy.appspot.com/comment/twitter/DailyDevTips1/1305027118166937600/1305098804597854213" "wm-target" "https://daily-dev-tips.com/posts/top-10-chrome-extensions-for-developers-%F0%9F%91%80/" "content" "html" "Thank you! 🤩\n<a class=\"u-mention\" href=\"https://daily-dev-tips.com/\"></a>\n<a class=\"u-mention\" href=\"https://twitter.com/DailyDevTips1\"></a>" "text" "Thank you! 🤩" "in-reply-to" "https://daily-dev-tips.com/posts/top-10-chrome-extensions-for-developers-%F0%9F%91%80/" "wm-property" "in-reply-to" "wm-private" false Ok, cool, now what? So yes, we now have Webmentions coming in, and our sites accepting them, but how do we go about showing them? Well, comes with a fantastic API we can leverage. webmention.io Getting all Webmentions for our domain We can run the following query to get all Webmentions for our domain: curl --location --request GET 'https://webmention.io/api/mentions.jf2?target=https://daily-dev-tips.com/posts/getting-started-with-the-html-canvas/' as points out the ending slash is very important! swyx We can then use JavaScript to show these on our website. I'll write another article on how to integrate them for an Eleventy static blog fully! Feel free to try them out and ! tweet about this article Thank you for reading, and let's connect! Thank you for reading my blog. Feel free to subscribe to my email newsletter and connect on or Facebook Twitter

Facebook

Target

Twitter

Webmentions: Why I Made the Switch from Comments

About Author

Comments

TOPICS

THIS ARTICLE WAS FEATURED IN

Related Stories

Creating Mouse Tracking Eyes using Javascript 👀

2x Noonie Nominee David Deal is All About the Beats

Another AI-Hosted Podcast: The Future of Tech Belongs To Its Builders

$10k Back to the Internet Donation

The Back to the Internet Pool

Mick Morucci on Working at the Intersection of People and Tech

Creating Mouse Tracking Eyes using Javascript 👀

2x Noonie Nominee David Deal is All About the Beats

Another AI-Hosted Podcast: The Future of Tech Belongs To Its Builders

$10k Back to the Internet Donation

The Back to the Internet Pool

Mick Morucci on Working at the Intersection of People and Tech

Light-Mode

Classic

Newspaper

Minty

Dark-Mode

Neon Noir

Minty

HN StartUps