> For the complete documentation index, see [llms.txt](https://developer.firmhouse.com/llms.txt). Markdown versions of documentation pages are available by appending `.md` to page URLs; this page is available as [Markdown](https://developer.firmhouse.com/sdks/firmhouse-sdk/examples-and-boilerplates.md).

# Examples and Boilerplates

## Boilerplates

* [Next.js Bundle Builder Boilerplate](https://github.com/firmhouse/nextjs-bundle-builder-boilerplate)

<div align="left"><figure><img src="/files/3Jsjl5V7TirRsRKdljsI" alt=""><figcaption></figcaption></figure></div>

This boilerplate is a Next.js project that provides a starting point for building a bundle builder flow. You can check out [the GitHub repository](https://github.com/firmhouse/nextjs-bundle-builder-boilerplate) for more information on how to get started using this boilerplate.

## Examples

* [Product as Service subscription Storefront example built with Next.js App router](https://github.com/firmhouse/firmhouse-sdk/tree/main/examples/nextjs/storefront-app-router). Check out the [live demo](https://firmhouse-sdk-nextjs-pages-router.vercel.app/)

<div><figure><img src="/files/avIvHmosbowjVbxKvGrG" alt=""><figcaption><p>Product &#x26; Plan selection page</p></figcaption></figure> <figure><img src="/files/63F6Z8O1Hbyp9r0hleYa" alt=""><figcaption><p>Custom checkout</p></figcaption></figure></div>

* [Smart Order-based subscription Storefront example built with Next.js Pages router](https://github.com/firmhouse/firmhouse-sdk/tree/main/examples/nextjs/storefront-pages-router). Check out the [live demo](https://firmhouse-sdk-self-service-center.vercel.app/)

<figure><img src="/files/opUw90GFBpgzk7R74K1v" alt=""><figcaption><p>Product selection page</p></figcaption></figure>

* [Custom Self-Service Center example built with Next.js App router](https://github.com/firmhouse/firmhouse-sdk/tree/main/examples/nextjs/self-service-center)

<div><figure><img src="/files/pY7Ce2cI4kt6bgv2KRNF" alt=""><figcaption><p>Login</p></figcaption></figure> <figure><img src="/files/Yibn0xxcYoXaa6PB8uzF" alt=""><figcaption><p>Email notification</p></figcaption></figure> <figure><img src="/files/5IOLfzxEzRYiqF9Gtvvj" alt=""><figcaption><p>Subscription</p></figcaption></figure></div>