{"id":20974189,"url":"https://github.com/thirdweb-example/nft-gallery","last_synced_at":"2025-09-07T14:06:42.687Z","repository":{"id":107808485,"uuid":"593872527","full_name":"thirdweb-example/nft-gallery","owner":"thirdweb-example","description":"Create a gallery of NFTs from an NFT Collection","archived":false,"fork":false,"pushed_at":"2024-05-23T00:36:47.000Z","size":117,"stargazers_count":20,"open_issues_count":0,"forks_count":40,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-04-02T18:22:05.773Z","etag":null,"topics":["nft-drop","ui-components"],"latest_commit_sha":null,"homepage":"https://nft-gallery.thirdweb-preview.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":"2023-01-27T02:51:22.000Z","updated_at":"2024-06-22T14:58:57.000Z","dependencies_parsed_at":"2024-05-23T01:35:43.911Z","dependency_job_id":"d02de6a2-2a15-4f6c-9963-897e00d81018","html_url":"https://github.com/thirdweb-example/nft-gallery","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%2Fnft-gallery","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/thirdweb-example%2Fnft-gallery/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/thirdweb-example%2Fnft-gallery/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/thirdweb-example%2Fnft-gallery/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/thirdweb-example","download_url":"https://codeload.github.com/thirdweb-example/nft-gallery/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":254142222,"owners_count":22021482,"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":["nft-drop","ui-components"],"created_at":"2024-11-19T04:27:07.015Z","updated_at":"2025-05-14T12:31:04.887Z","avatar_url":"https://github.com/thirdweb-example.png","language":"TypeScript","readme":"# NFT Gallery\n\nCreate your own NFT gallery for any ERC721/ERC1155 NFT collection on [any EVM-compatible chain](https://blog.thirdweb.com/any-contract-any-evm-chain/).\n\nView the metadata of all NFTs in the collection, including features such as pagination, filtering, and search.\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 nft-gallery\n```\n\n## Environment Variables\n\nTo 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` file or set them up on your hosting provider.\n\n### 1. Deploy or Import Your NFT Collection\n\nIf you haven't already deployed your contract, head over to the thirdweb dashboard and create your own [NFT collection](https://thirdweb.com/thirdweb.eth/TokenERC721) contract.\n\nIf you have an existing contract, use the [thirdweb dashboard](https://thirdweb.com/dashboard) to import it!\n\n### 2. Configure Parameters\n\nGo to the [`parameters.ts`](/src/consts/parameters.ts) and update the following values:\n\n1. `contractAddress`: The smart contract address of your NFT collection.\n2. `chain`: The name of the chain that your smart contract is deployed to.\n3. `blockExplorer`: (Optional) - The block explorer to open when user's click on historical events of each NFT.\n\n### 3. Customize the Styling\n\nUpdate the styles in the respective components by changing the [Tailwind](https://tailwindcss.com/) classes.\n\n## Join our Discord!\n\nFor any questions or suggestions, join our discord at [https://discord.gg/thirdweb](https://discord.gg/thirdweb).\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fthirdweb-example%2Fnft-gallery","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fthirdweb-example%2Fnft-gallery","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fthirdweb-example%2Fnft-gallery/lists"}