Astro Minimal Boilerplate

​

अवलोकन

​

विशेषताएँ

• Quick Setup - 5 मिनट से कम समय में शुरू करें
• Payment Integration - @dodopayments/astro का उपयोग करके प्री-कॉन्फ़िगर किए गए चेकआउट फ़्लो
• Modern UI - Tailwind CSS के साथ साफ़-सुथरा, डार्क-थीम वाला प्राइसिंग पेज
• Webhook Handler - भुगतान ईवेंट्स के लिए तैयार उपयोग करने योग्य वेबहुक एंडपॉइंट
• Customer Portal - एक-क्लिक सब्सक्रिप्शन प्रबंधन
• TypeScript - पूरी तरह से टाइप किया गया, कम और केंद्रित टाइप्स के साथ
• Pre-filled Checkout - बेहतर UX के लिए ग्राहक डेटा पास करने का प्रदर्शन

​

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

• Node.js LTS संस्करण (Astro 5 के लिए आवश्यक)
• Dodo Payments खाता (डैशबोर्ड से API और वेबहुक कुंजी तक पहुँचने के लिए)

​

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

git clone https://github.com/dodopayments/dodo-astro-minimal-boilerplate.git
cd dodo-astro-minimal-boilerplate

npm install

cp .env.example .env

DODO_PAYMENTS_API_KEY=your_api_key_here
DODO_PAYMENTS_WEBHOOK_KEY=your_webhook_signing_key_here
DODO_PAYMENTS_RETURN_URL=http://localhost:4321/
DODO_PAYMENTS_ENVIRONMENT=test_mode

export const products: Product[] = [
  {
    product_id: "pdt_001", // Replace with your product ID
    name: "Basic Plan",
    description: "Get access to basic features and support",
    price: 9999, // in cents
    features: [
      "Access to basic features",
      "Email support",
      "1 Team member",
      "Basic analytics",
    ],
  },
  // ... add more products
];

npm run dev

​

परियोजना संरचना

src/
├── components/
│   ├── Footer.astro           # Reusable footer
│   ├── Header.astro           # Navigation header
│   └── ProductCard.astro      # Product pricing card
├── layouts/
│   └── Layout.astro           # Root layout
├── lib/
│   └── products.ts            # Product definitions
├── pages/
│   ├── index.astro            # Pricing page (home)
│   └── api/
│       ├── checkout.ts        # Checkout session handler
│       ├── customer-portal.ts # Customer portal redirect
│       └── webhook.ts         # Webhook event handler
└── styles/
    └── global.css             # Global styles with Tailwind

​

अनुकूलन

​

उत्पाद जानकारी अपडेट करें

• अपने Dodo डैशबोर्ड से उत्पाद आईडी
• मूल्य निर्धारण
• विशेषताएँ
• विवरण

​

ग्राहक डेटा पूर्व-भरा करें

customer: {
  name: "John Doe",
  email: "john@example.com",
},

​

ग्राहक पोर्टल अपडेट करें

const CUSTOMER_ID = "cus_001"; // Replace with actual customer ID

​

वेबहुक घटनाएँ

• onSubscriptionActive - जब एक सब्सक्रिप्शन सक्रिय हो जाता है तब ट्रिगर
• onSubscriptionCancelled - जब एक सब्सक्रिप्शन रद्द किया जाता है तब ट्रिगर
• onSubscriptionActive - जब एक सदस्यता सक्रिय होती है तो ट्रिगर किया जाता है
• onSubscriptionCancelled - जब एक सदस्यता रद्द की जाती है तो ट्रिगर किया जाता है

onSubscriptionActive: async (payload) => {
  // Grant access to your product
  // Update user database
  // Send welcome email
},

​

तैनाती

​

वेबहुक URL अपडेट करें

https://your-domain.com/api/webhook

​

समस्या निवारण

rm -rf node_modules package-lock.json
npm install

ngrok http 4321

​

अधिक जानें

• डोडो पेमेंट्स प्रलेखन
• चेकआउट सत्र प्रलेखन
• वेबहुक प्रलेखन

​

सहायता

• प्रश्नों और चर्चाओं के लिए हमारे Discord समुदाय में शामिल हों
• मुद्दों और अपडेट के लिए GitHub रिपॉजिटरी की जांच करें
• सहायता के लिए हमारी सहायता टीम से संपर्क करें