Provide example javascript rendering code

aaronpk / webmention.io

Easily enable webmentions on any web site

https://webmention.io/

Other

775 stars 38 forks source link

Provide example javascript rendering code #104

Open cweiske opened 6 years ago

cweiske commented 6 years ago

It would be nice if there was some example code that fetches the webmentions for an URL and then takes the JSON data and actually renders the HTML and appends it to the page.

Use case would be not-so-technical users that want to use webmention.io on their static site.

Related to #94.

cweiske commented 6 years ago

https://gist.github.com/thedod/78b14341e39ca0d09131
Static rendering in Hugo: https://gitlab.com/kaushalmodi/hugo-theme-refined/blob/master/layouts/partials/webmention_rcv.html

mxstbr commented 5 years ago

I implemented web mentions for my blog at https://mxstbr.com/thoughts, which is a React app built with Next.js. Here is the source for the components that fetch and render web mentions! https://github.com/mxstbr/mxstbr.com/tree/master/components/WebMentions

Hope that can be helpful for somebody 👍

jamietanna commented 4 years ago

There's also https://github.com/PlaidWeb/webmention.js which a few of the community are using :smile:

kwaa commented 1 year ago

Hello everyone! I've written a new rendering component - it's a WebComponent, so it should work for most sites. GitHub | NPM | StackBlitz (modify the target to show the webmention of the corresponding page)