gmgauthier/mocksaml
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

Add title, description and open graph tags

Browse Source
This commit is contained in:
Kiran 2022-02-28 11:41:34 +05:30
parent a78036151e
commit 971f4fdb6b
2 changed files with 27 additions and 1 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
components/Layout.tsx
View File

@ -1,3 +1,4 @@
import Head from 'next/head';
import type { ReactNode } from 'react';
import Header from './Header';
@ -6,9 +7,34 @@ type LayoutProps = {
};
export default function Layout({ children }: LayoutProps) {
const title = 'Mock SAML - A free SAML 2.0 Identity Provider for testing SAML SSO integrations.';
const description = 'A free SAML 2.0 Identity Provider for development and testing SAML SSO integrations.';
const website = 'https://mocksaml.com/';
const ogImage = 'mock-saml-preview-image.png';
return (
<>
<Header></Header>
<Head>
<meta charSet='utf-8' />
<meta name='viewport' content='width=device-width, initial-scale=1.0' />
<title>{title}</title>
<meta name='description' content={description} />
<meta name='author' content='BoxyHQ' />
<meta property='og:url' content={website} />
<meta property='og:type' content='website' />
<meta property='og:title' content={title} />
<meta property='og:description' content={description} />
<meta property='og:image' content={ogImage} />
<meta name='twitter:card' content='summary_large_image' />
<meta property='twitter:domain' content='mocksaml.com' />
<meta property='twitter:url' content={website} />
<meta name='twitter:title' content={title} />
<meta name='twitter:description' content={description} />
<meta name='twitter:image' content={ogImage} />
</Head>
<Header />
<main className='h-[calc(100%_-_80px)] overflow-auto'>{children}</main>
</>
);

BIN
public/mock-saml-preview-image.png Normal file
View File

Binary file not shown.
Side by Side

After

Width:  |  Height:  |  Size: 45 KiB