Upgrades site to Astro@6

Co-authored-by: Copilot <copilot@github.com>

Author: waldekmastykarz

package-lock.json

@@ -13,7 +13,7 @@
     "@astrojs/rss": "4.0.18",
     "@microsoft/clarity": "^1.0.2",
     "@tailwindcss/vite": "4.2.2",
-    "astro": "5.18.0",
+    "astro": "^6.1.7",
     "astro-consent": "2.0.0",
     "tailwindcss": "4.2.1"
   },

package.json

@@ -31,7 +31,7 @@ const { samples } = Astro.props;
   <div id="sample-grid" class="grid md:grid-cols-2 lg:grid-cols-3 gap-6">
     {samples.map((sample) => (
       <a
-        href={`${import.meta.env.BASE_URL}samples/${sample.id.replace(/\.md$/, '')}/`}
+        href={`${import.meta.env.BASE_URL}samples/${sample.id}/`}
         class="sample-card group rounded-2xl border transition-all duration-300 hover:border-purple-500/50 hover:shadow-[0_0_40px_rgba(168,85,247,0.08)] flex flex-col overflow-hidden"
         style="background: var(--bg-secondary); border-color: var(--border-primary);"
         data-title={sample.data.title.toLowerCase()}

src/components/SampleGallery.astro

@@ -1,7 +1,9 @@
-import { defineCollection, z } from 'astro:content';
+import { defineCollection } from 'astro:content';
+import { glob } from 'astro/loaders';
+import { z } from 'astro/zod';
 
 const blog = defineCollection({
-  type: 'content',
+  loader: glob({ pattern: '**/*.md', base: './src/content/blog' }),
   schema: z.object({
     title: z.string(),
     description: z.string(),
@@ -13,7 +15,7 @@ const blog = defineCollection({
 });
 
 const samples = defineCollection({
-  type: 'content',
+  loader: glob({ pattern: '**/*.md', base: './src/content/samples' }),
   schema: z.object({
     name: z.string(),
     source: z.string().optional(),

src/content.config.ts

@@ -5,7 +5,7 @@ import { getCollection, render } from 'astro:content';
 export async function getStaticPaths() {
   const posts = await getCollection('blog');
   return posts.map((post) => ({
-    params: { slug: post.id.replace(/\.md$/, '') },
+    params: { slug: post.id },
     props: { post },
   }));
 }

src/pages/blog/[slug].astro

@@ -28,7 +28,7 @@ const olderPosts = posts.slice(1);
     <section class="px-4 pb-16">
       <div class="max-w-5xl mx-auto">
         <a
-          href={`${import.meta.env.BASE_URL}blog/${latestPost.id.replace(/\.md$/, '')}/`}
+          href={`${import.meta.env.BASE_URL}blog/${latestPost.id}/`}
           class="group block rounded-2xl border overflow-hidden transition-all duration-300 hover:border-purple-500/50 hover:shadow-[0_0_40px_rgba(168,85,247,0.08)]"
           style="background: var(--bg-secondary); border-color: var(--border-primary);"
         >
@@ -70,7 +70,7 @@ const olderPosts = posts.slice(1);
         <div class="grid md:grid-cols-2 gap-6">
           {olderPosts.map((post) => (
             <a
-              href={`${import.meta.env.BASE_URL}blog/${post.id.replace(/\.md$/, '')}/`}
+              href={`${import.meta.env.BASE_URL}blog/${post.id}/`}
               class="group block rounded-2xl border overflow-hidden transition-all duration-300 hover:border-purple-500/50 hover:shadow-[0_0_40px_rgba(168,85,247,0.08)] flex flex-col"
               style="background: var(--bg-secondary); border-color: var(--border-primary);"
             >

src/pages/blog/index.astro

@@ -16,7 +16,7 @@ export async function GET(context: APIContext) {
       description: post.data.description,
       pubDate: post.data.date,
       author: post.data.author,
-      link: `${import.meta.env.BASE_URL}blog/${post.id.replace(/\.md$/, '')}/`,
+      link: `${import.meta.env.BASE_URL}blog/${post.id}/`,
     })),
   });
 }

src/pages/rss.xml.ts

@@ -5,7 +5,7 @@ import { getCollection, render } from 'astro:content';
 export async function getStaticPaths() {
   const samples = await getCollection('samples');
   return samples.map((sample) => ({
-    params: { slug: sample.id.replace(/\.md$/, '') },
+    params: { slug: sample.id },
     props: { sample },
   }));
 }