What we’re building

Subscription Plans feature where you can control and charge different prices to different tiers of subscription + the process of charging payments from users using Stripe and saving the details of the new subscription on the user

*Building it with resuable element for modularity and ease of use

Step 1: Build the UI

build the UI inside a resuable element “[Component] Subscription Plans”

Add property Products = List of Products

RG type of content is Products → set the property as the RG’s datasource

image.png

Step 2: Structure the DB (extended scalable DTs)

image.png

image.png

image.png

image.png

image.png

image.png

image.png

Step 3: Setup the API calls

image.png

image.png

image.png

image.png

image.png