Skip to main content

Developer Portal

User Guides

Billing and Subscriptions

Manage subscriptions, payment method information and discounts using REST APIs.

Products

Manage products in the catalog by defining product information, editions and pricing plans using GraphQL APIs.

Users and Accounts

Manage users, companies, and memberships in your marketplace including user roles and permissions.

API Authentication

Our APIs use an OAuth-authenticated interface that facilitates secure data access by partners and developers.

APIs and References

GraphQL API Reference

Explore the reference documentation to learn more about the queries and mutations currently available within the AppDirect GraphQL API.

GraphQL Changelog

Review upcoming and previous GraphQL schema updates, including GA and Preview changes, deprecations, and retirements.

REST API Reference

See examples of how to perform different tasks, like user and company management or billing and subscription management.

AI APIs

Customize, integrate, and extend AIs for your organization and customers via industry-standard APIs

LLMs.txt

Provides LLM-friendly documentation to help AI tools like Cursor understand and work with the AppDirect Developer Portal content.

Developer Tools

GraphQL Explorer

Quickly write, validate, and test GraphQL queries for AppDirect APIs

GraphQL Schema Introspection

Query the schema to discover available queries, mutations, subscriptions, types and fields in our GraphQL API.

Demo GraphQL API Explorer

Check out the demo explorer tool by running queries using sample data.

Storefront Theming

Getting Started

Learn to modify elements of Plaza, our default theme, to customise components for storefront display including homepage and product profiles.

How to Guides

Everything you need to know about customizing styles, meta tags, creating a header and footer, or localising, uploading and publishing your theme.

Storefront Toolkit

Check out the demo explorer tool by running queries using sample data.

Important

This feature is currently in Early Availability (EA) status. For more information, see our product lifecycle phases.

Components library

Introduction

Extensions can use component libraries in their UI. The extension template includes Mantine, Mantine-React-Table, and Remix Icon. These libraries handle theme and global styles. Mantine-React-Table provides a pre-styled data grid.

Documentation

Why Mantine

Mantine is the primary library because it:

Active maintenance and variety: Actively maintained with over 100 pre-built components.
Accessibility: Designed with accessibility in mind.
TypeScript: Full TypeScript support.
Developer experience: Built for a smooth development workflow.

Adding other libraries

Extensions can use other libraries, but any library must work in a micro front-end environment without conflicting with global styles or other extensions.

Requirements

No global styles: The library must not depend on or inject global styles.
Scoped or JS-based styles: Styles should be generated inside the JavaScript bundle (for example, CSS-in-JS or CSS Modules).

Libraries that use CSS-in-JS or CSS Modules usually meet these requirements.

Other supported libraries

In addition to Mantine, extensions are compatible with:

caution

These libraries are supported but do not include a marketplace-specific theme. You must create and maintain themes for them yourself.

Was this page helpful?

Tell us more…

Help us improve our content. Responses are anonymous.

Thanks

We appreciate your feedback!

Introduction
- Documentation
Why Mantine
Adding other libraries
- Requirements
- Other supported libraries