Smooth integration with next.js , env.local and alternative to getContentfulEnvironment about contentful-typescript-codegen HOT 5 OPEN

const contentfulManagement = require('contentful-management')
require('dotenv').config() // <-- here is the trick

module.exports = function () {
  const contentfulClient = contentfulManagement.createClient({
    accessToken: process.env.PRIVATE_CONTENTFUL_MANAGEMENT_ACCESS_TOKEN,
  })

  return contentfulClient
    .getSpace(process.env.PRIVATE_CONTENTFUL_SPACE_ID)
    .then((space) =>
      space.getEnvironment(process.env.PRIVATE_CONTENTFUL_ENVIRONMENT_ID)
    )
}

// THIS FILE IS AUTOMATICALLY GENERATED. DO NOT MODIFY IT.

import { Asset, Entry } from "contentful";

export interface ITheyTrustUsCompaniesFields {
  /** name */
  name?: string | undefined;

  /** icon */
  icon?: Asset | undefined;
}

/** These are the companies that trust *** with building complex web and mobile applications. */

export interface ITheyTrustUsCompanies
  extends Entry<ITheyTrustUsCompaniesFields> {
  sys: {
    id: string;
    type: string;
    createdAt: string;
    updatedAt: string;
    locale: string;
    contentType: {
      sys: {
        id: "theyTrustUsCompanies";
        linkType: "ContentType";
        type: "Link";
      };
    };
  };
}

export type CONTENT_TYPE = "theyTrustUsCompanies";

export type IEntry = ITheyTrustUsCompanies;

export type LOCALE_CODE = "en-US";

export type CONTENTFUL_DEFAULT_LOCALE_CODE = "en-US";

<Image
       src={item.icon?.fields.file?.url as string}
       alt={item.icon?.fields.description as string}
       width="200"
       height="85"
/>