chore: add ogpreview for default og

Author: SergioRibera

.github/workflows/deploy.yml

@@ -29,7 +29,7 @@ jobs:
         run: bun install
 
       - name: Build
-        run: bunx nuxi build --preset=cloudflare_pages
+        run: bunx nuxi generate --preset=cloudflare_pages
 
       - name: Deploy
         uses: cloudflare/wrangler-action@v3

.github/workflows/pr-preview.yml

@@ -62,7 +62,7 @@ jobs:
       - name: Install Deps
         run: bun install
       - name: Build
-        run: bun run build --preset=cloudflare_pages
+        run: bun run generate --preset=cloudflare_pages
 
       # Deploy steps
       - name: Deploy

bun.lockb

@@ -1,6 +1,5 @@
 // https://nuxt.com/docs/api/configuration/nuxt-config
 export default defineNuxtConfig({
-  ssr: false,
   devtools: { enabled: true },
   modules: ["@nuxt/content", "@nuxtjs/tailwindcss", "@nuxtjs/seo"],
   site: {
@@ -10,6 +9,12 @@ export default defineNuxtConfig({
     defaultLocale: 'es'
   },
   ogImage: { enabled: false },
+  nitro: {
+    prerender: {
+      crawlLinks: true,
+      routes: ['/sitemap.xml']
+    }
+  },
   app: {
     head: {
       charset: 'utf-8',

nuxt.config.ts

@@ -114,16 +114,6 @@ const statusDropDown = ref(null);
 const status = ref($locally.get(nodeId) ?? "Pendiente");
 const isScrolled = ref(false);
 
-onMounted(async () => {
-  if (!nodeId) return;
-  const contentResult = await queryContent((nodeId || []).join("/")).findOne();
-  content.value = contentResult;
-  showSidebar.value = contentResult && (route.query.fromClick || false);
-
-  useContentHead(contentResult)
-
-});
-
 useSeoMeta({
   twitterCard: 'summary_large_image',
   icon: '/favicon.ico',
@@ -132,6 +122,13 @@ useSeoMeta({
   twitterImage: `/previews/${(nodeId && nodeId.join('-')) || 'ogpreview'}.png`,
 })
 
+onMounted(async () => {
+  if (!nodeId) return;
+  const contentResult = await queryContent((nodeId || []).join("/")).findOne();
+  content.value = contentResult;
+  showSidebar.value = contentResult && (route.query.fromClick || false);
+});
+
 const closeSidebar = () => {
   content.value = null;
   document.body.classList.remove("overflow-hidden");