https://github.com/thirdweb-example/embedded-smart-wallet
https://github.com/thirdweb-example/embedded-smart-wallet
Last synced: 9 months ago
JSON representation
- Host: GitHub
- URL: https://github.com/thirdweb-example/embedded-smart-wallet
- Owner: thirdweb-example
- License: apache-2.0
- Archived: true
- Created: 2023-09-27T16:53:01.000Z (over 2 years ago)
- Default Branch: main
- Last Pushed: 2024-01-02T22:41:46.000Z (about 2 years ago)
- Last Synced: 2025-03-24T12:15:20.106Z (11 months ago)
- Language: TypeScript
- Homepage: https://embedded-smart-wallet.thirdweb-example.com/
- Size: 1.73 MB
- Stars: 16
- Watchers: 3
- Forks: 21
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- License: LICENSE.md
Awesome Lists containing this project
README
# Embedded Smart Wallet
This template shows how to use an [embedded wallet](https://portal.thirdweb.com/embedded-wallet) as the personal wallet for a [smart wallet](https://portal.thirdweb.com/smart-wallet).
This means that users will log in with their email or social account and then access a smart wallet and execute gasless transactions. This provides a truly seamless UX.
## Getting Started
Create a project using this example:
```bash
npx thirdweb create --template embedded-smart-wallet
```
You can start editing the page by modifying `pages/index.tsx`. The page auto-updates as you edit the file.
On `pages/_app.tsx`, you'll find our `ThirdwebProvider` wrapping your app, this is necessary for our [hooks](https://portal.thirdweb.com/react) and
[UI Components](https://portal.thirdweb.com/ui-components) to work.
## Environment Variables
To run this project, you will need to add environment variables. Check the `.env.example` file for all the environment variables required and add it to `.env.local` file or set them up on your hosting provider.
## Deploy to IPFS
Deploy a copy of your application to IPFS using the following command:
```bash
yarn deploy
```
## Learn More
To learn more about thirdweb and Next.js, take a look at the following resources:
- [thirdweb React Documentation](https://docs.thirdweb.com/react) - learn about our React SDK.
- [thirdweb TypeScript Documentation](https://docs.thirdweb.com/typescript) - learn about our JavaScript/TypeScript SDK.
- [thirdweb Portal](https://docs.thirdweb.com) - check our guides and development resources.
- [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API.
- [Templates](https://thirdweb.com/templates)
You can check out [the thirdweb GitHub organization](https://github.com/thirdweb-dev) - your feedback and contributions are welcome!
## Join our Discord!
For any questions, suggestions, join our discord at [https://discord.gg/thirdweb](https://discord.gg/thirdweb).