> ## Documentation Index
> Fetch the complete documentation index at: https://docs.dodopayments.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Expo Boilerplate

> Dodo Payments के साथ हमारे Expo boilerplate का उपयोग करके React Native मोबाइल ऐप बनाएं। इसमें चेकआउट इंटीग्रेशन, भुगतान प्रबंधन, और TypeScript समर्थन शामिल है।

<Card title="GitHub Repository" icon="github" href="https://github.com/dodopayments/expo-boilerplate">
  Expo + React Native + Dodo Payments बूलरप्लेट को पूरा करें
</Card>

## अवलोकन

Dodo Payments को Expo/React Native अनुप्रयोगों में एकीकृत करने के लिए एक उत्पादन-तैयार boilerplate। इस टेम्पलेट में चेकआउट सत्र निर्माण, भुगतान प्रबंधन, और उचित TypeScript कॉन्फ़िगरेशन शामिल है ताकि आप अपने मोबाइल ऐप में जल्दी से भुगतान स्वीकार करना शुरू कर सकें।

<Info>
  यह बूलरप्लेट TypeScript के साथ Expo SDK का उपयोग करता है और चेकआउट सेशन्स तथा भुगतान प्रोसेसिंग के लिए उदाहरण कार्यान्वयन शामिल करता है।
</Info>

<Frame>
  <iframe className="w-full aspect-video rounded-md" src="https://www.youtube.com/embed/78N1qw14m0Y" title="Expo Boilerplate Demo | Dodo Payments" frameBorder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowFullScreen />
</Frame>

## पूर्वापेक्षाएँ

* Node.js 18+
* Expo CLI या EAS CLI
* Dodo Payments खाता (डैशबोर्ड से API कुंजी)
* iOS सिम्युलेटर या Android एमुलेटर (या भौतिक उपकरण)

## त्वरित प्रारंभ

<Steps>
  <Step title="Clone the Repository">
    बूलरप्लेट रिपॉजिटरी को क्लोन करें और प्रोजेक्ट डायरेक्टरी में जाएं:

    ```bash theme={null}
    git clone https://github.com/dodopayments/expo-boilerplate.git
    cd expo-boilerplate
    ```
  </Step>

  <Step title="Get Your API Credentials">
    टेस्ट मोड में Dodo Payments डैशबोर्ड से अपनी क्रेडेंशियल प्राप्त करें:

    * **API कुंजी**: अपने [डैशबोर्ड](https://app.dodopayments.com) में **डेवलपर → API कुंजी** पर जाएं।

    <Tip>
      असली भुगतान प्रोसेस किए बिना अपने एकीकरण का सुरक्षित परीक्षण करने के लिए टेस्ट मोड से शुरू करें।
    </Tip>
  </Step>

  <Step title="Configure Environment Variables">
    रूट डायरेक्टरी में `.env` फ़ाइल बनाएं:

    ```bash theme={null}
    touch .env
    ```

    अपनी Dodo Payments क्रेडेंशियल जोड़ें:

    ```bash .env theme={null}
    EXPO_PUBLIC_DODO_API_KEY=your_test_api_key_here
    ```

    <Warning>
      कभी भी अपनी `.env` फ़ाइल को वर्शन कंट्रोल में कमिट न करें। यह पहले से `.gitignore` में शामिल है।
    </Warning>
  </Step>

  <Step title="Install Dependencies">
    आवश्यक npm पैकेज स्थापित करें:

    ```bash theme={null}
    npm install
    ```
  </Step>

  <Step title="Start the Development Server">
    Expo विकास सर्वर शुरू करें:

    ```bash theme={null}
    npx expo start
    ```

    अपने डिवाइस पर Expo Go ऐप से QR कोड स्कैन करें, या iOS सिम्युलेटर के लिए `i` या Android एमुलेटर के लिए `a` दबाएं।

    <Check>
      अब आप निर्माण शुरू करने के लिए तैयार हैं! बूलरप्लेट में एकीकरण को समझने में मदद के लिए उदाहरण स्क्रीन और घटक शामिल हैं।
    </Check>
  </Step>
</Steps>

## क्या शामिल है

Boilerplate पूर्व-निर्धारित आवश्यकताओं के साथ आता है:

<CardGroup cols={2}>
  <Card title="Checkout Integration" icon="shopping-cart">
    चेकआउट सेशन्स बनाने और संभालने का उदाहरण कार्यान्वयन
  </Card>

  <Card title="Payment Handling" icon="credit-card">
    सफलता और त्रुटि हैंडलिंग के साथ पूर्ण भुगतान फ्लो
  </Card>

  <Card title="TypeScript Support" icon="code">
    उचित टाइप परिभाषाओं के साथ पूर्ण TypeScript कॉन्फ़िगरेशन
  </Card>

  <Card title="Expo Router" icon="route">
    निरंतर रूटिंग के लिए Expo Router के साथ नेविगेशन सेटअप
  </Card>
</CardGroup>

## प्रोजेक्ट संरचना

```
expo-boilerplate/
├── app/
│   ├── (tabs)/
│   │   └── index.tsx          # Home screen with examples
│   └── checkout.tsx           # Checkout screen
├── components/
│   └── PaymentButton.tsx      # Payment button component
├── lib/
│   └── dodo.ts                # Dodo Payments client setup
├── .env.example               # Environment variables template
└── package.json
```

## अगले कदम

एक बार जब आपके पास boilerplate चल रहा हो:

<Steps>
  <Step title="Create Your Products">
    चेकआउट कार्यक्षमता सक्षम करने के लिए अपने [Dodo Payments डैशबोर्ड](https://app.dodopayments.com) में उत्पाद जोड़ें।
  </Step>

  <Step title="Customize the Integration">
    अपने एप्लिकेशन की आवश्यकताओं और डिज़ाइन के अनुसार उदाहरण कोड को अनुकूलित करें।
  </Step>

  <Step title="Test on Real Devices">
    सुनिश्चित करने के लिए कि सब कुछ सही तरीके से काम कर रहा है, भुगतान फ्लो को भौतिक डिवाइसों पर टेस्ट करें।
  </Step>

  <Step title="Go Live">
    तैयार होने पर, लाइव मोड API कुंजियों में स्विच करें और अपना ऐप प्रोडक्शन के लिए बनाएं।
  </Step>
</Steps>

## उत्पादन के लिए निर्माण

<Steps>
  <Step title="Install EAS CLI">
    ```bash theme={null}
    npm install -g eas-cli
    ```
  </Step>

  <Step title="Configure EAS">
    ```bash theme={null}
    eas build:configure
    ```
  </Step>

  <Step title="Build Your App">
    iOS के लिए:

    ```bash theme={null}
    eas build --platform ios
    ```

    Android के लिए:

    ```bash theme={null}
    eas build --platform android
    ```
  </Step>
</Steps>

## अतिरिक्त संसाधन

<CardGroup cols={2}>
  <Card title="Mobile Integration Guide" icon="mobile" href="/developer-resources/mobile-integration">
    मोबाइल ऐप्स में भुगतान लागू करने के लिए विस्तृत मार्गदर्शिका
  </Card>

  <Card title="React Native Integration" icon="react" href="/developer-resources/react-native-integration">
    React Native विशिष्ट एकीकरण दस्तावेज
  </Card>

  <Card title="Integration Guide" icon="book" href="/developer-resources/integration-guide">
    एक बार के भुगतान लागू करने के लिए विस्तृत मार्गदर्शिका
  </Card>

  <Card title="API Reference" icon="brackets-curly" href="/api-reference/introduction">
    पूरी Dodo Payments API दस्तावेज़ की खोज करें
  </Card>
</CardGroup>

## सहायता

क्या आपको boilerplate के साथ मदद चाहिए?

* प्रश्नों और चर्चाओं के लिए हमारे [Discord समुदाय](https://discord.gg/bYqAp4ayYh) में शामिल हों
* मुद्दों और अपडेट के लिए [GitHub रेपोजिटरी](https://github.com/dodopayments/expo-boilerplate) की जांच करें
* सहायता के लिए हमारी [सहायता टीम](mailto:support@dodopayments.com) से संपर्क करें