thirdweb-example / community-rewards

Reward your community using NFTs and thirdweb's signature based minting.

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.

Community Rewards

Introduction

This example utilizes signature-based minting of NFTs as a mechanism to reward users of a specific community. We connect user's with their Discord account, and generate signatures for an NFT if the user is a member of the Discord server.

Using This Template

Create a project using this example:

npx thirdweb create --template
community-rewards

• Create an NFT Collection contract using the dashboard.
• Update the contract address and discord server id in the consts file.

Setting up Discord OAuth

Head to the Discord Developer portal and create a new application.

Under the Oauth2 tab, copy your client ID and client secret. We need to store these as environment variables in our project so that we can use them on the API routes in our application.

Create a file at the root of your project called .env.local and add the following lines:

CLIENT_ID=<your-discord-client-id-here>
CLIENT_SECRET=<your-discord-client-secret-here>

Back in the Discord portal, under the Redirects section, you need to add the following value as a redirect URI:

http://localhost:3000/api/auth/callback/discord

You need to have an environment variable called NEXTAUTH_SECRET for the Discord Oauth to work.

You can learn more about it here: https://next-auth.js.org/configuration/options

You can quickly create a good value on the command line via this openssl command.

openssl rand -base64 32

And add it as an environment variable in your .env.local file:

NEXTAUTH_SECRET=<your-value-here>

Other Environment Variables

To run this project, you will need to add the following environment variables to your .env.local file:

WALLET_PRIVATE_KEY= NEXT_PUBLIC_TEMPLATE_CLIENT_ID= TW_SECRET_KEY=

• Generate your TW_SECRET_KEY and NEXT_PUBLIC_TEMPLATE_CLIENT_ID via thirdweb's dashboard.
• For WALLET_PRIVATE_KEY export your wallet private key from your wallet.

Run Locally

Install dependencies

  # npm
  npm install

  # yarn
  yarn install

Start the server

  # npm
  npm run start

  # yarn
  yarn start

Additional Resources

• Documentation
• Templates
• Video Tutorials
• Blog

Contributing

Contributions and feedback are always welcome! Please check our open source page for more information.

Need help?

For help, join the discord or visit our support page.

community-rewards's Issues

Depreciated modules

There's a few depreciated modules specifically unstable_getServerSession and getNFTCollection. I changed to getServerSession and getContract. I've added my .env.local and added my Client ID, Client Secret and private key but instead of < > I used " " because I was receiving an error.
I've changed the NFT Collection address to my own on the generate-signature.js and the index.js and added my Discord Server ID to the check-is-in-server.js and generate-signature.js.

Now, I receive a decryption operation failed error and data?.find is not a function error from the check-is-in-server.js.

Not sure if I'm doing something wrong, I followed the readme 3 different times and for a beginner I'm normally pretty good at figuring stuff out but I think this might be an error in the code somewhere.

When I run dev it just gets stuck on Checking...

When I run my console on chrome it states "Failed to load resource: the server responded with a status of 500 (Internal Server Error)"