chore: fix build and deploy with og

Author: SergioRibera

generateContentRoutes.js

@@ -0,0 +1,60 @@
+const fs = require('fs').promises;
+const path = require('path');
+
+const contentDir = path.join(process.cwd(), 'content');
+
+async function walkDir(dir) {
+  let filesList = [];
+  const files = await fs.readdir(dir, { withFileTypes: true });
+  for (const file of files) {
+    const res = path.resolve(dir, file.name);
+    if (file.isDirectory()) {
+      filesList = filesList.concat(await walkDir(res));
+    } else if (file.isFile() && path.extname(file.name).toLowerCase() === '.md' || path.extname(file.name) != 'yml') {
+      filesList.push(res);
+    }
+  }
+  return filesList;
+}
+
+function filePathToRoute(filePath) {
+  let route = filePath
+    .replace(contentDir, '')
+    .replace(/\.md$/, '')
+    .replace(/\\/g, '/'); // Reemplazar backslashes con forward slashes para compatibilidad
+
+  // Manejar index.md
+  if (route.endsWith('/index')) {
+    route = route.replace('/index', '');
+  }
+
+  // Manejar _dir.md (directorios)
+  route = route.replace(/\/_([^/]+)/g, '');
+
+  // Eliminar números al inicio de los segmentos de la ruta
+  route = route.split('/').map(segment => segment.replace(/^\d+\./, '')).join('/');
+
+  // Asegurarse de que la ruta comience con '/'
+  if (!route.startsWith('/')) {
+    route = '/' + route;
+  }
+
+  return route || '/';
+}
+
+async function generateContentRoutes() {
+  const filePaths = await walkDir(contentDir);
+  const routes = filePaths.map(filePath => filePathToRoute(filePath));
+  return routes;
+}
+
+generateContentRoutes()
+  .then(routes => {
+    console.log('Content Routes:');
+    console.log(JSON.stringify(routes, null, 2));
+  })
+  .catch(error => {
+    console.error('Error generating routes:', error);
+  });
+
+module.exports = generateContentRoutes;

nuxt.config.ts

@@ -1,3 +1,5 @@
+const generateContentRoutes = require('./generateContentRoutes');
+
 // https://nuxt.com/docs/api/configuration/nuxt-config
 export default defineNuxtConfig({
   devtools: { enabled: true },
@@ -11,10 +13,7 @@ export default defineNuxtConfig({
   ogImage: { enabled: false },
   nitro: {
     prerender: {
-      // crawlLinks: true,
-      // concurrency: 250,
-      // interval: 100,
-      routes: ['/sitemap.xml']
+      routes: ['/sitemap.xml'],
     }
   },
   app: {
@@ -40,4 +39,13 @@ export default defineNuxtConfig({
       }
     },
   },
+  hooks: {
+    async 'prerender:routes'(ctx) {
+      const contentRoutes = await generateContentRoutes();
+
+      for (const route of contentRoutes) {
+        ctx.routes.add(route)
+      }
+    }
+  }
 })

pages/[...slug].vue

@@ -3,7 +3,7 @@
   <HeroSection />
   <Roadmap />
   <Teleport to="body">
-    <div v-if="content" :class="['fixed top-0 h-screen', sidebarClass]">
+    <div v-if="content" :class="['fixed top-0 h-screen z-10', sidebarClass]">
       <div
         id="sidebar"
         class="scroll-smooth prose dark:prose-invert max-w-full flex overflow-y-auto overflow-x-hidden h-full w-full flex-col items-center p-4 focus:outline-0 sm:p-6 bg-orange-50 dark:bg-[#131313]/90 border-l-2 dark:backdrop-blur-xl border-black dark:border-0"

server/routes/sitemap.xml.ts

@@ -3,16 +3,17 @@ import { SitemapStream, streamToPromise } from 'sitemap'
 
 export default defineEventHandler(async (event) => {
   // Fetch all documents
-  const docs = await serverQueryContent(event).find()
-  const sitemap = new SitemapStream()
+  const articles = await serverQueryContent(event).find()
+  const sitemap = new SitemapStream({ hostname: 'https://roadmap.rustlang-es.org/' })
 
-  for (const doc of docs) {
-    sitemap.write({
-      url: doc._path,
-      changefreq: 'monthly'
-    })
-  }
+  console.log(articles)
+
+  articles.forEach(article => sitemap.write({ url: article._path, img: [ {
+    url: `https://roadmap.rustlang-es.org/previews/${article._path.substring(1).replaceAll('/', "-")}.png`,
+    caption: article.description,
+    title: article.title,
+  }, ] }))
   sitemap.end()
 
-  return streamToPromise(sitemap)
+  return (await streamToPromise(sitemap))
 })