docs: add missing prerequisite in stripe's storefront integration (#10097)

This commit is contained in:
Shahed Nasser
2024-11-18 09:52:00 +02:00
committed by GitHub
parent 1d88ad3793
commit f5c580a661
@@ -23,6 +23,10 @@ For other types of storefronts, the steps are similar. However, refer to [Stripe
text: "Stripe publishable API key.",
link: "https://support.stripe.com/questions/locate-api-keys-in-the-dashboard"
},
{
text: "Cart context in your storefront, which is used in a code snippet later.",
link: "/resources/storefront-development/cart/context"
},
]} />
## 1. Install Stripe SDK
@@ -57,6 +61,12 @@ For Next.js storefronts, the environment variable's name must be prefixed with `
Then, create a file holding the following Stripe component:
<Note>
This snippet assumes you're using the provider from the [Cart Context guide](../../../cart/context/page.mdx) in your storefront.
</Note>
export const highlights = [
["10", "useCart", "The `useCart` hook was defined in the Cart React Context documentation."],
["13", "stripePromise", "Initialize stripe using the environment variable added in the previous step."],