{"id":15374357,"url":"https://github.com/warengonzaga/thirdweb-makeswift-templates","last_synced_at":"2025-08-23T10:32:36.874Z","repository":{"id":166240266,"uuid":"641288067","full_name":"warengonzaga/thirdweb-makeswift-templates","owner":"warengonzaga","description":null,"archived":false,"fork":false,"pushed_at":"2025-07-01T22:38:40.000Z","size":435,"stargazers_count":0,"open_issues_count":1,"forks_count":1,"subscribers_count":2,"default_branch":"main","last_synced_at":"2025-08-01T13:53:28.597Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":null,"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/warengonzaga.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,"zenodo":null}},"created_at":"2023-05-16T07:00:29.000Z","updated_at":"2023-05-16T07:01:47.000Z","dependencies_parsed_at":null,"dependency_job_id":"3a4e8360-a70c-4c3e-b063-808c3f11b3fc","html_url":"https://github.com/warengonzaga/thirdweb-makeswift-templates","commit_stats":{"total_commits":2,"total_committers":1,"mean_commits":2.0,"dds":0.0,"last_synced_commit":"14cfd775e01a74a6939c483e3ec8651a8244b9db"},"previous_names":[],"tags_count":0,"template":false,"template_full_name":null,"purl":"pkg:github/warengonzaga/thirdweb-makeswift-templates","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/warengonzaga%2Fthirdweb-makeswift-templates","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/warengonzaga%2Fthirdweb-makeswift-templates/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/warengonzaga%2Fthirdweb-makeswift-templates/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/warengonzaga%2Fthirdweb-makeswift-templates/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/warengonzaga","download_url":"https://codeload.github.com/warengonzaga/thirdweb-makeswift-templates/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/warengonzaga%2Fthirdweb-makeswift-templates/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":271746655,"owners_count":24813575,"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","status":"online","status_checked_at":"2025-08-23T02:00:09.327Z","response_time":69,"last_error":null,"robots_txt_status":"success","robots_txt_updated_at":"2025-07-24T06:49:26.215Z","robots_txt_url":"https://github.com/robots.txt","online":true,"can_crawl_api":true,"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":[],"created_at":"2024-10-01T13:58:26.163Z","updated_at":"2025-08-23T10:32:36.857Z","avatar_url":"https://github.com/warengonzaga.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"# Visually build with Thirdweb components\n\nIn this example, you'll learn how to integrate thirdweb components from your Next.js app into [Makeswift](https://www.makeswift.com) to make it visually editable.\n\n\u003e Note: This is a template if you want to display the total supply based on active claim phase max claimable supply.\n\n## Demo\n\n[https://makeswift-examples-thirdweb.vercel.app/](https://makeswift-examples-thirdweb.vercel.app/)\n\n## Tools\n\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- [**Makeswift SDK**](https://www.makeswift.com/docs): to register components into Makeswift's visual builder.\n\n---\n\n## Using this example\n\nTo quickly try this example either [deploy to Vercel](#deploy-your-own-to-vercel) or [use our CLI](#use-this-example-locally-with-the-makeswift-cli).\n\n### Deploy your own to Vercel\n\nDeploy your own with Vercel\n\n[![Deploy with Vercel](https://vercel.com/button)](https://vercel.com/new/clone?repository-url=https%3A%2F%2Fgithub.com%2Fwarengonzaga%2Fthirdweb-makeswift-templates\u0026project-name=thirdweb-makeswift-minting-page\u0026repository-name=thirdweb-makeswift-minting-page\u0026redirect-url=https%3A%2F%2Fapp.makeswift.com\u0026integration-ids=oac_51ryd7Pob5ZsyTFzNzVvpsGq\u0026external-id=ecommerce-thirdweb)\n\nWith your deployment completed, [take a tour of the newly created store](#take-a-tour-of-your-web3-website)\n\n### Use this example locally with the Makeswift CLI\n\n1. Run the Makeswift CLI command\n\n   ```bash\n   npx makeswift@latest init --template=ecommerce-thirdweb\n   ```\n\n   Note: the `--template=ecommerce-thirdweb` above will auto-select the \"Ecommerce - Thirdweb\" template in Makeswift and download this example Next.js app to your local machine\n\n2. Log in or sign up for Makeswift\n\nOnce completed, the CLI runs `yarn dev` and redirects you to app.makeswift.com.\n\n### Take a tour of your web3 website\n\nAfter integration, you will be redirected to app.makeswift.com. You can see the \"NFT Drop\" component on the right-hand side of the screen.\n\nWith the NFT drop component selected, paste your NFT drop contract address from Thirdweb into the \"Contract address\" panel and select the correct chain.\n\n\u003e If you don't have an NFT drop contract, [read this guide](https://portal.thirdweb.com/guides/release-an-nft-drop-with-no-code#create-a-drop-contract) to learn how to create one using Thirdweb without any code.\n\nIf you are struggling with this example reach out in our [Discord](https://discord.com/invite/7dDpz6y) and we will be happy to help!\n\n---\n\n## Next steps\n\nWith Makeswift, you can give your marketing team hand-crafted Thirdweb building blocks to create custom Web3 websites.\n\nTo learn more about Makeswift, take a look at the following resources:\n\n- [Makeswift Website](https://www.makeswift.com/)\n- [Makeswift Documentation](https://www.makeswift.com/docs/)\n- [Makeswift Discord Community](https://discord.gg/dGNdF3Uzfz)\n\nYou can check out [the Makeswift GitHub repository](https://github.com/makeswift/makeswift) - your feedback and contributions are welcome!\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fwarengonzaga%2Fthirdweb-makeswift-templates","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fwarengonzaga%2Fthirdweb-makeswift-templates","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fwarengonzaga%2Fthirdweb-makeswift-templates/lists"}