Add canonical tag to every URL

sergiodxa · Jan 18, 2024 · f33a4ee · f33a4ee
1 parent d3c4270
commit f33a4ee
Showing 1 changed file with 7 additions and 0 deletions.
diff --git a/app/root.tsx b/app/root.tsx
@@ -17,6 +17,7 @@ import {
 	Scripts,
 	ScrollRestoration,
 	useLoaderData,
+	useLocation,
 } from "@remix-run/react";
 import { useEffect } from "react";
 import { useTranslation } from "react-i18next";
@@ -129,6 +130,8 @@ function Document({
 }) {
 	let shouldHydrate = useShouldHydrate();
 	let dir = useDirection();
+	let location = useLocation();
+
 	return (
 		<html lang={locale} dir={dir} className="h-full">
 			<head>
@@ -172,6 +175,10 @@ function Document({
 					rel="pingback"
 					href="https://webmention.io/sergiodxa.com/xmlrpc"
 				/>
+				<link
+					rel="canonical"
+					href={`https://sergiodxa.com${location.pathname}`}
+				/>
 			</head>
 			<body className="min-h-full bg-neutral-50 font-sans text-neutral-900">
 				{children}