Nextjs 14 live preview

[sayjeyhi]

Hi

I have a question, why we can't use lazy and Suspense to import live preview in nextjs14? instead of having vite and extra build step...

[bluebeel]

I made this:

'use client';

import { ContentfulLivePreview } from '@contentful/live-preview';

ContentfulLivePreview.init({
  locale: 'en-US',
  debugMode: true,
  enableLiveUpdates: true,
});

export default function LivePreview() {
  return null;
}

and usage in your component:

{isEnabled && <LivePreview />}

[ghost]

I am getting this error, Error: Live updates are not initialized, please call ContentfulLivePreview.init() first.

Any ideas guys ? @sayjeyhi @bluebeel

[bluebeel]

Without any piece of code, I cannot tell you anything