{"id":20974223,"url":"https://github.com/thirdweb-example/seamless-stripe-checkout","last_synced_at":"2025-05-14T12:31:10.121Z","repository":{"id":65225976,"uuid":"588673197","full_name":"thirdweb-example/seamless-stripe-checkout","owner":"thirdweb-example","description":"Use Magic.link to authenticate users using their email, then we use stripe to collect payment for the NFTs and send them to the user's wallet generated by Magic.","archived":true,"fork":false,"pushed_at":"2024-04-12T00:35:28.000Z","size":15,"stargazers_count":10,"open_issues_count":0,"forks_count":10,"subscribers_count":1,"default_branch":"main","last_synced_at":"2025-03-24T12:15:14.341Z","etag":null,"topics":["auth","wallet-connection"],"latest_commit_sha":null,"homepage":"https://seamless-stripe-checkout.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":"2023-01-13T17:47:53.000Z","updated_at":"2024-04-26T18:50:30.000Z","dependencies_parsed_at":"2024-04-12T01:50:46.542Z","dependency_job_id":null,"html_url":"https://github.com/thirdweb-example/seamless-stripe-checkout","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%2Fseamless-stripe-checkout","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/thirdweb-example%2Fseamless-stripe-checkout/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/thirdweb-example%2Fseamless-stripe-checkout/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/thirdweb-example%2Fseamless-stripe-checkout/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/thirdweb-example","download_url":"https://codeload.github.com/thirdweb-example/seamless-stripe-checkout/tar.gz/refs/heads/main","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":254142249,"owners_count":22021489,"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":["auth","wallet-connection"],"created_at":"2024-11-19T04:27:18.239Z","updated_at":"2025-05-14T12:31:09.509Z","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# Seamless NFT Experience\n\nThis project demonstrates how you can create a seamless NFT experience for your users.\n\nWe use Magic.link to authenticate users using their email, then we use stripe to collect payment for the NFTs and send them to the user's wallet generated by Magic.\n\n## Using This Template\n\nCreate a project using this example:\n\n```bash\nnpx thirdweb create --template seamless-stripe-checkout\n```\n\n- Create an [Edition](https://thirdweb.com/thirdweb.eth/TokenERC1155) contract using the dashboard.\n- Add an NFT to the token contract with your desired metadata and set initial supply to 0.\n- Update the contract address in the [addresses.ts](./constants/addresses.ts) file.\n- Add your wallet's private key as an environment variable in a `.env.local` file called `PRIVATE_KEY`:\n\n```text title=\".env.local\"\nPRIVATE_KEY=your-wallet-private-key\n```\n\n- Create a Magic Auth app on Magic.link and add your publishable key to the `.env.local` file:\n\n```text title=\".env.local\"\nNEXT_PUBLIC_MAGIC_LINK_API_KEY=your-magic-publishable-key\n```\n\n- Create a stripe account and add your publishable key and secret key to the `.env.local` file:\n\n```text title=\".env.local\"\nNEXT_PUBLIC_STRIPE_PUBLISHABLE_KEY=your-stripe-publishable-key\nSTRIPE_SECRET_KEY=your-stripe-secret-key\n```\n\n- We are going to setup a webhook which will be used to securely determine that the transaction was successful. To setup the webhook on the development environment, we will use the [stripe cli](https://stripe.com/docs/stripe-cli).\n- Install the [stripe cli](https://stripe.com/docs/stripe-cli) and run `stripe login` to login to your stripe account.\n- Forward the webhook to your local server by running `stripe listen --forward-to localhost:3000/api/webhook` in a separate terminal.\n- Paste the webhook secret key in the `.env.local` file:\n\n```text title=\".env.local\"\nWEBHOOK_SECRET_KEY=your-stripe-webhook-secret\n```\n\n- Install dependencies:\n\n```bash\nyarn # yarn\n\nnpm install # npm\n```\n\n- Run the development server:\n\n```bash\nyarn dev # yarn\n\nnpm run dev # npm\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":[],"sub_categories":[],"project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fthirdweb-example%2Fseamless-stripe-checkout","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fthirdweb-example%2Fseamless-stripe-checkout","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fthirdweb-example%2Fseamless-stripe-checkout/lists"}