So I wanted a Nostr follow button on my site.
Turns out... it didnโt exist ๐คทโโ๏ธ
So I built one. And more.
๐ ๏ธLaunching "Nostr Components"
โ Embed Nostr posts, profiles & buttons anywhere on the web.
โ Looks good too ๐
Tagline: Take Nostr content beyond Nostr clients โ embed it anywhere.
Docs: https://nostr-components.web.app/
Code: https://github.com/saiy2k/nostr-components
Dev story: https://saiy2k.in/2025/02/17/nostr-components/
Big shout out to nostr:nprofile1qyvhwumn8ghj7ctx9ec82unsd3jhyetvv9ujucm0d5hsz9nhwden5te0v4jx2m3wdehhxarj9ekxzmny9uqzpx8mmml8p6vsnhfeak59rwqn9xgs3cpl48m46yt94387rwhqz2yamq3qj9 for helping with storybook documentation.
Thanks to my friends nostr:nprofile1qywhwumn8ghj7emvda3xzmpdwfjkccte9e3k2umr9e68yctyv5qs6amnwvaz7tmwdaejumr0dsqzqscu4986u7yckh0rcgnypladknqxh273e4fwezvcmmg5sd02kqc96xl6s4 and nostr:nprofile1qyxhwumn8ghj7mn0wvhxcmmvqy28wumn8ghj7un9d3shjtnyv9kh2uewd9hsqg86ekh3ee6chhcyehc6r73j5dty5cydf27zfqdzsmluz78cd9f77qk2u0uq for review and feedback.
and of course thanks to nostr:nprofile1qyghwumn8ghj7vf5xqhxvdm69e5k7tcpz4mhxue69uhkzet8d9ejuat50phjummwv5hsqgpm7rrrljungc6q0tuh5hj7ue863q73qlheu4vywtzwhx42a7j9n5zgwjy3 for inspiration, nostr:nprofile1qyxhwumn8ghj7e3h0ghxjme0qyd8wumn8ghj7urewfsk66ty9enxjct5dfskvtnrdakj7qpql2vyh47mk2p0qlsku7hg0vn29faehy9hy34ygaclpn66ukqp3afqta478g for NDK
#nostr #components #followbutton #webcomponents #indieweb #buildinpublic #opensource #nostrDev
Very cool, and very useful.
I also like the error message when no Nostr / Lightning extension is active in the browser.
However, the video linked points to Alby which no longer has support for an easy LN wallet. I suggest a link to another option that is easy to use. Perhaps Nos2X from nostr:nprofile1qqsrhuxx8l9ex335q7he0f09aej04zpazpl0ne2cgukyawd24mayt8gprdmhxue69uhhyetvv9ujuam9wd6x2unwvf6xxtnrdakj7qg6waehxw309akx7cmtvfhhstnxd9shg6npvchxxmmd9uvahsu4 ?
Yes. I need to update that section to a comprehensive popup, with
1. Separate link to the video, which explains private key, public key, nip07 browser extensions
2. Links to the extension themselves.
My thought process is, when you put nostr stuff in a website, 99% of the viewers won't be aware of Nostr itself. So having a video will help them to get started.
The video itself is a great idea. The only problem was that Alby doesnโt do custody wallets anymore, and running a node isnโt that easy.
oh oh. It's only self-hosted now! Just noticing it. Didn't follow up with alby lately.
Thanks for pointing it out!
You are welcome. Thanks for the Sats!
For those looking to reach me personally for all things related Bitcoin or Nostr , you can connect with me on (simpleX chat app) using my invitation link below ๐๐
Appreciate your feedback :-)
