[Tutorial] Build a BuyMeACoffee app with sBTC, Vue.js, & Stacks.js

In this end-to-end tutorial, we'll teach you how to build with the new bitcoin wrapped flavor, sBTC. We'll integrate it by building together a variation of the popular buymeacoffee platform with a slight twist.

Tools used:
Vue.js, sBTC, Stacks.js

For the Github repo of this project:
https://github.com/ECBSJ/buy-satoshi-...

To see on-chain tributes to Satoshi on Bitcoin:
https://www.blockchain.com/explorer/a...

To see the Stacks alternative of on-chain tributes:
https://explorer.hiro.so/address/SP1H...

For the blog article referenced in the video:
https://www.hiro.so/blog/how-to-integ...

00:00 intro
00:35 app demo
02:56 explaining satoshi tributes
04:07 shared P2PKH format between bitcoin and stacks
05:05 tutorial outline
05:41 setting up vue app scaffold
09:07 building app UI elements and styling
12:47 handling form inputs and submit function
21:11 wallet connection with @stacks/connect
26:33 transaction payload construction
36:56 displaying past transactions with stacks api client
48:57 outtro

/-/ /-/ /-/ /-/ /-/ /-/ /-/

Learn more about Hiro's developer tooling:
https://www.hiro.so

Follow us on Twitter:
https://x.com/hirosystems

Developers, dive into the docs:
https://docs.hiro.so

To start learning the Clarity smart contract language:
https://clarity-lang.org

Learn more about the Stacks blockchain:
https://www.stacks.co/