আমার অ্যাপে Commerce ইন্টিগ্রেট করুন

আপনার অ্যাপ কোড থেকেই সরাসরি checkout শুরু করুন এবং premium feature গেট করুন।

একবার Stripe সংযুক্ত করে এবং একটি product তৈরি করার পরে আপনার অ্যাপ পেমেন্ট নিতে পারবে। Proyecta দিয়ে বানানো অ্যাপে এটি চলে ব্রাউজার থেকেই, public commerce API-এর বিপরীতে — আপনার কোনো backend দাঁড় করাতে হয় না, কোনো secret key-ও লাগে না।

Storefront catalog হলো কন্টেন্ট। যদি আপনার product গুলো কন্টেন্ট-সমর্থিত sellable collection হয় (দেখুন Products & Features), তাহলে আপনি Content API-এর মাধ্যমে catalog পড়বেন এবং মূল্য রেন্ডার করবেন — product ডেটা সেখানেই থাকে। আপনি একইভাবে checkout শুরু করবেন, Commerce product-এর variant_id পাস করে।

import * as platform from '@/lib/platformClient.ts';
import { useEntitlement } from '@/hooks/useEntitlement.ts';

একটি checkout শুরু করুন

commerceCheckout একটি Stripe-hosted checkout session তৈরি করে এবং ক্রেতাকে পাঠানোর জন্য একটি URL রিটার্ন করে। আগে থেকে customer তৈরি করার দরকার নেই — checkout থেকেই platform একটি customer রেকর্ড করে নেয়:

const { url } = await platform.commerceCheckout({
    lineItems: [{ variantId: 'var_pro_monthly', quantity: 1 }],
    successUrl: 'https://myapp.com/welcome',
    cancelUrl: 'https://myapp.com/pricing',
    customerEmail: shopperEmail, // optional — prefills Stripe checkout
});

window.location.href = url;

একাধিক line item সমর্থিত। Subscription-এর ক্ষেত্রে quantity হলো আসন সংখ্যা (seat count)। ক্রেতা যদি কোনো কুপন কোড টাইপ করেন, সেটিও পাঠিয়ে দিন — সার্ভার সেটি যাচাই করে আপনার commerce ডেটা থেকে ডিসকাউন্ট হিসাব করে, ব্রাউজারের পাঠানো কোনো amount থেকে নয়।

একটি premium feature গেট করুন

const { hasAccess, isLoading } = useEntitlement('pro_features');

if (isLoading) return <Spinner />;
if (!hasAccess) return <UpgradePrompt />;
return <ProOnlyThing />;

Key হলো feature-এর slug (যেমন pro_features), feature object-এর id নয়। যাচাইটি সার্ভার-সাইডে হয় এবং সাইন-ইন করা session-এর সাথে যুক্ত, তাই ব্রাউজার থেকে এটি জাল করা যায় না। entitlement মডেলের জন্য দেখুন Products & Features।

AI-কে দিয়ে সব সংযুক্ত করুন

• "Build a /pricing page that shows my products and starts a checkout when a button is clicked."
• "Gate the /pro route so only customers with pro_features access can see it."
• "Add a cart with a coupon code field and a Checkout button."