This is a template for using smart wallets with Privy Auth in a NextJS project.
Before you begin, make sure you have a Privy account, have created an app, and configured smart wallets in the dashboard.
- Clone this repository and open it in your terminal.
git clone https://github.com/privy-io/smart-wallets-starter
- Install the necessary dependencies (including Privy Auth) with
npm
.
npm i
- Initialize your environment variables by copying the
.env.example
file to an.env.local
file. Then, in.env.local
, paste your Privy App ID from the dashboard.
# In your terminal, create .env.local from .env.example
cp .env.example .env.local
# Add your Privy App ID to .env.local
NEXT_PUBLIC_PRIVY_APP_ID=<your-privy-app-id>
In your project directory, run npm run dev
. You can now visit http://localhost:3000 to see your app and login using smart wallets with Privy!
pages/_app.tsx
for how to use theSmartWalletsProvider
within thePrivyProvider
pages/dashboard.tsx
for how to use theclient
provided byuseSmartWallets
hook to make smart wallet transactions, including a batch transaction
Check out our smart wallet docs for more guidance around using smart wallets with Privy in your app!