Using Wallet Adapter

1. Before you begin, please reach out to the TipLink team to get your domain/subdomain approved for use with the wallet adapter.

   1. Please include any domains and subdomains that you may use for staging, and/or the ports you use when testing locally as well
   2. Once allow listed we will send you a client ID via our respective chat

2. Install the latest TipLink wallet adapter package @tiplink/wallet-adapter

3. Import TipLinkWalletAdapter from @tiplink/wallet-adapter in your WalletProvider. Note that it’s important that the adapter is memoized via useMemo (and recommended by the wallet adapter docs as well).

   1. Instantiate the TipLinkWalletAdapter via its constructor – be sure to include the name of your dApp, as well as the theme (choose between dark, light, or system): e.g. new TipLinkWalletAdapter({ title: "Name of Dapp", clientId: "694bf97c-d2ac-4dfc-a786-a001812658df", theme: "dark" })
   2. Please ask the TipLink team for the client id for your dApp

4. Lastly, Install latest TipLink wallet adapter react ui package at: @tiplink/wallet-adapter-react-ui , wrap a TipLinkWalletAutoConnect from this package around the WalletProvider. Follow the instructions below depending on your NextJS version.

   NextJS 12

   NextJS 13+

Login With TipLink Functionality (for stand-alone Google button)

Standard Wallet Adapter

Unified Wallet Kit

Themes

TipLink Wallet Widget