import React from 'react'; import { GetServerSideProps } from 'next'; import Head from 'next/head'; import LayoutGuest from '../layouts/Guest'; import WebSiteHeader from '../components/WebPageComponents/Header'; import WebSiteFooter from '../components/WebPageComponents/Footer'; import { baseURLApi, appTitle } from '../config'; interface PageProps { pageData: { title: string; content: string } | null; siteConfig?: { contactemail: string; contactphone: string }; } export default function Page({ pageData, siteConfig }: PageProps) { if (!pageData) { return

Page not found

; } return (
{`${pageData.title} — ${appTitle}`}

{pageData.title}

{siteConfig && (

Contact Information

Email: {siteConfig.contactemail}

Phone: {siteConfig.contactphone}

)}
); } export const getServerSideProps: GetServerSideProps = async ({ params }) => { const slug = params?.slug as string; const res = await fetch(`${baseURLApi}/pages?slug=${slug}`); const data = await res.json(); const pageData = Array.isArray(data) && data.length > 0 ? data[0] : null; let siteConfig = null; if (slug === 'contact') { const resSC = await fetch(`${baseURLApi}/siteconfigs`); const sc = await resSC.json(); siteConfig = Array.isArray(sc) && sc.length > 0 ? sc[0] : null; } return { props: { pageData, siteConfig } }; };