both FindHelpPage and OrganisationPage to use a robust NEXT_PUBLIC_BASE_URL environment variable for server-side API fetches (#119)

Co-authored-by: James-Cross <james@streetsupport.net>

Author: james-cross

src/app/find-help/organisation/[slug]/page.tsx

@@ -13,8 +13,10 @@ interface Props {
 export default async function OrganisationPage(props: Props) {
   const { slug } = await props.params;
 
-  // ✅ Use relative path for internal API call
-  const res = await fetch(`/api/service-providers/${slug}`, {
+  // ✅ Use absolute URL for server fetch
+  const baseUrl = process.env.NEXT_PUBLIC_BASE_URL || 'http://localhost:3000';
+
+  const res = await fetch(`${baseUrl}/api/service-providers/${slug}`, {
     cache: 'no-store',
   });
 

src/app/find-help/page.tsx

@@ -6,8 +6,10 @@ import { decodeHtmlEntities } from '@/utils/htmlDecode';
 import { categoryKeyToName, subCategoryKeyToName } from '@/utils/categoryLookup';
 
 export default async function FindHelpPage() {
-  // ✅ Use relative URL for internal API call — safe for local and Vercel
-  const res = await fetch('/api/services?limit=1000', { cache: 'no-store' });
+  // ✅ Use absolute URL for server fetch, relative for client
+  const baseUrl = process.env.NEXT_PUBLIC_BASE_URL || 'http://localhost:3000';
+
+  const res = await fetch(`${baseUrl}/api/services?limit=1000`, { cache: 'no-store' });
 
   if (!res.ok) {
     throw new Error(`Failed to fetch services: ${res.status}`);