]*class=)/g, '
]*class=)/g, '
'
)
.replace(/\n/g, "
")
);
}
// Generic function to generate metadata
export async function generatePageMetadata(
slug: string,
defaultTitle: string,
defaultDescription: string
): Promise {
try {
const timestamp = new Date().getTime();
// In development, use backend URL with port; in production, use the same domain
const isDev = process.env.NODE_ENV === "development";
const baseUrl = isDev
? process.env.NEXT_PUBLIC_BACKEND_URL || "http://localhost:4000"
: process.env.NEXT_PUBLIC_SITE_URL || "";
// Use the public content API endpoint
const url = `${baseUrl}/api/content/default-page/${slug}?pageSource=default&_t=${timestamp}`;
const res = await fetch(url, {
cache: "no-store",
});
if (res.ok) {
const data = await res.json();
if (data?.meta?.seo) {
return {
title: data.meta.seo.title || data.title || defaultTitle,
description: data.meta.seo.description || defaultDescription,
keywords: data.meta.seo.keywords || "",
};
} else if (data?.title) {
return {
title: data.title,
description: defaultDescription,
};
}
}
} catch (error) {
console.error(`Error loading SEO metadata for ${slug}:`, error);
}
return {
title: defaultTitle,
description: defaultDescription,
};
}
// Generic function to get page content
export async function getPageContent(slug: string): Promise {
try {
const timestamp = new Date().getTime();
// In development, use backend URL with port; in production, use the same domain
const isDev = process.env.NODE_ENV === "development";
const baseUrl = isDev
? process.env.NEXT_PUBLIC_BACKEND_URL || "http://localhost:4000"
: process.env.NEXT_PUBLIC_SITE_URL || "";
// Use the public content API endpoint
const url = `${baseUrl}/api/content/default-page/${slug}?pageSource=default&_t=${timestamp}`;
console.log(`Fetching page content from: ${url}`);
const res = await fetch(url, {
cache: "no-store",
headers: {
"Cache-Control": "no-cache, no-store, must-revalidate",
Pragma: "no-cache",
Expires: "0",
},
});
if (res.ok) {
const data = await res.json();
console.log(
`Successfully fetched content for ${slug}:`,
data?.title || "No title"
);
// Transform the data structure to match our interface
return {
title: data.title,
content: data.content,
seo: data.meta?.seo,
};
} else {
console.error(
`Failed to fetch ${slug} page content: ${res.status} ${res.statusText}`
);
}
} catch (error) {
console.error(`Error loading ${slug} page content:`, error);
}
return null;
}
// Default page component
interface DefaultPageProps {
pageContent: PageData | null;
defaultTitle?: string;
showEmptyMessage?: boolean;
}
export function DefaultPage({
pageContent,
defaultTitle,
showEmptyMessage = true,
}: DefaultPageProps) {
console.log("DefaultPage rendering with:", {
hasContent: !!pageContent?.content,
title: pageContent?.title,
contentLength: pageContent?.content?.length,
});
// Check if content already has its own H1 title (from template wizard)
const contentHasH1 = pageContent?.content?.includes("No content available for this page yet. '
: "";
// Only show page title if content doesn't already have H1
const pageTitle = !contentHasH1
? pageContent?.title || defaultTitle || ""
: "";
return (
{/* Page Title - only show if content doesn't have its own H1 */}
{pageTitle && (
{pageTitle}
)}
{/* Page Content - using custom classes for full control over styling */}
);
}
|