polynux
/
pchl
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

add head meta and title to layout

This commit is contained in:
Guillaume Dorce 2023-02-19 18:45:45 +01:00
parent 5dbe2b7c28
commit 0e6e7195f8
1 changed files with 26 additions and 2 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

28
src/pages/index.tsx
View File

@ -1,5 +1,6 @@
import Image from "next/image"; import Image from "next/image";
import Link from "next/link"; import Link from "next/link";
import Head from "next/head";
import { FaGithub } from "react-icons/fa"; import { FaGithub } from "react-icons/fa";
function Header() { function Header() {
@ -76,9 +77,32 @@ function Footer() {
); );
} }
function Layout({ children }: { children: React.ReactNode }) { function Layout({ children, title }: { children: React.ReactNode, title?: string }) {
return ( return (
<div> <div>
<Head>
<title>{title} | Photo Club Haute Lozère</title>
<meta name="viewport" content="initial-scale=1.0, width=device-width" />
<link rel="icon" href="/favicon.ico" />
<meta name="description" content="Site du photo club de Haute Lozère" />
<meta name="keywords" content="photo, club, haute, lozère" />
<meta name="author" content="polynux" />
<meta name="robots" content="index, follow" />
<meta name="language" content="fr" />
<meta property="og:title" content="Photo Club de Haute Lozère" />
<meta property="og:type" content="website" />
<meta property="og:url" content="https://photoclubhautelozere.fr" />
<meta property="og:image" content="/logo.png" />
<meta property="og:description" content="Site du photo club de Haute Lozère" />
<meta property="og:site_name" content="Photo Club de Haute Lozère" />
<meta property="og:locale" content="fr_FR" />
<meta name="twitter:card" content="summary" />
<meta name="twitter:site" content="@polynux" />
<meta name="twitter:creator" content="@polynux" />
<meta name="twitter:title" content="Photo Club de Haute Lozère" />
<meta name="twitter:description" content="Site du photo club de Haute Lozère" />
<meta name="twitter:image" content="/logo.png" />
</Head>
<Header /> <Header />
<main>{children}</main> <main>{children}</main>
<Footer /> <Footer />
@ -88,7 +112,7 @@ function Layout({ children }: { children: React.ReactNode }) {
function Home() { function Home() {
return ( return (
<Layout> <Layout title="Accueil">
<Image <Image
src="/IMG_2439-CLUB-3 2.png" src="/IMG_2439-CLUB-3 2.png"
alt="" alt=""