17 lines
690 B
Plaintext
17 lines
690 B
Plaintext
---
|
|
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>
|