This demo uses amongst other thing wagmi + Web3Modal + Vite project bootstrapped with create-wagmi
A demo implementation of this dapp is deployed at. https://siwe-demo.richtera.app
Get a wallet connect projectId and put it into .env (copy .env.example and fill it in) The app will create a mnemonic for you the first time you launch if it's not defined. You can copy the random one it generates into the .env so your server tokens will be valid during a restart.
Install pnpm and nodejs (use asdf or nvm to get the right)
Run pnpm install
Run pnpm run typegen (one time to bootstrap the typechain wrappers for lsp-smart-contracts)
Run pnpm run dev in your terminal, and then open https://localhost:5173 in your browser.
Once the webpage has loaded, changes made to files inside the src/ and server/ directories (e.g. src/App.tsx) will automatically update the webpage and server.
The server is a small fastify server which allows token exchange and verify of JWT tokens.
Present a SIWE bearer token to exchange it for a server side SIWE token
The public address of the server for the server token
is available at GET /.well-known/public-key or as a jwks at GET /.well-known/jwks
Present SIWE client or server bearer token to get verified.
To learn more about Vite or wagmi, check out the following resources:
- wagmi Documentation – learn about wagmi Hooks and API.
- wagmi Examples – a suite of simple examples using wagmi.
- Web3Modal Documentation – learn more about Web3Modal (configuration, theming, advanced usage, etc).
- Vite Documentation – learn about Vite features and API.)