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

# Implementing Live Preview in your frontend

> Choose the Live Preview integration for your front-end application.

There are two ways to use Live Preview, depending on whether your front-end framework supports Server Components:

* [Server-side Live Preview (suggested)](https://docs.frogbot.ai/live-preview/server.md)
* [Client-side Live Preview](https://docs.frogbot.ai/live-preview/client.md)

> [!NOTE]
>
> Use server-side Live Preview when your framework supports Server Components. It is simpler to set up and requires less client-side work.


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