{shop?.name

import React, { useEffect, useState } from "react"; import MiniSite from "@/components/miniSite/[...id]"; import Head from "next/head"; import { apiClient, FirstletterCapital, } from "@/components/common/common"; import { BROWSER_TAB } from "@/utils/staticValues"; const MiniSiteHome = ({ query, shop }) => { const [render, setRender] = useState(false); useEffect(() => { setRender(true); }, []); return ( <> {`${BROWSER_TAB} - ${query?.id?.[0] ? FirstletterCapital(query?.id?.[0]) : ""}`}

{render && }

); }; export default MiniSiteHome; export async function getServerSideProps({ query }) { const subdomainName = query.subdomain; if (subdomainName == "undefined") { return { props: { query }, }; } else { try { let params: any = await apiClient( `front/minisite/metaTags?shop_slug=${subdomainName ?? ""}`, "get" ); if (!params?.shop) { return { props: { query }, }; } return { props: { query, shop: params?.shop }, }; } catch (error) { return { props: { query } }; } } }