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

# From Local to Production

> Test a Next.js app locally with Claude Code and the MCP Server, then test the live deployment and keep monitoring it.

*Video by **AI Stack Engineer** · 8:57 · English*

<Frame>
  <iframe className="w-full aspect-video rounded-xl" height="400" src="https://www.youtube.com/embed/F3wXF40lAzc" frameBorder="0" allow="accelerometer; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowFullScreen />
</Frame>

## What You'll See

* **The demo app** (0:38): a Next.js healthcare dashboard
* **Testing it locally** (1:13): setting up the TestSprite MCP Server in Claude Code, then the generated test plan (2:44) and the test results (4:00)
* **Testing it live** (5:23): the same app again, after deploying it to Netlify
* **Monitoring** (7:13): keeping an eye on the deployed app afterwards

## Try It Yourself

<CardGroup cols={2}>
  <Card title="MCP Server" icon="square-terminal" href="/mcp/getting-started/overview">
    Test from inside your IDE with a coding agent
  </Card>

  <Card title="Test Schedules" icon="clock" href="/web-portal/maintenance/monitoring">
    Keep testing the live app on a cadence
  </Card>
</CardGroup>

<Note>
  Recorded in May 2026. A button or menu may look slightly different in today's product. When the video and the docs disagree, the docs are the reference.
</Note>


This documentation is built and hosted on [Mintlify](https://mintlify.com), a developer documentation platform.