@archetypeapi/pricing-page

Archetype Pricing Page

Configurable pricing pages as modular React components.

Add discounts, emphasize plans, and compare features. Match your brand or use production-ready defaults.

Installation

Explore the docs and view the quickstart guide

Install the package from NPM, @archetypeapi/pricing-page

npm i @archetypeapi/pricing-page

Requirements

react: "^18.1.0"

Usage

After installing the NPM package we can import the Customer Portal react component and then utelize it.

import { PricingPage } from "@archetypeapi/pricing-page";

export default function Home() {
  return (
    <>
      <PricingPage token={"token_from_sdk"} />
    </>
  );
}

Your Archetype token is important to authenticate usage. The token can be genereated using the Archetype Python SDK or Archetype Node SDK. Your app_id and API key should not be exposed on the client.

About Archetype

Archetype is the revenue infrastructure that makes API monetization quick and painless. It works by integrating a powerful, reliable purchase server with cross-platform support. Our open-source framework provides a backend wrapper around payment processors like Stripe to save engineers months of building custom billing infrastructure for their APIs.

Whether you are building a new API or already have millions of customers, you can use Archetype to:

• Fetch products, make purchases, and check subscription status with our native SDKs.
• Host and configure products remotely from our dashboard.
• Analyze the most important metrics for your app business in one place.
• See customer transaction histories, chart lifetime value, and grant promotional subscriptions.

Sign up to get started.

If looking to use our APIs directly, the API reference is here.

With Archetype, you can keep track of all your app transactions in one place — whether your customers are charged through iOS, Android, or the web. As the single source of truth for your API business, we make sure your customers' subscription status is always up to date.