Important

This repository is referencing the mumbai chain.

Mumbai is deprecated since 08/04/2024, meaning the code in this repository will no longer work out of the box.

You can still use this repository, however you will have to switch any references to mumbai to another chain.

Login with Wallet Next Flask

Here we implement the login with wallet flow using the Next.js and Flask frameworks.

Setup

To run the example, first clone this repository, and then cd into the login-with-wallet-next-fiber directory.

cd login-with-wallet-next-flask

Then run one of the following commands to install the JS dependencies into the web folder:

cd web && npm install && cd ..
# or
cd web && yarn install && cd ..

We also need to install the Python dependencies for our backend, which we can do with the following command:

# First create an environment
cd server && python3 -m venv env && source env/bin/activate
# Then install dependencies
pip3 install -r requirements.txt && cd ..

Next, you need to create a .env file in the server folder and add the ADMIN_PRIVATE_KEY variable to it (similar to how it is in the /server/.env.example file) with the private key of the wallet you want to use as the admin wallet to generate and verify payloads. Your file should use something like the following:

ADMIN_PRIVATE_KEY=...

Now, we need to run the frontend and the backend separately.

We can startup our frontend by running the following command in the root of the login-with-wallet-next-flask directory:

make web

Finally, we can startup the backend in a separate terminal window by running the following command:

make server

Now, the demo should be ready to use - and we can navigate to http://localhost:3000 to try it out.

Learn More

To learn more about thirdweb, take a look at the following resources:

• thirdweb Auth Documentation - learn about thirdweb Auth.
• thirdweb React Documentation - learn about our React SDK.
• thirdweb Portal - check our guides and development resources.

You can check out the thirdweb GitHub organization - your feedback and contributions are welcome!

Join our Discord!

For any questions, suggestions, join our discord at https://discord.gg/thirdweb.