chore: add SiteConfig \& complete metadata, add not-found page, robot…

…s.ts and favicon

.gitignore

@@ -27,7 +27,7 @@ yarn-error.log*
 
 # local env files
 .env*.local
-
+.env
 # vercel
 .vercel
 

README.md

@@ -34,6 +34,10 @@ productivité.
   préconfigurés pour maintenir une base de code cohérente et lisible.
 - **Husky et Lint-Staged** : Des hooks de Git pour exécuter automatiquement les
   vérifications de lint et de formatage avant chaque commit.
+- **cz-customizable** : Permet de personnaliser les messages de commit en
+  utilisant des conventions spécifiques. Il s'intègre avec Commitizen pour
+  fournir une interface interactive lors de la création de commits, ce qui aide
+  à maintenir des messages de commit cohérents et significatifs.
 
 ## Utilisation
 

app/layout.tsx

@@ -2,12 +2,51 @@ import type { Metadata } from 'next'
 import { Inter } from 'next/font/google'
 
 import './globals.css'
+import siteConfig from '@/config/site'
 
 const inter = Inter({ subsets: ['latin'] })
 
 export const metadata: Metadata = {
-  title: 'Nom du projet',
-  description: 'Description du projet',
+  title: {
+    default: siteConfig.name,
+    template: `%s | ${siteConfig.name}`,
+  },
+  description: siteConfig.description,
+  keywords: [
+    'Next.js',
+    'Tailwind CSS',
+    'Husky',
+    'Lint-Staged',
+    'cz-customizable',
+  ],
+  authors: [
+    {
+      name: 'drondiodev',
+      url: 'https://github.com/drondiodev',
+    },
+  ],
+  creator: 'drondiodev',
+  openGraph: {
+    type: 'website',
+    locale: 'fr_FR',
+    url: siteConfig.url,
+    title: siteConfig.name,
+    description: siteConfig.description,
+    siteName: siteConfig.name,
+  },
+  twitter: {
+    card: 'summary_large_image',
+    title: siteConfig.name,
+    description: siteConfig.description,
+    images: [`${siteConfig.url}/og`],
+    creator: 'compte twitter',
+  },
+  icons: {
+    icon: '/favicon.ico',
+    shortcut: '/favicon-16x16.png',
+    apple: 'apple-touch-icon.png',
+  },
+  // metadataBase: new URL(siteConfig.url),
 }
 
 export default function RootLayout({

app/not-found.tsx

@@ -0,0 +1,18 @@
+import Link from 'next/link'
+
+export default function NotFound() {
+  return (
+    <section className="grid place-content-center h-screen">
+      <h1 className="mt-3 text-2xl font-semibold text-gray-800 md:text-3xl">
+        404 - Page non trouvée
+      </h1>
+      <p className="my-4 text-gray-500">Cette page semble ne pas exister !</p>
+      <Link
+        href="/"
+        className="text-primary underline-offset-4 hover:underline"
+      >
+        Vers l&apos;accueil
+      </Link>
+    </section>
+  )
+}

app/page.tsx

@@ -25,9 +25,9 @@ export default function Home() {
             viewBox="0 0 24 24"
             fill="none"
             stroke="currentColor"
-            stroke-width="2"
-            stroke-linecap="round"
-            stroke-linejoin="round"
+            strokeWidth="2"
+            strokeLinecap="round"
+            strokeLinejoin="round"
             className="lucide lucide-sparkles "
           >
             <path d="m12 3-1.912 5.813a2 2 0 0 1-1.275 1.275L3 12l5.813 1.912a2 2 0 0 1 1.275 1.275L12 21l1.912-5.813a2 2 0 0 1 1.275-1.275L21 12l-5.813-1.912a2 2 0 0 1-1.275-1.275L12 3Z" />
@@ -44,9 +44,9 @@ export default function Home() {
             viewBox="0 0 24 24"
             fill="none"
             stroke="currentColor"
-            stroke-width="2"
-            stroke-linecap="round"
-            stroke-linejoin="round"
+            strokeWidth="2"
+            strokeLinecap="round"
+            strokeLinejoin="round"
             className="lucide lucide-arrow-right "
           >
             <path d="M5 12h14" />

app/robots.ts

@@ -0,0 +1,13 @@
+import { MetadataRoute } from 'next'
+
+export default function robots(): MetadataRoute.Robots {
+  return {
+    rules: {
+      userAgent: '*',
+      allow: '/',
+      disallow: ['/api/', '/_next/', '/public/'],
+    },
+    sitemap: 'adresse du site/sitemap.xml',
+    // fichier sitemap.xml à mettre à la racine de votre projet
+  }
+}

config/site.ts

@@ -0,0 +1,23 @@
+type SiteConfig = {
+  name: string
+  description: string
+  url: string
+  ogImage: string
+  links: {
+    twitter: string
+    github: string
+  }
+}
+
+const siteConfig: SiteConfig = {
+  name: 'Nom du projet',
+  description: 'Description de votre projet',
+  url: 'adresse_web_du_projet',
+  ogImage: 'adresse_web_du_projet/og',
+  links: {
+    twitter: 'lien de votre compte twitter',
+    github: 'lien de votre compte github',
+  },
+}
+
+export default siteConfig