Remove trailing slash, setup redirects, and cleanup

Author: tylermcginnis

usehooks.com/astro.config.mjs

@@ -13,6 +13,7 @@ import sitemap from "@astrojs/sitemap";
 // https://astro.build/config
 export default defineConfig({
   site: "https://usehooks.com",
+  trailingSlash: "never",
   integrations: [react(), tailwind(), mdx(), sitemap()],
   output: "static",
   // adapter: vercel(),

usehooks.com/src/components/search/HookCard.tsx

@@ -9,7 +9,7 @@ export default function HookCard({
 }) {
   return (
     <li className={styles.hook}>
-      <a href={`/${name.toLowerCase()}/`}>
+      <a href={`/${name.toLowerCase()}`}>
         <h3 className={styles["card-title"]}>{name}</h3>
         <p className={styles["card-description"]}>{tagline}</p>
         <svg

usehooks.com/src/sections/HomeHero.astro

@@ -14,14 +14,14 @@ const hooksMarquee2 = (await getCollection('hooks')).slice(25,50);
 		<ul class="marquee-content">
 			{hooksMarquee1.map(hook => (
 				<li>
-					<a href={`/${hook.slug}/`} tabindex="-1">{hook.data.name}</a>
+					<a href={`/${hook.slug}`} tabindex="-1">{hook.data.name}</a>
 				</li>
 			))}
 		</ul>
 		<ul class="marquee-content">
 			{hooksMarquee1.map(hook => (
 				<li>
-					<a href={`/${hook.slug}/`} tabindex="-1">{hook.data.name}</a>
+					<a href={`/${hook.slug}`} tabindex="-1">{hook.data.name}</a>
 				</li>
 			))}
 		</ul>
@@ -30,14 +30,14 @@ const hooksMarquee2 = (await getCollection('hooks')).slice(25,50);
 		<ul class="marquee-content">
 			{hooksMarquee2.map(hook => (
 				<li>
-					<a href={`/${hook.slug}/`} tabindex="-1">{hook.data.name}</a>
+					<a href={`/${hook.slug}`} tabindex="-1">{hook.data.name}</a>
 				</li>
 			))}
 		</ul>
 		<ul class="marquee-content">
 			{hooksMarquee2.map(hook => (
 				<li>
-					<a href={`/${hook.slug}/`} tabindex="-1">{hook.data.name}</a>
+					<a href={`/${hook.slug}`} tabindex="-1">{hook.data.name}</a>
 				</li>
 			))}
 		</ul>

usehooks.com/vercel.json

@@ -1,4 +1,5 @@
 {
+  "trailingSlash": false,
   "rewrites": [
     {
       "source": "/stats/js/script.js",
@@ -16,7 +17,7 @@
     },
     {
       "source": "/useOnScreen",
-      "destination": "/usetntersectionobserver"
+      "destination": "/useintersectionobserver"
     },
     {
       "source": "/useWhyDidYouUpdate",
@@ -46,10 +47,6 @@
       "source": "/useLockBodyScroll",
       "destination": "/uselockbodyscroll"
     },
-    {
-      "source": "/useThrottle",
-      "destination": "/usethrottle"
-    },
     {
       "source": "/useToggle",
       "destination": "/usetoggle"
@@ -122,17 +119,9 @@
       "source": "/useDarkMode",
       "destination": "/"
     },
-    {
-      "source": "/useRouter",
-      "destination": "/"
-    },
     {
       "source": "/useAsync",
       "destination": "/"
     },
-    {
-      "source": "/useAuth",
-      "destination": "/"
-    }
   ]
 }