fix: Astro v6 Content Layer API로 마이그레이션

레거시 content config(src/content/config.ts)가 v6에서 제거되어 빌드가
실패했음. glob 로더를 쓰는 src/content.config.ts로 옮기고, 이에 따라
바뀐 entry.id(구 slug)와 render(entry)(구 entry.render()) API에 맞춰
관련 페이지들을 갱신함.

Co-Authored-By: Claude Sonnet 5 <noreply@anthropic.com>

Author: Dev-HyunSang

src/content/config.ts src/content.config.tssrc/content/config.ts renamed to src/content.config.ts

@@ -1,7 +1,8 @@
 import { defineCollection, z } from 'astro:content';
+import { glob } from 'astro/loaders';
 
 const posts = defineCollection({
-  type: 'content',
+  loader: glob({ pattern: '**/*.md', base: './src/content/posts' }),
   schema: z.object({
     title: z.string(),
     subtitle: z.string().optional(),
@@ -16,7 +17,7 @@ const posts = defineCollection({
 });
 
 const highlights = defineCollection({
-  type: 'content',
+  loader: glob({ pattern: '**/*.md', base: './src/content/highlights' }),
   schema: z.object({
     title: z.string(),
     date: z.coerce.date(),

src/pages/categories/[category].astro

@@ -32,7 +32,7 @@ const { category, posts } = Astro.props;
             {posts.map((post) => (
                 <article class="post-summary">
                     <h3>
-                        <a href={`/posts/${post.slug}/`}>{post.data.title}</a>
+                        <a href={`/posts/${post.id}/`}>{post.data.title}</a>
                     </h3>
                     {post.data.subtitle && <p class="subtitle">{post.data.subtitle}</p>}
                     <div class="post-meta">

src/pages/highlights/[...slug].astro

@@ -1,17 +1,17 @@
 ---
-import { getCollection } from 'astro:content';
+import { getCollection, render } from 'astro:content';
 import SingleLayout from '../../layouts/SingleLayout.astro';
 
 export async function getStaticPaths() {
   const highlights = await getCollection('highlights');
   return highlights.map((entry) => ({
-    params: { slug: entry.slug },
+    params: { slug: entry.id },
     props: { entry },
   }));
 }
 
 const { entry } = Astro.props;
-const { Content, headings } = await entry.render();
+const { Content, headings } = await render(entry);
 ---
 
 <SingleLayout

src/pages/highlights/index.astro

@@ -18,7 +18,7 @@ const highlights = (await getCollection('highlights'))
             {highlights.map((entry) => (
                 <article class="post-summary">
                     <h3>
-                        <a href={`/highlights/${entry.slug}/`}>{entry.data.title}</a>
+                        <a href={`/highlights/${entry.id}/`}>{entry.data.title}</a>
                     </h3>
                     {entry.data.showDate !== false && (
                         <div class="post-meta">

src/pages/index.astro

@@ -65,7 +65,7 @@ for (const post of posts) {
             <h2>Recent Posts</h2>
             <div class="posts-list">
                 {posts.map((post) => (
-                    <a href={`/posts/${post.slug}/`} class="post-summary-link" data-categories={(post.data.categories ?? []).map(urlize).join(' ')}>
+                    <a href={`/posts/${post.id}/`} class="post-summary-link" data-categories={(post.data.categories ?? []).map(urlize).join(' ')}>
                         <article class="post-summary">
                             <h3>{post.data.title}</h3>
                             {post.data.subtitle && <p class="subtitle">{post.data.subtitle}</p>}

src/pages/posts/[...slug].astro

@@ -1,17 +1,17 @@
 ---
-import { getCollection } from 'astro:content';
+import { getCollection, render } from 'astro:content';
 import SingleLayout from '../../layouts/SingleLayout.astro';
 
 export async function getStaticPaths() {
   const posts = await getCollection('posts', ({ data }) => !data.draft);
   return posts.map((post) => ({
-    params: { slug: post.slug },
+    params: { slug: post.id },
     props: { post },
   }));
 }
 
 const { post } = Astro.props;
-const { Content, headings } = await post.render();
+const { Content, headings } = await render(post);
 ---
 
 <SingleLayout

src/pages/posts/index.astro

@@ -59,7 +59,7 @@ for (const post of posts) {
                                                 </time>
                                             )}
                                             <h4 class="post-title">
-                                                <a href={`/posts/${post.slug}/`}>{post.data.title}</a>
+                                                <a href={`/posts/${post.id}/`}>{post.data.title}</a>
                                             </h4>
                                             {post.data.subtitle && <p class="post-subtitle">{post.data.subtitle}</p>}
                                             <div class="post-footer-info">

src/pages/tags/[tag].astro

@@ -32,7 +32,7 @@ const { tag, posts } = Astro.props;
             {posts.map((post) => (
                 <article class="post-summary">
                     <h3>
-                        <a href={`/posts/${post.slug}/`}>{post.data.title}</a>
+                        <a href={`/posts/${post.id}/`}>{post.data.title}</a>
                     </h3>
                     {post.data.subtitle && <p class="subtitle">{post.data.subtitle}</p>}
                     <div class="post-meta">