{"id":13632182,"url":"https://github.com/thirdweb-example/edition-drop","last_synced_at":"2025-05-14T12:31:03.193Z","repository":{"id":49739489,"uuid":"510547532","full_name":"thirdweb-example/edition-drop","owner":"thirdweb-example","description":"Starter kit for using the Edition Drop Pre-Built contract","archived":false,"fork":false,"pushed_at":"2024-04-12T00:36:40.000Z","size":191,"stargazers_count":24,"open_issues_count":0,"forks_count":40,"subscribers_count":4,"default_branch":"main","last_synced_at":"2025-04-02T18:21:55.206Z","etag":null,"topics":["edition-drop"],"latest_commit_sha":null,"homepage":"https://edition-drop.thirdweb-example.com","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"apache-2.0","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/thirdweb-example.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE.md","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null,"governance":null,"roadmap":null,"authors":null,"dei":null,"publiccode":null,"codemeta":null}},"created_at":"2022-07-05T01:19:38.000Z","updated_at":"2024-02-01T06:35:03.000Z","dependencies_parsed_at":"2024-01-22T01:12:02.055Z","dependency_job_id":"2b30d62a-9151-4c2f-817e-440299c61f44","html_url":"https://github.com/thirdweb-example/edition-drop","commit_stats":null,"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/thirdweb-example%2Fedition-drop","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/thirdweb-example%2Fedition-drop/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/thirdweb-example%2Fedition-drop/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/thirdweb-example%2Fedition-drop/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/thirdweb-example","download_url":"https://codeload.github.com/thirdweb-example/edition-drop/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":254142218,"owners_count":22021481,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["edition-drop"],"created_at":"2024-08-01T22:02:55.082Z","updated_at":"2025-05-14T12:31:02.716Z","avatar_url":"https://github.com/thirdweb-example.png","language":"TypeScript","readme":"\u003e [!Important]  \n\u003e This repository is referencing the `mumbai` chain.\n\u003e \n\u003e `Mumbai` [is deprecated since 08/04/2024](https://blog.thirdweb.com/deprecation-of-mumbai-testnet/), meaning the code in this repository will no longer work out of the box.\n\u003e\n\u003e You can still use this repository, however you will have to switch any references to `mumbai` to another chain.\n\n# Customizable Edition Drop Minting Page\n\nIn this template, we build a page where users can claim NFTs from the [Edition Drop](https://portal.thirdweb.com/pre-built-contracts/edition-drop) contract.\n\n## Tools\n\n- [**Edition Drop**](https://portal.thirdweb.com/pre-built-contracts/edition-drop): Create a collection of ERC-1155 NFTs and release them to users under [claim conditions](https://portal.thirdweb.com/pre-built-contracts/edition-drop#minting--claiming-nfts).\n- [**React SDK**](https://docs.thirdweb.com/react): to enable users to connect their wallets with the [useMetamask](https://portal.thirdweb.com/react/react.usemetamask) hook, and access hooks such as [useNFTDrop](https://portal.thirdweb.com/react/react.usenftdrop) to interact with the NFT drop contract.\n- [**TypeScript SDK**](https://docs.thirdweb.com/typescript): to view the claimed supply, total supply, and mint NFTs from the drop.\n\n## Using This Repo\n\nTo create your own version of this template, you can use the following steps:\n\nRun this command from the terminal to clone this project:\n\n```bash\nnpx thirdweb create --template edition-drop\n```\n\n### 1. Deploy Your Own Edition Drop on thirdweb\n\nHead to the [dashboard](https://thirdweb.com/dashboard) and create your own **Edition Drop** contract.\n\nYou can learn how to do that with our guide [Release an NFT drop on your own site without writing any code](https://portal.thirdweb.com/guides/release-an-nft-drop-with-no-code#create-a-drop-contract).\n\nBe sure to configure a **name**, **description**, and **image** for your NFT drop in the dashboard.\n\n### 2. Configure the styles to your branding\n\nYou can fully customize the colors and style of this template by editing the values in the [`globals.css`](/styles/globals.css) file.\n\nYou can configure:\n\n- The color of the background with `--background-color`\n- The color of the text with `--text-color`\n- The color of the button (is a gradient from primary to secondary color) with `--color-primary` and `--color-secondary`\n- The font with `--font`\n- The border colors with `--border-color`\n\n### 3. Plug in your Edition Drop contract address\n\nReplace the value of the `myEditionDropContractAddress` inside [`yourDetails.ts`](/const/yourDetails.ts) with your Edition Drop contract address you can find in the dashboard.\n\nReplace the value of the `tokenId` inside [`yourDetails.ts`](/const/yourDetails.ts) with your tokenId.\n\n\n### 4. Configure Your Network\n\nInside [`_app.tsx`](/pages/_app.tsx) you can configure the network you want to use:\n\n```jsx\n// This is the chain your dApp will work on.\nconst activeChain = \"mumbai\";\n```\n\n## Join our Discord!\n\nFor any questions, suggestions, join our Discord at [https://discord.gg/thirdweb](https://discord.gg/thirdweb).\n","funding_links":[],"categories":["TypeScript"],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fthirdweb-example%2Fedition-drop","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fthirdweb-example%2Fedition-drop","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fthirdweb-example%2Fedition-drop/lists"}