{"id":18737087,"url":"https://github.com/sweetmantech/wtf-interface","last_synced_at":"2025-11-17T06:30:17.937Z","repository":{"id":235308955,"uuid":"790476362","full_name":"sweetmantech/wtf-interface","owner":"sweetmantech","description":null,"archived":false,"fork":false,"pushed_at":"2024-04-25T00:31:12.000Z","size":256,"stargazers_count":0,"open_issues_count":0,"forks_count":2,"subscribers_count":1,"default_branch":"main","last_synced_at":"2024-12-28T17:14:44.260Z","etag":null,"topics":[],"latest_commit_sha":null,"homepage":"https://wtf-interface.vercel.app","language":"TypeScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/sweetmantech.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"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}},"created_at":"2024-04-23T00:20:32.000Z","updated_at":"2024-04-25T00:31:30.000Z","dependencies_parsed_at":"2024-04-25T02:01:57.101Z","dependency_job_id":"6cc8cbee-300c-43ef-b5b7-b27770204911","html_url":"https://github.com/sweetmantech/wtf-interface","commit_stats":null,"previous_names":["sweetmantech/wtf-interface"],"tags_count":0,"template":true,"template_full_name":"sweetmantech/iframe-tokenbound","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sweetmantech%2Fwtf-interface","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sweetmantech%2Fwtf-interface/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sweetmantech%2Fwtf-interface/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/sweetmantech%2Fwtf-interface/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/sweetmantech","download_url":"https://codeload.github.com/sweetmantech/wtf-interface/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":239611993,"owners_count":19668274,"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":[],"created_at":"2024-11-07T15:23:42.049Z","updated_at":"2025-11-17T06:30:17.872Z","avatar_url":"https://github.com/sweetmantech.png","language":"TypeScript","readme":"## Getting Started\n\n1. Fork the repo\n2. Fill in environment variables in `.env.local` file\n3. Sign up for the Alchemy and n.xyz accounts and fill in the relevant variables in your `.env.local` file.\n\nInstall\n\n```bash\nnpm install\n\nyarn\n\npnpm install\n```\n\nRun the development server:\n\n```bash\nnpm run dev\n# or\nyarn dev\n# or\npnpm dev\n```\n\nOpen [http://localhost:3000](http://localhost:3000) with your browser to see the result.\n\nYou can start editing the page by modifying `app/page.tsx`. The page auto-updates as you edit the file.\n\nThis project uses [`next/font`](https://nextjs.org/docs/basic-features/font-optimization) to automatically optimize and load Inter, a custom Google Font.\n\n## Environment Variables\n\nYou will need to fill in the env variables in your `.env.local` file for local development with the `env.example` file. Tokenbound related variables have been filled however you will need to get sign up for accounts for Alchemy and n.xyz.\n\nWe rely on [Alchemy](https://dashboard.alchemy.com/) to help with indexing NFT information, and [n.xyz](https://app.n.xyz/) for contract approval statuses. You will need to create an account with both and fill in the relevant variables in your `.env.local` file.\n\nFor `n.xyz` make sure you set the `CORS` setting to your local development address or to `*` all addresses.\n\n`PROVIDER_ENDPOINT` can be the same as your `ALCHEMY_KEY` just use the `https` link instead.\n\n## Getting your NFT artwork to show up in the iFrame.\n\nThe contract address and tokenId of you NFT collection is grabbed from the URL params `/contractAddress/tokenId`.\n\nThe image assets of your collection is then fetched from the `useNft` hook in `app/hooks/useNft.tsx` using the environment variable `NEXT_PUBLIC_NFT_ENDPOINT`. If you want to customize and reshape the data of from the `NEXT_PUBLIC_NFT_ENDPOINT` endpoint then make those edits inside the `getNftAssets` in `/lib/utils/nft.ts`. You can see commented out code on how you would return image from an the Azuki metadata server there for reference.\n\nThe image render will in the page.tsx file will then be expecting an array of images. If you have one image that should work just fine as well.\n\n## Learn More\n\nTo learn more about Tokenbound, take a look at the following resources:\n\n- [Tokenbound Documentation](https://docs.tokenbound.org/)\n- [Learn tokenbound](https://tokenbound.org/)\n- [EIP-6551](https://eips.ethereum.org/EIPS/eip-6551)\n\nTo learn more about Next.js, take a look at the following resources:\n\n- [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API.\n- [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial.\n\nYou can check out [the Next.js GitHub repository](https://github.com/vercel/next.js/) - your feedback and contributions are welcome!\n\n## Deploy on Vercel\n\nThe easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/new?utm_medium=default-template\u0026filter=next.js\u0026utm_source=create-next-app\u0026utm_campaign=create-next-app-readme) from the creators of Next.js.\n\nCheck out our [Next.js deployment documentation](https://nextjs.org/docs/deployment) for more details.\n","funding_links":[],"categories":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsweetmantech%2Fwtf-interface","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fsweetmantech%2Fwtf-interface","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fsweetmantech%2Fwtf-interface/lists"}