Merge pull request #288 from bitlogic/SBIT-391

SBIT-391: Modify URL generation for pages

Author: marino-martin

gatsby-config.js

@@ -1,10 +1,11 @@
 module.exports = {
+  trailingSlash: "always",
   siteMetadata: {
     title: `Bitlogic`,
     description: `Bitlogic Web es una empresa dedicada al diseño, ingeniería y desarrollo ágil de productos de software, especializada en la transformación digital de instituciones educativas .`,
     author: `Bitlogic.io`,
     siteUrl: process.env.SITE_URL,
-    // siteUrl: "https://bitlogic.io",
+    // siteUrl: "https://es.bitlogic.io",
   },
   plugins: [
     {
@@ -39,7 +40,7 @@ module.exports = {
               lastmod: homePage.updated_at,
             },
             {
-              path: "/blog",
+              path: "/blog/",
               lastmod: blogPage.updated_at,
             },
           ]
@@ -88,8 +89,9 @@ module.exports = {
     {
       resolve: `gatsby-plugin-canonical-urls`,
       options: {
-        // siteUrl: "https://bitlogic.io",
+        stripQueryString: true,
         siteUrl: process.env.SITE_URL,
+        // siteUrl: "https://es.bitlogic.io",
       },
     },
     {

src/components/Footer/Navegation/navegation.js

@@ -13,7 +13,7 @@ export default function Navegation({ title, items }) {
           content={navItem.label}
           url={
             navItem?.url ||
-            (navItem?.singleType ? `/${navItem.singleType}` : "")
+            (navItem?.singleType ? `/${navItem.singleType}/` : "")
           }
           landing={navItem?.landing}
           className=""

src/hooks/useLandingUrl.js

@@ -1,28 +1,30 @@
-import { useMemo } from "react";
-import useNavbar from "./useNavbar";
+import { useMemo } from "react"
+import useNavbar from "./useNavbar"
 
 const useLandingUrl = () => {
-  const landings = useNavbar().allStrapiLandingPage.nodes;
+  const landings = useNavbar().allStrapiLandingPage.nodes
 
   const getUrl = useMemo(() => {
-    const memoizedGetUrl = (slug) => {
-      const landing = landings.find((node) => node.slug === slug);
+    const memoizedGetUrl = slug => {
+      const landing = landings.find(node => node.slug === slug)
 
-      if (!landing) return '';
+      if (!landing) return ""
 
       if (landing.parent_page) {
-        const parentPage = landings.find((node) => node.slug === landing.parent_page.slug);
-        const parentUrl = memoizedGetUrl(parentPage.slug); // Usamos la versión memoizada de getUrl
-        return `${parentUrl}/${landing.slug}`;
+        const parentPage = landings.find(
+          node => node.slug === landing.parent_page.slug
+        )
+        const parentUrl = memoizedGetUrl(parentPage.slug) // Usamos la versión memoizada de getUrl
+        return `${parentUrl}${landing.slug}/`
       }
 
-      return `/${landing.slug}`;
-    };
+      return `/${landing.slug}/`
+    }
 
-    return memoizedGetUrl;
-  }, [landings]);
+    return memoizedGetUrl
+  }, [landings])
 
-  return getUrl;
-};
+  return getUrl
+}
 
-export default useLandingUrl;
+export default useLandingUrl