Guide

Add webmentions to Astro

Show Bluesky and Mastodon replies on an Astro site

  1. 1

    Add your domain in wbmntn and copy the two-line snippet.

  2. 2

    Paste it into src/layouts/Layout.astro, inside the head element.

  3. 3

    Rebuild the site, then verify the domain in wbmntn.

Astro layouts live in src/layouts/. Add the snippet inside the <head> of your base layout, then optionally drop in the mentions widget.

Endpoint

GET https://wbmntn.com/domains/your-domain.com/mentions.json

Embed

npm install @wbmntn/mentions