1"use strict";(self.webpackChunkisomorphic_doc=self.webpackChunkisomorphic_doc||[]).push([[4179],{5586:(e,t,n)=>{n.r(t),n.d(t,{assets:()=>l,contentTitle:()=>a,default:()=>p,frontMatter:()=>r,metadata:()=>s,toc:()=>c});var o=n(6070),i=n(5710);const r={title:"FAQ'S",sidebar_label:"FAQ'S"},a=void 0,s={id:"faqs",title:"FAQ'S",description:"Frequently Asked Questions",source:"@site/docs/faqs.mdx",sourceDirName:".",slug:"/faqs",permalink:"/faqs",draft:!1,unlisted:!1,tags:[],version:"current",frontMatter:{title:"FAQ'S",sidebar_label:"FAQ'S"},sidebar:"docs",previous:{title:"Icons",permalink:"/components/icons"},next:{title:"Support",permalink:"/support"}},l={},c=[{value:"Frequently Asked Questions",id:"frequently-asked-questions",level:2},{value:"How to change the Logo?",id:"how-to-change-the-logo",level:3},{value:"How to change the site title for any page?",id:"how-to-change-the-site-title-for-any-page",level:3}];function h(e){const t={a:"a",code:"code",h2:"h2",h3:"h3",p:"p",pre:"pre",...(0,i.R)(),...e.components};return(0,o.jsxs)(o.Fragment,{children:[(0,o.jsx)(t.h2,{id:"frequently-asked-questions",children:"Frequently Asked Questions"}),"\n",(0,o.jsx)(t.p,{children:"Since we offer six different layouts, in this example, we\u2019ll primarily focus on the Hydrogen layout for demonstration."}),"\n",(0,o.jsx)("br",{}),"\n",(0,o.jsx)(t.h3,{id:"how-to-change-the-logo",children:"How to change the Logo?"}),"\n",(0,o.jsxs)(t.p,{children:["Go to ",(0,o.jsx)(t.code,{children:"src/layouts/hydrogen/sidebar.tsx"})," and change the logo component here with your component."]}),"\n",(0,o.jsx)(t.pre,{children:(0,o.jsx)(t.code,{className:"language-tsx",metastring:'showLineNumbers title="src/layouts/hydrogen/sidebar.tsx"',children:'"use client";\n\nimport Link from "next/link";\nimport cn from "@core/utils/class-names";\nimport SimpleBar from "@core/ui/simplebar";\nimport Logo from "@core/components/logo";\nimport { SidebarMenu } from "./sidebar-menu";\n\nexport default function Sidebar({ className }: { className?: string }) {\n return (\n <aside\n className={cn(\n "fixed bottom-0 start-0 z-50 h-full w-[270px] border-e-2 border-gray-100 bg-white dark:bg-gray-100/50 2xl:w-72",\n className\n )}\n >\n <div className="sticky top-0 z-40 bg-gray-0/10 px-6 pb-5 pt-5 dark:bg-gray-100/5 2xl:px-8 2xl:pt-6">\n <Link\n href={"/"}\n aria-label="Site Logo"\n className="text-gray-800 hover:text-gray-900"\n >\n // highlight-next-line\n <Logo className="max-w-[155px]" />\n </Link>\n </div>\n\n <SimpleBar className="h-[calc(100%-80px)]">\n <SidebarMenu />\n </SimpleBar>\n </aside>\n );\n}\n'})}),"\n",(0,o.jsx)(t.h3,{id:"how-to-change-the-site-title-for-any-page",children:"How to change the site title for any page?"}),"\n",(0,o.jsxs)(t.p,{children:["In this example we are going to change the site title for home page. Go to ",(0,o.jsx)(t.code,{children:"src/app/(hydrogen)/page.tsx"})," file. You will see something like this."]}),"\n",(0,o.jsx)(t.pre,{children:(0,o.jsx)(t.code,{className:"language-tsx",metastring:'showLineNumbers title="src/app/(hydrogen)/page.tsx"',children:'import FileDashboard from "@/app/shared/file/dashboard";\nimport { metaObject } from "@/config/site.config";\n\n// highlight-next-line\nexport const metadata = {\n // highlight-next-line\n ...metaObject(),\n // highlight-next-line\n};\n\nexport default function FileDashboardPage() {\n return <FileDashboard />;\n}\n'})}),"\n",(0,o.jsxs)(t.p,{children:["The highlighted code is the site title for the page. You can learn more about Next.js ",(0,o.jsx)(t.a,{href:"https://nextjs.org/docs/app/building-your-application/optimizing/metadata",children:"Metadata from Next.js Official Documentation"}),"."]}),"\n",(0,o.jsxs)(t.p,{children:["This is the function that is used to generate the metadata for the page. You can change the title of the page by changing the ",(0,o.jsx)(t.code,{children:"title"})," parameter of the ",(0,o.jsx)(t.code,{children:"metaObject"})," function."]}),"\n",(0,o.jsx)(t.pre,{children:(0,o.jsx)(t.code,{className:"language-tsx",children:'export const metaObject = (\n title?: string,\n openGraph?: OpenGra
1ph,\n description: string = siteConfig.description\n): Metadata => {\n return {\n title: title ? `${title} - Isomorphic Furyroad` : siteConfig.title,\n description,\n openGraph: openGraph ?? {\n title: title ? `${title} - Isomorphic Furyroad` : title,\n description,\n url: "https://isomorphic-furyroad.vercel.app",\n siteName: "Isomorphic Furyroad", // https://developers.google.com/search/docs/appearance/site-names\n images: {\n url: "https://s3.amazonaws.com/redqteam.com/isomorphic-furyroad/itemdep/isobanner.png",\n width: 1200,\n height: 630,\n },\n locale: "en_US",\n type: "website",\n },\n };\n};\n'})})]})}function p(e={}){const{wrapper:t}={...(0,i.R)(),...e.components};return t?(0,o.jsx)(t,{...e,children:(0,o.jsx)(h,{...e})}):h(e)}},5710:(e,t,n)=>{n.d(t,{R:()=>a,x:()=>s});var o=n(758);const i={},r=o.createContext(i);function a(e){const t=o.useContext(r);return o.useMemo((function(){return"function"==typeof e?e(t):{...t,...e}}),[t,e])}function s(e){let t;return t=e.disableParentContext?"function"==typeof e.components?e.components(i):e.components||i:a(e.components),o.createElement(r.Provider,{value:t},e.children)}}}]);
Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.