Rendering Pipeline · Contentful Personalization · contentful/skills · Skills Docs

Rendering Pipeline · Contentful Personalization · contentful/skills · Skills Docs

const contentfulClient = createClient({
  space: process.env.NEXT_PUBLIC_CONTENTFUL_SPACE_ID ?? '',
  accessToken: process.env.NEXT_PUBLIC_CONTENTFUL_TOKEN ?? '',
  environment: process.env.NEXT_PUBLIC_CONTENTFUL_ENVIRONMENT ?? 'master',
}).withoutUnresolvableLinks;

const previewClient = createClient({
  space: process.env.NEXT_PUBLIC_CONTENTFUL_SPACE_ID ?? '',
  accessToken: process.env.NEXT_PUBLIC_CONTENTFUL_PREVIEW_TOKEN ?? '',
  host: 'preview.contentful.com',
}).withoutUnresolvableLinks;

const getClient = (preview: boolean) => (preview ? previewClient : contentfulClient);

const ContentTypeMap = {
  hero: Hero,
  cta: CTA,
  feature: Feature,
};

const ComponentRenderer = (props) => {
  const contentTypeId = props?.sys?.contentType?.sys?.id;
  const Component = ContentTypeMap[contentTypeId];
  if (!Component) return null;
  return <Component {...props} />;
};

const BlockRenderer = ({ block }) => {
  const experiences = (block.fields.nt_experiences || [])
    .filter(ExperienceMapper.isExperienceEntry)
    .map(ExperienceMapper.mapExperience);

  return (
    <Experience {...block} id={block.sys.id} component={ComponentRenderer} experiences={experiences} trackClicks />
  );
};