Add Rally to the integrations list

[zenkkor]

Rally _^♥ Next.js

• Read more about Rally on our rallyon.com marketing page.

• To learn more about Rally's Checkout Button capabilities visit our Developer's portal.

#### To successfully integrate the Rally Checkout Button follow the steps below.

1. Install the Rally Checkout Button

npm install @rallycommerce/checkout-button

2. Create a Rally Checkout Button component

Create a RallyCheckoutButton.tsx component in the project with the following content 👇. Structure example 👉 lib/rally/RallyCheckoutButton.tsx

importReactfrom'react'import{Rally,RallyCheckoutButtonConfig}from'@rallycommerce/checkout-button';declareglobal{namespaceJSX{interfaceIntrinsicElements{'rally-checkout-button': any;}}}interfaceRallyCheckoutButtonProps{customText?: string|undefined;customClass?: string|undefined;cart?: any;}constRallyCheckoutButton=(props: RallyCheckoutButtonProps)=>{constcustomClass=props.customClass||"rally-custom-button-class";constcart=props?.cart;if(cart){constconfiguration: RallyCheckoutButtonConfig={cartData: {content: cart,id: cart.id,currency: cart.currency}};Rally.init('clientId',configuration);}return(<>{<rally-checkout-buttonsuppressHydrationWarning={true}custom-class={customClass}custom-text={props.customText}loader="true"></rally-checkout-button>}</>)}exportdefaultRallyCheckoutButton;

3. Use the Rally Checkout Button component

The component can now be imported (ex. on the cart page) like this 👇.

importdynamicfrom'next/dynamic';constRallyCheckoutButton=dynamic(()=>import('@lib/rally/RallyCheckoutButton'),{ssr: false,})import{Context}from'../../lib/xy/storefront-data-hooks/src/Context';const{ cart }=useContext(Context)<RallyCheckoutButtoncart={cart}customText="Custom text"customClass="custom-css-class"></RallyCheckoutButton>

[vercel]

@FrciSmrci is attempting to deploy a commit to the Vercel Solutions Team on Vercel.

A member of the Team first needs to authorize it.

[vercel]

The latest updates on your projects. Learn more about Vercel for Git ↗︎

Name	Status	Preview	Updated
commerce-bigcommerce	❌ Failed (Inspect)		Dec 8, 2022 at 8:03PM (UTC)
commerce-commercejs	❌ Failed (Inspect)		Dec 8, 2022 at 8:03PM (UTC)
commerce-kibocommerce	❌ Failed (Inspect)		Dec 8, 2022 at 8:03PM (UTC)
commerce-local	✅ Ready (Inspect)	Visit Preview	Dec 8, 2022 at 8:03PM (UTC)
commerce-ordercloud	❌ Failed (Inspect)		Dec 8, 2022 at 8:03PM (UTC)
commerce-saleor	❌ Failed (Inspect)		Dec 8, 2022 at 8:03PM (UTC)
commerce-shopify	❌ Failed (Inspect)		Dec 8, 2022 at 8:03PM (UTC)
commerce-spree	❌ Failed (Inspect)		Dec 8, 2022 at 8:03PM (UTC)
commerce-swell	❌ Failed (Inspect)		Dec 8, 2022 at 8:03PM (UTC)
commerce-vendure	❌ Failed (Inspect)		Dec 8, 2022 at 8:03PM (UTC)

[leerob]

Hey there! Thank you for your contribution. We have decided to take Next.js Commerce in a new direction and will be closing out current PRs and issues due to this change. Please see this PR for more details: #966

P.S. we'd still love to see a Rally fork of the new direction! 🙏