> ## Documentation Index
> Fetch the complete documentation index at: https://sequence-0fb8d9e6-codex-update-discord-invite.mintlify.site/llms.txt
> Use this file to discover all available pages before exploring further.

> Learn how to get started with Checkout SDK

# Getting started

<Info>
  This package is dependent on [Connect SDK](/sdk/web/wallet-sdk/ecosystem/getting-started).
</Info>

<Steps>
  <Step title="Install and setup Connect SDK">
    Follow the steps [here](/sdk/web/wallet-sdk/ecosystem/getting-started).
  </Step>

  <Step title="Install Checkout SDK">
    ```bash theme={null}
        npm install @0xsequence/checkout
        # or
        pnpm install @0xsequence/checkout
        # or
        yarn add @0xsequence/checkout
    ```
  </Step>

  <Step title="Wrap your App with the SequenceCheckoutProvider">
    ```typescript [main.tsx] theme={null}
        import React from "react";
        import ReactDOM from "react-dom/client";
        import "./index.css";

        import App from "./App";
        import { config } from "./config";
        import { SequenceConnect } from "@0xsequence/connect";
        import { SequenceCheckoutProvider } from "@0xsequence/checkout";

        function Dapp() {
        return (
            <SequenceConnect config={config}>
                <SequenceCheckoutProvider>
                    <App />
                </SequenceCheckoutProvider>
            </SequenceConnect>
        );
        }

        ReactDOM.createRoot(document.getElementById("root")!).render(
        <React.StrictMode>
            <Dapp />
        </React.StrictMode>
        );
    ```
  </Step>

  <Step title="Start using it">
    Now you can start using hooks like [useSelectPaymentModal](/sdk/web/checkout-sdk/hooks/useSelectPaymentModal).
  </Step>
</Steps>