[config] Split config into client and server

.env.example

@@ -1,3 +1,3 @@
 NEXT_PUBLIC_HUBSPOT_API=
-NEXT_PUBLIC_STRAPI_API_URL=
-NEXT_PUBLIC_STRAPI_API_TOKEN=
+STRAPI_API_URL=
+STRAPI_API_TOKEN=

configs/client.ts

@@ -0,0 +1,3 @@
+import {Fetcher} from '@/models/fetcher.model'
+export const hubspotAPI = process.env.NEXT_PUBLIC_HUBSPOT_API || ''
+export const hubspotFetcher = new Fetcher(hubspotAPI)

configs/server.ts

@@ -0,0 +1,4 @@
+import {Fetcher} from '@/models/fetcher.model'
+export const strapiAPI = process.env.STRAPI_API_URL || ''
+export const strapiAPIToken = process.env.STRAPI_API_TOKEN || ''
+export const strapiFetcher = new Fetcher(strapiAPI, {headers: {Authorization: `Bearer ${strapiAPIToken}`}})

src/pages/about/team-members/[slug].tsx

@@ -3,7 +3,7 @@ import {PageProps} from '@/models/page.mode'
 import {TeamMember} from '@/models/team-member'
 import {getPageProps} from '@/utils/cms/endpoints'
 import {pageRenderer} from '@/utils/cms/renderer/components'
-import {strapiFetcher} from '../../../../config'
+import {strapiFetcher} from '../../../../configs/server'
 
 export default function BlogPage({components, openGraph}: PageProps) {
   return pageRenderer(components, openGraph, 'CenteredLayout')

src/pages/blog/[article].tsx

@@ -3,7 +3,7 @@ import {GetStaticPropsContext} from 'next'
 import {PageProps} from '@/models/page.mode'
 import {getPageProps} from '@/utils/cms/endpoints'
 import {pageRenderer} from '@/utils/cms/renderer/components'
-import {strapiFetcher} from '../../../config'
+import {strapiFetcher} from '../../../configs/server'
 
 export default function BlogPage({components, openGraph}: PageProps) {
   return pageRenderer(components, openGraph, 'CenteredLayout')

src/pages/services/[service].tsx

@@ -3,7 +3,7 @@ import {PageProps} from '@/models/page.mode'
 import {Service} from '@/models/service.model'
 import {getPageProps} from '@/utils/cms/endpoints'
 import {pageRenderer} from '@/utils/cms/renderer/components'
-import {strapiFetcher} from '../../../config'
+import {strapiFetcher} from '../../../configs/server'
 
 export default function ServicePage({layout, components, openGraph}: PageProps) {
   return pageRenderer(components, openGraph, layout, true)

src/pages/solutions/[solution].tsx

@@ -3,7 +3,7 @@ import {PageProps} from '@/models/page.mode'
 import {Solution} from '@/models/solution.model'
 import {getPageProps} from '@/utils/cms/endpoints'
 import {pageRenderer} from '@/utils/cms/renderer/components'
-import {strapiFetcher} from '../../../config'
+import {strapiFetcher} from '../../../configs/server'
 
 export default function SolutionPage({layout, components, openGraph}: PageProps) {
   return pageRenderer(components, openGraph, layout, true)

src/utils/cms/endpoints.tsx

@@ -2,7 +2,7 @@ import {PageProps} from '@/models/page.mode'
 import {componentBlueprints} from './renderer/components'
 import {getPropsFromNestedObjects} from './renderer/parser'
 import {snakeCaseObjectKeysToCamelCase} from '../toolbox'
-import {strapiFetcher} from '../../../config'
+import {strapiFetcher} from '../../../configs/server'
 
 export async function getPageProps(path='/', lang='en'): Promise<PageProps|undefined> {
   try {

src/utils/hubspot.ts

@@ -1,5 +1,5 @@
 import {HsformsPayload} from '../models/contact-us-form-data.model'
-import {hubspotFetcher} from '../../config'
+import {hubspotFetcher} from '../../configs/client'
 
 export const sendEmail = async(data: HsformsPayload) => {
   return await hubspotFetcher.call({