Build your Business. Let us handle the rest.

import { useProducts } from '@shopjs/react';

// add shopjs provider to your code
const MyProducts = () => {
  // api
  const { products, loading } = useProducts({
    category : 'categoryId',
  });

  // return
  return products.map(product => (
    <div key={ product.id }>{ product.name }</div>
  ));
};

import { useProduct, CheckoutSubscription } from '@shopjs/react';

// add shopjs provider to your code
const MySubscription = () => {
  // api
  const { product, loading } = useProduct('subscriptionId');

  // return
  return (
    <CheckoutSubscription
      product={ product }
      loading={ loading }
    />
  );
};

app.get('/hook/someSecretKey', (req, res) => {
  // get event
  const hook = req.body.hook;
  
  // check which type of hook it is
  if (hook === 'subscription.created') {
    // someone has subscribed to your product

  }
  if (hook === 'order.created') {
    // someone has ordered something

  }
}))

import { useProducts } from '@shopjs/react';

// add shopjs provider to your code
const MyProducts = () => {
  // state
  const [page, setPage] = useState(0);
  const [limit, setLimit] = useState(20);

  // api
  const { products, loading } = useProducts({
    page     : page,
    limit    : limit,
    category : 'categoryId',
  });

  // return
  return products.map(product => (
    <div key={ product.id }>{ product.name }</div>
  ));
};