Build your custom Checkout with our new Headless React components

13 sep 2024

New Headless React components for building custom Checkouts

Building a custom Checkout on top of Firmhouse has just become extremely easy!

Use our new Headless React components to rapidly build your own custom Checkout, without having to deal with writing GraphQL API calls, field validations, price calculations, or payment step initiation. We take care of the plumbing and piping for basic Checkout features, you brand, style, and add on whatever functionality you like.

This way you can focus on a great custom experience and add on specific functionality, like appointment booking or add some kind of personalization wizard.

The React components can be used in any React-based frontend app, such as NextJS apps. The first few components include:

  • Checkout form fields

  • Subscription cart overview

  • Total order price

  • Checkout / payment button

Head over to our new Headless React section on the Firmhouse Developer docs and definitely take a look at the Examples.

Other bugs and improvements

  • Fix: Make sure to cancel all payment retries when invoice gets paid

  • Add invoice line item effective amount Liquid tags

  • Expose currency field in GraphQL Order type

  • Add VAT number field to Subscription reports

  • Add Date of birth field to Subscriptions export

  • Add paid_at field to Invoices export

  • Add more context to Self service center login email description

Ga aan de slag

Versnel je commerce business met vaste inkomsten

Van eenmalig naar levenslang, wij helpen je om klanten centraal te stellen in je bedrijf en duurzame relaties op te bouwen.