Feat/seo (#14)

RockiRider · Feb 24, 2024 · 73f4cf7 · 73f4cf7
1 parent b9ff014
commit 73f4cf7
Show file tree

Hide file tree

Showing 8 changed files with 104 additions and 49 deletions.
diff --git a/.gitignore b/.gitignore
@@ -39,3 +39,4 @@ yarn-error.log*
 
 playwright-report
 test-results
+
diff --git a/apps/docs/next-sitemap.config.js b/apps/docs/next-sitemap.config.js
@@ -0,0 +1,8 @@
+/** @type {import('next-sitemap').IConfig} */
+module.exports = {
+  siteUrl: "https://mui-sonner.tsotne.co.uk",
+  generateRobotsTxt: true, // (optional)
+  generateIndexSitemap: false,
+  sitemapSize: 1000,
+  output: "export",
+};
diff --git a/apps/docs/next.config.js b/apps/docs/next.config.js
@@ -1,4 +1,5 @@
 /** @type {import('next').NextConfig} */
+
 module.exports = {
   reactStrictMode: true,
   output: "export",

diff --git a/apps/docs/package.json b/apps/docs/package.json
@@ -5,9 +5,9 @@
     "scripts": {
         "dev": "next dev",
         "build": "next build",
+        "postbuild": "next-sitemap",
         "preview": "npx serve out -p 3000",
-        "lint": "next lint",
-        "post-update": "echo \"codesandbox preview only, need an update\" && pnpm update --latest"
+        "lint": "next lint"
     },
     "dependencies": {
         "@emotion/cache": "latest",
@@ -21,6 +21,7 @@
         "framer-motion": "^11.0.5",
         "mui-sonner": "*",
         "next": "latest",
+        "next-sitemap": "^4.2.3",
         "react": "latest",
         "react-dom": "latest"
     },

diff --git a/apps/docs/pages/index.tsx b/apps/docs/pages/index.tsx
@@ -1,7 +1,6 @@
 import Container from "@mui/material/Container";
-import { Button, Stack } from "@mui/material";
+import { Stack } from "@mui/material";
 import Intro from "@features/home/Intro";
-import { toast } from "mui-sonner";
 import ToggleCustomTheme from "@features/theme/ThemeToggle";
 import Install from "@features/home/Install";
 import Features from "@features/home/Features";
@@ -10,6 +9,7 @@ import Types from "@features/home/Types";
 import Position from "@features/home/Position";
 import OtherOptions from "@features/home/OtherOptions";
 import Styling from "@features/home/Styling";
+import Head from "next/head";
 
 export default function Home({
   toggleTheme,
@@ -20,6 +20,19 @@ export default function Home({
 }) {
   return (
     <Container maxWidth="md">
+      <Head>
+        <title>MUI Sonner</title>
+        <meta
+          name="description"
+          content="MUI Sonner - A simple toast library for MUI & React."
+        />
+        <meta name="og:title" content="MUI Sonner" />
+        <meta
+          name="og:description"
+          content="A simple toast library for MUI & React."
+        />
+        <meta name="og:url" content="https://mui-sonner.tsotne.co.uk" />
+      </Head>
       <Stack width={1} alignItems="center" gap={6}>
         <Intro />
         <Features />
@@ -37,3 +50,7 @@ export default function Home({
     </Container>
   );
 }
+
+export const getStaticProps = async () => {
+  return { props: {} };
+};
diff --git a/apps/docs/tsconfig.json b/apps/docs/tsconfig.json
@@ -19,7 +19,7 @@
       "**/*.ts",
       "**/*.tsx",
       ".next/types/**/*.ts"
-    ],
+,    ],
     "exclude": ["node_modules"]
   }