fix: enabled sitemap generation and seo image generation

coderdiaz · coderdiaz · commit ad341280729b · 2025-04-21T21:07:04.000-06:00
diff --git a/astro.config.mjs b/astro.config.mjs
@@ -3,6 +3,7 @@ import { defineConfig } from 'astro/config';
 import tailwindcss from '@tailwindcss/vite';
 import react from '@astrojs/react';
 import mdx from '@astrojs/mdx';
+import sitemap from '@astrojs/sitemap';
 import { remarkReadingTime } from './src/lib/remark.mjs';
 
 // https://astro.build/config
@@ -12,13 +13,13 @@ export default defineConfig({
     remarkPlugins: [remarkReadingTime],
     shikiConfig: {
       theme: 'gruvbox-dark-medium',
-    }
+    },
   },
   vite: {
     plugins: [tailwindcss()],
   },
-  integrations: [react(), mdx({
+  integrations: [react(), sitemap(), mdx({
     optimize: true,
     syntaxHighlight: 'shiki',
   })],
-});
+});
diff --git a/src/components/partials/Head.astro b/src/components/partials/Head.astro
@@ -11,11 +11,12 @@ interface Props {
 const defaultSeo = DEFAULT_CONFIGURATION.seo;
 const { seo } = Astro.props;
 
-const image = await getImage({ src: seo?.image || defaultSeo.image, format: 'png'});
+const image = await getImage({ src: seo?.image || defaultSeo.image, format: 'jpg'});
 const seoImage = generateAbsoluteUrl(image.src);
 ---
 <head>
   <meta charset="utf-8" />
+  <link rel="sitemap" href="/sitemap-index.xml" />
   <link rel="icon" type="image/svg+xml" href="/favicon.svg" />
   { seo?.canonicalUrl && <link rel="canonical" href={seo?.canonicalUrl} />}
   <title>{seo?.title || defaultSeo.title}</title>
diff --git a/src/lib/constants.ts b/src/lib/constants.ts
@@ -1,16 +1,12 @@
-import type { GetImageResult } from 'astro';
 import type { z } from 'astro/zod';
-import { getImage } from 'astro:assets';
 import MetaDefaultImage from '@/assets/images/meta-default.jpg';
-import Avatar from '@/assets/images/avatar.jpeg';
+import avatar from '@/assets/images/avatar.jpeg';
 import type { seoSchemaWithoutImage } from '@/content.config';
 import astroConfig from 'astro.config.mjs';
 
-const avatar = await getImage({ src: Avatar, width: 92, height: 92 , format: 'png'});
-
 export type AuthorInfo = {
   name: string;
-  avatar: GetImageResult;
+  avatar: any;
   headline: string;
   username?: string;
   location?: string;
