next-live documentation

Where to start
New here
Install, render your first live snippet, then learn how imports resolve.
Start the guideAdding this to a real app
End-to-end: snippets in a database, authored in a control panel.
Integration guideAbout to deploy
The trust model and the CSP you need. Ten minutes, and it matters.
Read securitySomething is broken
Real error messages, each with the fix that resolves it.
TroubleshootingFrequently asked
- Does import work for any npm package?
- Only what you register. There is no npm in the browser.
- My app already uses the same library. Two copies?
- No, one instance, which is why a shared store really is shared.
- Do I need 'unsafe-eval' in production?
- Yes, but scoped to the routes that run snippets, not your whole app.
- Will this bloat my bundle?
- A preview-only page pays 16.1 KB. The editor and transpiler load separately.
- Do I need next/dynamic with ssr: false?
- No. Nothing compiles during the server pass, so hydration cannot mismatch.
- Are TypeScript types checked?
- No, they are stripped, not verified.
All pages
Start here
Production