React Quickstart

Create a new app with embedded wallets, social login, and gasless transactions.

You can also follow the Quickstart in the Dashboard.

1. Clone template repo

npx create-next-app my-smart-wallets-app -e https://github.com/alchemyplatform/smart-wallets-quickstart
cd my-smart-wallets-app

2. Set up environment

Once you have your project cloned down and you are in the my-smart-wallets-app level in your terminal, go to your project's root, create a .env file and copy-paste the following into it:

# Paste this in your .env file
NEXT_PUBLIC_ALCHEMY_API_KEY=YOUR_ALCHEMY_API_KEY
NEXT_PUBLIC_ALCHEMY_POLICY_ID=YOUR_PAYMASTER_POLICY_ID

Remember: you must create a Configuration and a Paymaster Policy if you want to use Smart Wallets.

3. Run app

In your terminal, run:

npm run dev

Your localhost:3000 should now display the following:

4. Log in and view the app

You can use a service like Temp Mail to test logins with throwaway email accounts.

Note: Social login will not work just yet!

Once you use an email, you will receive a 6-digit authentication code. Copy-paste it into the following screen:

Once you have signed in, you can mint your own NFT!

5. Next steps

You're all set to take your app to the next level with transactions!

In the Dashboard, you can set your app up with:

• Swaps!
• Social login methods
• Gas sponsorship
• Customized styling