> ## Documentation Index
> Fetch the complete documentation index at: https://rollout.mintlify.app/llms.txt
> Use this file to discover all available pages before exploring further.

# Demo App

## Interactive Demo

Explore a live reference application built with the Rollout Universal API.

**Note:** This demo currently supports CRM integrations only (TMS is not included yet).

### Live Application

<div style={{ border: "1px solid rgba(148, 163, 184, 0.45)", borderRadius: "12px", padding: "0", marginTop: "8px", overflow: "hidden" }}>
  <iframe allow="autoplay; fullscreen; picture-in-picture" allowFullScreen src="https://nextjs-universal-api-demo.vercel.app/" style={{ width: "100%", height: "clamp(620px, 80vh, 980px)", border: "0", borderRadius: "12px", display: "block" }} />
</div>

### Product Walkthrough

This walkthrough covers the demo flow and how to test it end to end.

<iframe allow="autoplay; fullscreen; picture-in-picture" allowFullScreen src="https://www.tella.tv/video/cm6ib5r29000a0ailcz0q2a3v/embed?b=1&title=1&a=1&loop=0&t=0&muted=0&wt=1" style={{ width: "100%", height: "560px", border: "0", borderRadius: "12px" }} />

## Demo App Code

### GitHub Repository

View the full source code: [https://github.com/RolloutHQ/nextjs-universal-api-demo](https://github.com/RolloutHQ/nextjs-universal-api-demo)

### Code Overview

This overview explains the project structure and key implementation details.

<iframe allow="autoplay; fullscreen; picture-in-picture" allowFullScreen src="https://www.tella.tv/video/cm6ibmakm002a0blbe213bvl4/embed?b=1&title=1&a=1&loop=0&t=0&muted=0&wt=1" style={{ width: "100%", height: "560px", border: "0", borderRadius: "12px" }} />
