Skip to content

W
www
Commit e1dce6a2 by PLN (Algolia)
Options

feat(Layout): Meta/OG

parent 39cbec75
Showing with 29 additions and 19 deletions
next/components/layout.js
import Head from 'next/head' import Head from "next/head";
import Image from 'next/image' import Image from "next/image";
import styles from './layout.module.css' import styles from "./layout.module.css";
import utilStyles from '../styles/utils.module.css' import utilStyles from "../styles/utils.module.css";
import Link from 'next/link' import Link from "next/link";
const name = 'PLN' const name = "PLN";
export const siteTitle = 'PLN\'s Works' export const siteTitle = "PLN's Works";
export const siteURL = "https://me.plnech.fr";
export const twitterHandle = "@PaulLouisNech";
export const description = "PLN's Selected Works";
export default function Layout({ children, home }) { export default function Layout({ children, home }) {
return ( return (
<div className={styles.container}> <div className={styles.container}>
<Head> <Head>
<link rel="icon" href="/favicon.ico" /> <link rel="icon" href="/favicon.ico" />
<meta <meta name="description" content={description} />
name="description" {/* Twitter */}
content="PLN's Selected Works" <meta name="twitter:card" content="summary_large_image" />
/> <meta name="twitter:creator" content={twitterHandle} key="twhandle" />
{/* Open Graph */}
<meta name="og:title" content={siteTitle} key="ogtitle"/>
<meta property="og:url" content={siteURL} key="ogurl" />
<meta property="og:site_name" content={siteTitle} key="ogsitename" />
<meta property="og:type" content="website" key="ogtype" />
<meta property="og:description" content={description} key="ogdesc" />
<meta <meta
property="og:image" property="og:image"
content={`https://og-image.vercel.app/${encodeURI( content={`https://og-image.vercel.app/${encodeURI(
siteTitle siteTitle
)}.png?theme=dark&md=0&fontSize=75px&images=https%3A%2F%2Fassets.vercel.com%2Fimage%2Fupload%2Ffront%2Fassets%2Fdesign%2Fnextjs-black-logo.svg`} )}.png?theme=dark&md=0&fontSize=75px&images=https%3A%2F%2Fassets.vercel.com%2Fimage%2Fupload%2Ffront%2Fassets%2Fdesign%2Fnextjs-black-logo.svg`}
/> />
<meta name="og:title" content={siteTitle} />
<meta name="twitter:card" content="summary_large_image" />
</Head> </Head>
<header className={styles.header}> <header className={styles.header}>
{home ? ( {home ? (
...@@ -69,12 +76,15 @@ export default function Layout({ children, home }) { ...@@ -69,12 +76,15 @@ export default function Layout({ children, home }) {
</div> </div>
)} )}
<footer> <footer>
PLN 2021 | ☇<a PLN 2021 | ☇
href="https://vercel.com?utm_source=create-next-app&utm_medium=default-template&utm_campaign=create-next-app" <a
target="_blank" href="https://vercel.com?utm_source=create-next-app&utm_medium=default-template&utm_campaign=create-next-app"
rel="noopener noreferrer" target="_blank"
>▲</a> rel="noopener noreferrer"
>
▲
</a>
</footer> </footer>
</div> </div>
) );
} }
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment