---
title: Implementing Live Preview in your frontend
label: Frontend
order: 20
desc: Learn how to implement Live Preview in your front-end application.
keywords: live preview, frontend, react, next.js, vue, nuxt.js, svelte, hook, useLivePreview
---

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

- [Server-side Live Preview (suggested)](./server)
- [Client-side Live Preview](./client)

<Banner type="info">
  We suggest using server-side Live Preview if your framework supports Server Components, it is both simpler to setup and more performant to run than the client-side alternative.
</Banner>
