update astro starlight & blog plugin

opensaas-sh/blog/astro.config.mjs

@@ -6,7 +6,7 @@ import tailwind from '@astrojs/tailwind';
 
 // https://astro.build/config
 export default defineConfig({
-  site: 'https://opensaas.sh',
+  site: 'https://docs.opensaas.sh',
   trailingSlash: 'always',
   integrations: [
     starlight({

opensaas-sh/blog/package.json

@@ -10,13 +10,13 @@
     "astro": "astro"
   },
   "dependencies": {
-    "@astrojs/check": "^0.6.0",
-    "@astrojs/starlight": "^0.22.2",
-    "@astrojs/starlight-tailwind": "^2.0.2",
-    "@astrojs/tailwind": "^5.1.0",
-    "astro": "^4.3.5",
+    "@astrojs/check": "^0.9.4",
+    "@astrojs/starlight": "^0.29.2",
+    "@astrojs/starlight-tailwind": "^2.0.3",
+    "@astrojs/tailwind": "^5.1.2",
+    "astro": "^4.16.15",
     "sharp": "^0.32.5",
-    "starlight-blog": "^0.7.1",
+    "starlight-blog": "^0.15.0",
     "typescript": "^5.4.5"
   }
 }

opensaas-sh/blog/src/components/HeadWithOGImage.astro

@@ -6,13 +6,12 @@ import Default from '@astrojs/starlight/components/Head.astro'
 // ID and replace the file extension with `.png`.
 const ogImageUrl = new URL(
   `/og-images/${Astro.props.id.replace(/blog\//, '').replace(/\.\w+$/, '.webp')}`,
-  'https://docs.opensaas.sh',
+  Astro.site,
 )
 ---
 
-<!-- Render the default <Head/> component. -->
 <Default {...Astro.props}><slot /></Default>
 
-<!-- Render the <meta/> tags for the Open Graph images. -->
+<!-- Open Graph images. -->
 <meta property="og:image" content={ogImageUrl} />
 <meta name="twitter:image" content={ogImageUrl} />

opensaas-sh/blog/src/components/MyHeader.astro

@@ -4,10 +4,9 @@ import config from 'virtual:starlight/user-config';
 import blogConfig from 'virtual:starlight-blog-config'
 import type { Props } from '@astrojs/starlight/props';
 
-const href = Astro.site;
 const { siteTitle } = Astro.props;
 ---
-<a {href} class="site-title sl-flex">
+<a href='https://opensaas.sh' class="site-title sl-flex">
 	{
 		config.logo && logos.dark && (
 			<>

opensaas-sh/blog/src/content/config.ts

@@ -3,6 +3,6 @@ import { i18nSchema, docsSchema } from '@astrojs/starlight/schema';
 import { blogSchema } from 'starlight-blog/schema';
 
 export const collections = {
-  docs: defineCollection({ schema: docsSchema({ extend: blogSchema() }) }),
+  docs: defineCollection({ schema: docsSchema({ extend: (context) => blogSchema(context) }) }),
   i18n: defineCollection({ type: 'data', schema: i18nSchema() }),
 };

opensaas-sh/blog/src/content/docs/blog/2023-11-21-coverlettergpt.md

@@ -1,7 +1,13 @@
 ---
 title: How I Built & Grew CoverLetterGPT to 5,000 Users and $200 MRR
 date: 2023-11-21
-tags: ["indiehacker", "saas", "sideproject"] 
+tags:
+  - indiehacker
+  - saas
+  - sideproject
+cover: 
+  image: ../../../../public/og-images/2023-11-21-coverlettergpt.webp
+  alt: CoverLetterGPT
 ---
 ## Hey, I’m Vince…
 

opensaas-sh/blog/src/content/docs/blog/2024-10-10-most-annoying-cookie-banner-contest.md

@@ -1,10 +1,11 @@
 ---
 title: 🍪 THE MOST ANNOYING COOKIE BANNER EVER HACKATHON 🤬
 date: 2024-10-10
-tags: ["cookie consent", "saas", "sideproject", "hackathon"] 
-cover:
-  alt: Annoying Cookie Banner Contest
-  image: "/cookie-consent/annoying-cookie-banners.jpg"
+tags:
+  - cookie consent
+  - saas
+  - sideproject
+  - hackathon
 ---
 <div style="position: relative; padding-bottom: 56.25%; height: 0; overflow: hidden;">
   <iframe 

opensaas-sh/blog/src/content/docs/blog/2024-11-22-best-annoying-cookie-consent-banners.mdx

@@ -1,10 +1,14 @@
 ---
 title: We Made the Most Annoying Cookie Banners Ever
 date: 2024-11-26
-tags: ["cookie consent", "saas", "sideproject", "hackathon"] 
+tags:
+  - cookie consent
+  - saas
+  - sideproject
+  - hackathon
 cover:
-  alt: the Most Annoying Cookie Banners
-  image: "/cookie-consent/annoying-cookie-banners.jpg"
+  image: ../../../../public/og-images/2024-11-22-best-annoying-cookie-consent-banners.webp
+  alt: Annoying Cookie Banner Contest
 ---
 import VideoPlayer from '../../../components/VideoPlayer.astro';
 

template/blog/astro.config.mjs

@@ -6,7 +6,7 @@ import tailwind from '@astrojs/tailwind';
 
 // https://astro.build/config
 export default defineConfig({
-  site: 'https://opensaas.sh',
+  site: 'https://your-site.com',
   trailingSlash: 'always',
   integrations: [
     starlight({
@@ -74,11 +74,11 @@ export default defineConfig({
           title: 'Blog',
           customCss: ['./src/styles/tailwind.css'],
           authors: {
-            vince: {
-              name: 'Vince',
-              title: 'Dev Rel @ Wasp',
+            dev: {
+              name: 'Dev',
+              title: 'Dev @ Your SaaS',
               picture: '/CRAIG_ROCK.png', // Images in the `public` directory are supported.
-              url: 'https://wasp-lang.dev',
+              url: 'https://your-site.com',
             },
           },
         }),

template/blog/package.json

@@ -10,13 +10,13 @@
     "astro": "astro"
   },
   "dependencies": {
-    "@astrojs/check": "^0.6.0",
-    "@astrojs/starlight": "^0.22.2",
-    "@astrojs/starlight-tailwind": "^2.0.2",
-    "@astrojs/tailwind": "^5.1.0",
-    "astro": "^4.3.5",
+    "@astrojs/check": "^0.9.4",
+    "@astrojs/starlight": "^0.29.2",
+    "@astrojs/starlight-tailwind": "^2.0.3",
+    "@astrojs/tailwind": "^5.1.2",
+    "astro": "^4.16.15",
     "sharp": "^0.32.5",
-    "starlight-blog": "^0.7.1",
+    "starlight-blog": "^0.15.0",
     "typescript": "^5.4.5"
   }
 }

template/blog/src/content/config.ts

@@ -3,6 +3,6 @@ import { i18nSchema, docsSchema } from '@astrojs/starlight/schema';
 import { blogSchema } from 'starlight-blog/schema';
 
 export const collections = {
-  docs: defineCollection({ schema: docsSchema({ extend: blogSchema() }) }),
+  docs: defineCollection({ schema: docsSchema({ extend: (context) => blogSchema(context) }) }),
   i18n: defineCollection({ type: 'data', schema: i18nSchema() }),
 };