feat(components): implement CommondHead for all pages
This commit is contained in:
parent
2d2ef2457d
commit
64190593dd
66
components/Head/CommonHead.tsx
Normal file
66
components/Head/CommonHead.tsx
Normal file
@ -0,0 +1,66 @@
|
||||
// eslint-disable-next-line @next/next/no-document-import-in-page
|
||||
import { Head } from 'next/document'
|
||||
|
||||
import { projectConfig } from '@/utils/config'
|
||||
|
||||
const CommonHead = (): JSX.Element => {
|
||||
return (
|
||||
<Head>
|
||||
{/* Link Tags */}
|
||||
|
||||
<link
|
||||
rel='shortcut icon'
|
||||
href={projectConfig.icons.default}
|
||||
type='image/x-icon'
|
||||
/>
|
||||
<link
|
||||
rel='apple-touch-icon'
|
||||
sizes='180x180'
|
||||
href={projectConfig.icons.apple}
|
||||
/>
|
||||
<link
|
||||
rel='icon'
|
||||
type='image/png'
|
||||
sizes='16x16'
|
||||
href={projectConfig.icons['16_16']}
|
||||
/>
|
||||
<link
|
||||
rel='icon'
|
||||
type='image/png'
|
||||
sizes='32x32'
|
||||
href={projectConfig.icons['32_32']}
|
||||
/>
|
||||
|
||||
{/* Default meta tags */}
|
||||
|
||||
<meta name='description' content={projectConfig.description} />
|
||||
<meta name='Language' content='en' />
|
||||
<meta name='theme-color' content={projectConfig.color} />
|
||||
<meta name='copyright' content={projectConfig.shortName} />
|
||||
<meta name='author' content={projectConfig.shortName} />
|
||||
<meta name='publisher' content={projectConfig.shortName} />
|
||||
<meta name='robots' content='index, follow' />
|
||||
<meta name='rating' content='general' />
|
||||
<meta name='distribution' content='global' />
|
||||
<meta name='msapplication-TileColor' content={projectConfig.color} />
|
||||
|
||||
{/* Open graph MT */}
|
||||
|
||||
<meta property='og:title' content={projectConfig.shortName} />
|
||||
<meta property='og:type' content='website' />
|
||||
<meta property='og:url' content={projectConfig.url} />
|
||||
<meta property='og:image' content={projectConfig.icons.image} />
|
||||
<meta property='og:description' content={projectConfig.description} />
|
||||
<meta property='og:locale' content='en_US' />
|
||||
<meta property='og:site_name' content={projectConfig.longName} />
|
||||
|
||||
{/* Twitter card Metadata */}
|
||||
<meta name='twitter:card' content='summary' />
|
||||
<meta name='twitter:description' content={projectConfig.description} />
|
||||
<meta name='twitter:title' content={projectConfig.longName} />
|
||||
<meta name='twitter:image:src' content={projectConfig.icons.image} />
|
||||
</Head>
|
||||
)
|
||||
}
|
||||
|
||||
export default CommonHead
|
Loading…
Reference in New Issue
Block a user