{"id":31817684,"url":"https://github.com/crossmint/embedded-checkout-quickstart","last_synced_at":"2025-10-11T10:23:26.616Z","repository":{"id":294734742,"uuid":"987881190","full_name":"Crossmint/embedded-checkout-quickstart","owner":"Crossmint","description":"Crossmint's Embedded Checkout Quickstart","archived":false,"fork":false,"pushed_at":"2025-08-24T02:57:37.000Z","size":2319,"stargazers_count":3,"open_issues_count":0,"forks_count":0,"subscribers_count":3,"default_branch":"main","last_synced_at":"2025-08-24T11:58:25.068Z","etag":null,"topics":["crossmint","crypto","web3"],"latest_commit_sha":null,"homepage":"https://embedded-checkout.demos-crossmint.com","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/Crossmint.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,"publiccode":null,"codemeta":null,"zenodo":null}},"created_at":"2025-05-21T18:16:47.000Z","updated_at":"2025-08-24T02:57:41.000Z","dependencies_parsed_at":"2025-05-21T20:36:06.415Z","dependency_job_id":"e92592c3-6f14-4276-981d-02578affa7b1","html_url":"https://github.com/Crossmint/embedded-checkout-quickstart","commit_stats":null,"previous_names":["crossmint/embedded-checkout-quickstart"],"tags_count":0,"template":true,"template_full_name":"Crossmint/quickstart-template","purl":"pkg:github/Crossmint/embedded-checkout-quickstart","repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Crossmint%2Fembedded-checkout-quickstart","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Crossmint%2Fembedded-checkout-quickstart/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Crossmint%2Fembedded-checkout-quickstart/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Crossmint%2Fembedded-checkout-quickstart/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/Crossmint","download_url":"https://codeload.github.com/Crossmint/embedded-checkout-quickstart/tar.gz/refs/heads/main","sbom_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/Crossmint%2Fembedded-checkout-quickstart/sbom","scorecard":null,"host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":279006851,"owners_count":26084204,"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-10-11T02:00:06.511Z","response_time":55,"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":["crossmint","crypto","web3"],"created_at":"2025-10-11T10:23:16.197Z","updated_at":"2025-10-11T10:23:26.611Z","avatar_url":"https://github.com/Crossmint.png","language":"TypeScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"\u003cdiv align=\"center\"\u003e\n\u003cimg width=\"200\" alt=\"Image\" src=\"https://github.com/user-attachments/assets/8b617791-cd37-4a5a-8695-a7c9018b7c70\" /\u003e\n\u003cbr\u003e\n\u003cbr\u003e\n\u003ch1\u003eEmbedded Checkout Quickstart\u003c/h1\u003e\n\n\u003cdiv align=\"center\"\u003e\n\u003ca href=\"https://embedded-checkout.demos-crossmint.com/\"\u003eLive Demo\u003c/a\u003e | \u003ca href=\"https://docs.crossmint.com/payments/embedded/overview\"\u003eDocs\u003c/a\u003e | \u003ca href=\"https://www.crossmint.com/quickstarts\"\u003eSee all quickstarts\u003c/a\u003e\n\u003c/div\u003e\n\n\u003cbr\u003e\n\u003cbr\u003e\n\u003cimg src=\"./assets/embedded.png\" alt=\"Embedded Checkout Quickstart\" width=\"full\"\u003e\n\u003c/div\u003e\n\n## Introduction\n\nAllow your customers to buy NFTs with credit card and crypto payments, using Crossmint's embedded checkout. This quickstart provides a seamless integration for accepting payments in your dApp.\n\n**Key features:**\n\n- Accept fiat payments via credit, debit card, Apple Pay and Google Pay\n- Accept crypto payments\n- Deliver NFTs directly to a buyer's wallet or email address\n\n### Prerequisites\n\n- Create a developer account in the [Staging Console](https://staging.crossmint.com/signin?callbackUrl=/console).\n- Create a [new collection](https://docs.crossmint.com/payments/guides/create-collection) or [import yours](https://docs.crossmint.com/payments/guides/register-collection) in the console, and have your `collectionId` ready.\n- Make sure your collection has at least one NFT configured\n- From the detail view of your collection, navigate to the Checkout tab to configure the pricing settings and enable Credit Card and Crypto payments.\n\n## Deploy\n\nEasily deploy the template to Vercel with the button below. You will need to set the required environment variables in the Vercel dashboard.\n\n[![Deploy with Vercel](https://vercel.com/button)](https://vercel.com/new/clone?repository-url=https%3A%2F%2Fgithub.com%2FCrossmint%2Fembedded-checkout-quickstart\u0026env=NEXT_PUBLIC_CROSSMINT_API_KEY\u0026env=NEXT_PUBLIC_CROSSMINT_COLLECTION_ID)\n\n## Setup\n\n1. Clone the repository and navigate to the project folder:\n\n    ```bash\n    git clone https://github.com/crossmint/embedded-checkout-quickstart.git \u0026\u0026 cd embedded-checkout-quickstart\n    ```\n\n2. Install all dependencies:\n\n    ```bash\n    npm install\n    # or\n    yarn install\n    # or\n    pnpm install\n    # or\n    bun install\n    ```\n\n3. Set up the environment variables by copying the template file:\n\n    ```bash\n    cp .env.template .env\n    ```\n\n4. Add your Crossmint `collectionId` to the `.env` file.\n\n    ```bash\n    NEXT_PUBLIC_CROSSMINT_COLLECTION_ID=your_collection_id\n    ```\n\n5. Get your client-side API key from the [Crossmint Console Overview](https://staging.crossmint.com/console/overview) and add it to the `.env` file.\n\n    ```bash\n    NEXT_PUBLIC_CROSSMINT_API_KEY=your_api_key\n    ```\n\n6. Run the development server:\n\n    ```bash\n    npm run dev\n    # or\n    yarn dev\n    # or\n    pnpm dev\n    # or\n    bun dev\n    ```\n\n## Using in production\n\n1. Embedded checkout is available on Staging for testing purposes. If you would like to use this on Production, [contact sales](https://www.crossmint.com/contact/sales) to request access.\n2. Create an account in the [Production Console](https://www.crossmint.com/signin?callbackUrl=/console), add your collection and configure the payment settings from the Checkout tab.\n3. Verify your account as the project owner and verify your collection. [Learn more](https://docs.crossmint.com/introduction/platform/account-verification) about verifications.\n4. Update your `.env` file with your production variables.\n5. Deploy your application to a production environment.\n\n## Advanced Usage\n\nFor advanced usage, refer to the Crossmint documentation:\n\n- Add Apple Pay: [https://docs.crossmint.com/payments/embedded/guides/apple-pay](https://docs.crossmint.com/payments/embedded/guides/apple-pay)\n- Customize the UI: [https://docs.crossmint.com/payments/embedded/guides/ui-customization](https://docs.crossmint.com/payments/embedded/guides/ui-customization)\n- Edit payment methods: [https://docs.crossmint.com/payments/embedded/guides/payment-methods](https://docs.crossmint.com/payments/embedded/guides/payment-methods)","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcrossmint%2Fembedded-checkout-quickstart","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fcrossmint%2Fembedded-checkout-quickstart","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fcrossmint%2Fembedded-checkout-quickstart/lists"}