docs: add missing prerequisite in stripe's storefront integration (#10097)
This commit is contained in:
@@ -23,6 +23,10 @@ For other types of storefronts, the steps are similar. However, refer to [Stripe
|
|||||||
text: "Stripe publishable API key.",
|
text: "Stripe publishable API key.",
|
||||||
link: "https://support.stripe.com/questions/locate-api-keys-in-the-dashboard"
|
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
|
## 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:
|
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 = [
|
export const highlights = [
|
||||||
["10", "useCart", "The `useCart` hook was defined in the Cart React Context documentation."],
|
["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."],
|
["13", "stripePromise", "Initialize stripe using the environment variable added in the previous step."],
|
||||||
|
|||||||
Reference in New Issue
Block a user