Use this template to get started with embedded smart wallets using Alchemy Account Kit.

• Email, passkey & social login using pre‑built UI components
• Flexible, secure, and cheap smart accounts
• Gasless transactions powered by ERC-4337 Account Abstraction
• One‑click NFT mint (no ETH required)
• Server‑side rendering ready – session persisted with cookies
• TailwindCSS + shadcn/ui components, React Query, TypeScript

Build zero-friction user onboarding and transactions end-to-end with one SDK.

Overview of our product offerings

The Node API gives you low-level access to standard JSON-RPC methods for interacting with blockchains.

Use it for sending transactions, querying blocks and logs, and accessing state. It supports multiple chains; see the Chain APIs Overview page for the full list.

The Data APIs provide structured, indexed data that would be difficult to get via RPC alone.

Use it for NFT metadata, token balances, transaction histories, enriched transfers, and analytics. Optimized for high-volume reads, dashboards, and data-heavy applications.

Our Smart Wallets product gives you everything you need to build zero-friction user flows, from sign-up to checkout, using smart contract accounts.

Use these APIs to handle user operations, sponsor gas, and implement smart accounts with account abstraction.

Our Rollups product helps you run a dedicated rollup with full control over transaction speed, cost, and functionality.

Launching a rollup can unlock new revenue streams, enable novel use cases, and provide a better user experience.

Alchemy's current feature availability for each of its supported chains

This quickstart is configured to run on Arbitrum Sepolia testnet, by default. A free demo NFT contract has been deployed specifically for this quickstart, allowing you to mint NFTs without any setup or deployment steps. The contract is pre-configured and ready to use out of the box.

npm create next-app smart-wallets-quickstart -- --example https://github.com/alchemyplatform/smart-wallets-quickstart
cd smart-wallets-quickstart

Get your pre-configured API key and policy ID from the Smart Wallets dashboard by viewing one of your configurations. You will get a default app, configuration, and sponsorship policy created for you to quickly start testing.

Once you have your keys, add them to your .env.local file.

cp .env.example .env.local      # create if missing
# add NEXT_PUBLIC_ALCHEMY_API_KEY=...
# add NEXT_PUBLIC_ALCHEMY_POLICY_ID=...

If instead you want to set up your own configurations from scratch you should:

1. Create a new Alchemy app
2. Set up a new Smart Wallet configruation for your app to specify login methods
3. Create a gas sponsorship policy for your app

Note: for production, you should protect your API key and policy ID behind a server rather than exposing client side.

npm run dev

Open http://localhost:3000, first Login, then try minting a new NFT.

Congrats! You've created a new smart wallet and sent your first sponsored transaction!

See what else you can do with smart wallets.

app/           # Next.js pages & components
components/ui/ # shadcn/ui primitives
lib/           # constants & helpers
config.ts      # Account Kit + Gas Sponsorship setup
tailwind.config.ts

1. config.ts initializes Account Kit with your API key, chain, and Gas Sponsorship policy.
2. Providers wraps the app with AlchemyAccountProvider & React Query.
3. LoginCard opens the authentication modal (useAuthModal).
4. After login, useSmartAccountClient exposes the smart wallet.
5. NftMintCard uses useSendUserOperation to call mintTo() on the demo ERC‑721, with gas paid by the Paymaster.

• React Quickstart → https://www.alchemy.com/docs/wallets/react/quickstart
• Gas Manager quickstart → https://www.alchemy.com/docs/wallets/infra/quickstart

npm run dev     # start development server
npm run build   # production build
npm run start   # run production build
npm run lint    # lint code

MIT