Improved SEO, less Git hub actions runs

.github/workflows/deploy.yml

@@ -4,6 +4,14 @@ on:
   push:
     branches:
       - master
+    paths:
+      - src/**
+      - public/**
+      - Dockerfile
+      - package.json
+      - tsconfig.json
+      - next.config.js
+      - .github/workflows/**
 
 jobs:
   test:

next.config.js

@@ -11,5 +11,5 @@ module.exports = {
 		NEXT_PUBLIC_GITHUB_URL: "https://github.com/Guusvanmeerveld/MaterialTube"
 	},
 	basePath: process.env.BASE_PATH ?? "",
-	trailingSlash: true
+	trailingSlash: !(process.env.CI == "true")
 };

src/next-seo.config.ts

@@ -5,7 +5,11 @@ import type { DefaultSeoProps } from "next-seo";
 const SEO: DefaultSeoProps = {
 	titleTemplate: `%s | ${packageInfo.displayName}`,
 	defaultTitle: packageInfo.displayName,
-	description: packageInfo.description
+	description: packageInfo.description,
+	openGraph: {
+		description: packageInfo.displayName,
+		site_name: packageInfo.displayName
+	}
 };
 
 export default SEO;

src/pages/404.tsx

@@ -9,7 +9,10 @@ import Layout from "@components/Layout";
 const NotFound: NextPage = () => {
 	return (
 		<>
-			<NextSeo title="Not Found" />
+			<NextSeo
+				title="Not Found"
+				description="The page may have been moved or deleted"
+			/>
 			<Layout>
 				<Box sx={{ mt: 5, textAlign: "center" }}>
 					<Typography variant="h3">Page not found</Typography>

src/pages/index.tsx

@@ -14,7 +14,7 @@ import Layout from "@components/Layout";
 
 const Index: NextPage = () => (
 	<>
-		<NextSeo title="Home" />
+		<NextSeo title="Home" description={packageInfo.description} />
 		<Layout>
 			<Box
 				sx={{

src/pages/trending.tsx

@@ -52,7 +52,10 @@ const Trending: NextPage = () => {
 
 	return (
 		<>
-			<NextSeo title="Trending" />
+			<NextSeo
+				title="Trending"
+				description="Look at new and trending video's"
+			/>
 			<Layout>
 				<Box sx={{ px: { xs: 1, sm: 2, md: 5 } }}>
 					{isLoading && <Loading />}