feat: sitemap + seo

SocialGouv · Feb 11, 2022 · f6d7b26 · f6d7b26
1 parent 980ee03
commit f6d7b26
Show file tree

Hide file tree

Showing 26 changed files with 313 additions and 187 deletions.
diff --git a/next-sitemap.js b/next-sitemap.js
@@ -0,0 +1,6 @@
+/** @type {import('next-sitemap').IConfig} */
+
+module.exports = {
+  siteUrl: process.env.SITE_URL || "https://template.fabrique.social.gouv.fr/",
+  generateRobotsTxt: true,
+};
diff --git a/package.json b/package.json
@@ -4,6 +4,7 @@
   "scripts": {
     "dev": "next dev",
     "build": "next build",
+    "postbuild": "next-sitemap",
     "start": "next start",
     "lint": "next lint",
     "export": "next export",
@@ -12,6 +13,7 @@
   "dependencies": {
     "@dataesr/react-dsfr": "^1.0.2",
     "next": "12.0.9",
+    "next-seo": "^5.1.0",
     "react": "17.0.2",
     "react-dom": "17.0.2"
   },
@@ -20,6 +22,7 @@
     "@types/react": "17.0.38",
     "eslint": "8.7.0",
     "eslint-config-next": "12.0.9",
+    "next-sitemap": "^2.1.14",
     "typescript": "4.5.5"
   },
   "version": "1.2.1"

diff --git a/pages/index.tsx b/pages/index.tsx
@@ -1,17 +1,21 @@
 import type { NextPage } from "next";
-import Head from "next/head";
-import { Footer, Header } from "@components";
+import { NextSeo } from "next-seo";
 
 const Home: NextPage = () => {
   return (
-    <div style={{ height: "800px" }}>
-      <Head>
-        <title>Create Next App</title>
-        <meta name="description" content="Generated by create next app" />
-        <link rel="icon" href="/favicon.ico" />
-      </Head>
-      yooooo
-    </div>
+    <>
+      <NextSeo
+        title="Template"
+        description="Template de la fabrique des ministères sociaux."
+        additionalLinkTags={[
+          {
+            rel: "icon",
+            href: "/favicon.ico",
+          },
+        ]}
+      />
+      <div style={{ height: "800px" }}>yooooo</div>
+    </>
   );
 };
 

diff --git a/public/marianne.jpeg → public/assets/marianne.jpeg b/public/marianne.jpeg → public/assets/marianne.jpeg
diff --git a/public/favicon.ico b/public/favicon.ico
diff --git a/public/robots.txt b/public/robots.txt
@@ -0,0 +1,10 @@
+# *
+User-agent: *
+Allow: /
+
+# Host
+Host: https://template.fabrique.social.gouv.fr/
+
+# Sitemaps
+Sitemap: https://template.fabrique.social.gouv.fr/sitemap.xml
+Sitemap: https://template.fabrique.social.gouv.fr/sitemap-0.xml
diff --git a/public/sitemap-0.xml b/public/sitemap-0.xml
@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<urlset xmlns="http://www.sitemaps.org/schemas/sitemap/0.9" xmlns:news="http://www.google.com/schemas/sitemap-news/0.9" xmlns:xhtml="http://www.w3.org/1999/xhtml" xmlns:mobile="http://www.google.com/schemas/sitemap-mobile/1.0" xmlns:image="http://www.google.com/schemas/sitemap-image/1.1" xmlns:video="http://www.google.com/schemas/sitemap-video/1.1">
+<url><loc>https://template.fabrique.social.gouv.fr</loc><changefreq>daily</changefreq><priority>0.7</priority><lastmod>2022-02-11T12:02:37.947Z</lastmod></url>
+</urlset>
diff --git a/public/sitemap.xml b/public/sitemap.xml
@@ -0,0 +1,4 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<sitemapindex xmlns="http://www.sitemaps.org/schemas/sitemap/0.9">
+<sitemap><loc>https://template.fabrique.social.gouv.fr/sitemap-0.xml</loc></sitemap>
+</sitemapindex>
diff --git a/public/vercel.svg b/public/vercel.svg
diff --git a/src/components/footer/body.tsx b/src/components/footer/body.tsx
@@ -5,9 +5,9 @@ import {
   Link,
   FooterOperator,
 } from "@dataesr/react-dsfr";
-import { BodySectionProps } from "./type";
+import { FooterBodySectionProps } from "./type";
 
-export const Body = (props: BodySectionProps): JSX.Element => (
+export const Body = (props: FooterBodySectionProps): JSX.Element => (
   <FooterBody description={props.description}>
     <Logo>{props.ministryName}</Logo>
     {props.image && (

diff --git a/src/components/footer/bottom.tsx b/src/components/footer/bottom.tsx
@@ -1,7 +1,7 @@
 import { FooterBottom, FooterCopy, FooterLink } from "@dataesr/react-dsfr";
-import { BottomSectionProps } from "./type";
+import { FooterBottomSectionProps } from "./type";
 
-export const Bottom = (props: BottomSectionProps): JSX.Element => (
+export const Bottom = (props: FooterBottomSectionProps): JSX.Element => (
   <FooterBottom>
     {props.links.map((link, index) => (
       <FooterLink key={`${index}-${link.title}`} href={link.href}>

diff --git a/src/components/footer/index.tsx b/src/components/footer/index.tsx
@@ -1,19 +1,4 @@
-import {
-  Footer,
-  FooterTopCategory,
-  FooterLink,
-  FooterTop,
-  FooterBody,
-  FooterOperator,
-  FooterBodyItem,
-  FooterPartners,
-  FooterPartnersTitle,
-  FooterPartnersLogo,
-  FooterBottom,
-  FooterCopy,
-  Link,
-  Logo,
-} from "@dataesr/react-dsfr";
+import { Footer } from "@dataesr/react-dsfr";
 import { Body } from "./body";
 import { Bottom } from "./bottom";
 import { Partners } from "./partner";

diff --git a/src/components/footer/partner.tsx b/src/components/footer/partner.tsx
@@ -3,9 +3,9 @@ import {
   FooterPartnersTitle,
   FooterPartnersLogo,
 } from "@dataesr/react-dsfr";
-import { PartnerSectionProps } from "./type";
+import { FooterPartnerSectionProps } from "./type";
 
-export const Partners = (props: PartnerSectionProps): JSX.Element => (
+export const Partners = (props: FooterPartnerSectionProps): JSX.Element => (
   <FooterPartners>
     <FooterPartnersTitle>{props.title}</FooterPartnersTitle>
     {props.logos?.map((logo, index) => (

diff --git a/src/components/footer/top.tsx b/src/components/footer/top.tsx
@@ -1,7 +1,7 @@
 import { FooterTop, FooterTopCategory, FooterLink } from "@dataesr/react-dsfr";
-import { TopSectionProps } from "./type";
+import { FooterTopSectionProps } from "./type";
 
-export const Top = (props: TopSectionProps): JSX.Element => (
+export const Top = (props: FooterTopSectionProps): JSX.Element => (
   <FooterTop>
     {props.links.map((item, index) => (
       <FooterTopCategory key={`${index}-${item.title}`} title={item.title}>

diff --git a/src/components/footer/type.ts b/src/components/footer/type.ts
@@ -18,30 +18,30 @@ type Logo = Image & {
   href: string;
 };
 
-export type PartnerSectionProps = {
+export type FooterPartnerSectionProps = {
   title: string;
   logos: Array<Logo>;
 };
 
-export type BottomSectionProps = {
+export type FooterBottomSectionProps = {
   links: Array<Link>;
   copyright: string;
 };
 
-export type TopSectionProps = {
+export type FooterTopSectionProps = {
   links: Array<LinksWithCategory>;
 };
 
-export type BodySectionProps = {
+export type FooterBodySectionProps = {
   links?: Array<Link>;
   image?: Image;
   ministryName: string;
   description: string;
 };
 
 export type FooterProps = {
-  topSection?: TopSectionProps;
-  bodySection?: BodySectionProps;
-  partnerSection?: PartnerSectionProps;
-  bottomSection?: BottomSectionProps;
+  topSection?: FooterTopSectionProps;
+  bodySection?: FooterBodySectionProps;
+  partnerSection?: FooterPartnerSectionProps;
+  bottomSection?: FooterBottomSectionProps;
 };
diff --git a/src/components/header/body.tsx b/src/components/header/body.tsx
@@ -14,7 +14,11 @@ export const Body = (props: HeaderBodyProps): JSX.Element => (
     <Logo splitCharacter={props.splitTitleLength ?? 10}>{props.mainTitle}</Logo>
     {props.image && (
       <HeaderOperator>
-        <img src={props.image.src} alt={props.image.alt} />
+        <img
+          src={props.image.src}
+          alt={props.image.alt}
+          style={{ height: props.image.height, width: props.image.width }}
+        />
       </HeaderOperator>
     )}
     <Service

diff --git a/src/components/header/nav.tsx b/src/components/header/nav.tsx
@@ -1,8 +1,8 @@
 import { HeaderNav, NavItem, NavSubItem } from "@dataesr/react-dsfr";
 import { MegaNav } from "./megaNav";
-import { NavProps } from "./type";
+import { HeaderNavProps } from "./type";
 
-export const Nav = (props: NavProps): JSX.Element => (
+export const Nav = (props: HeaderNavProps): JSX.Element => (
   <HeaderNav>
     {props.items.map((item, index) => {
       if ("headingLevel" in item) {

diff --git a/src/components/header/type.ts b/src/components/header/type.ts
@@ -15,6 +15,8 @@ type NavItem = ItemLink & { links: Array<Link> };
 type Image = {
   alt: string;
   src: string;
+  height: string;
+  width: string;
 };
 
 type RegularNavProps = {
@@ -33,7 +35,7 @@ export type MegaNavProps = {
   items: Array<NavItem>;
 };
 
-export type NavProps = {
+export type HeaderNavProps = {
   items: Array<RegularNavProps | MegaNavProps>;
 };
 
@@ -47,6 +49,6 @@ export type HeaderBodyProps = {
 };
 
 export type HeaderProps = {
-  navSection?: NavProps;
+  navSection?: HeaderNavProps;
   bodySection: HeaderBodyProps;
 };
diff --git a/src/components/index.ts b/src/components/index.ts
@@ -1,3 +1,5 @@
 export { default as Header } from "./header";
 export { default as Footer } from "./footer";
 export { default as Layout } from "./layout";
+export * from "./header/type";
+export * from "./footer/type";