Насторил работу блога через Backend

frontend/src/components/base/SearchModal.astro

@@ -1,26 +1,5 @@
 ---
-import { getCollection } from 'astro:content';
-
-const posts = await getCollection('blog');
-
-// Сортируем и форматируем для поиска
-const searchData = posts
-  .sort((a, b) => b.data.date.getTime() - a.data.date.getTime())
-  .map(post => ({
-    title: post.data.title,
-    description: post.data.description,
-    slug: post.id,
-    category: post.data.category,
-    categoryColor: post.data.categoryColor,
-    date: post.data.date.toLocaleDateString('ru-RU', {
-      day: 'numeric',
-      month: 'long',
-      year: 'numeric'
-    })
-  }));
-
 const title = 'Поиск по статьям';
-const postsJson = JSON.stringify(searchData);
 ---
 
 <div id="search-modal" class="modal-overlay" aria-hidden="true">
@@ -61,16 +40,33 @@ const postsJson = JSON.stringify(searchData);
   </div>
 </div>
 
-<script define:vars={{ postsJson }}>
+<script>
   (function() {
     const modal = document.getElementById('search-modal');
     const closeBtn = document.getElementById('search-modal-close-btn');
     const searchInput = document.getElementById('search-input');
     const resultsContainer = document.getElementById('search-results');
-    const posts = JSON.parse(postsJson);
+    let postsCache = null;
 
     if (!modal || !searchInput || !resultsContainer) return;
 
+    async function fetchPosts() {
+      if (postsCache) return postsCache;
+      try {
+        const res = await fetch('/api/posts?per_page=100');
+        const data = await res.json();
+        postsCache = data.posts || [];
+        return postsCache;
+      } catch (e) {
+        return [];
+      }
+    }
+
+    function formatDate(dateStr) {
+      const d = new Date(dateStr);
+      return d.toLocaleDateString('ru-RU', { day: 'numeric', month: 'long', year: 'numeric' });
+    }
+
     function openModal() {
       modal.classList.add('active');
       modal.setAttribute('aria-hidden', 'false');
@@ -86,7 +82,7 @@ const postsJson = JSON.stringify(searchData);
       resultsContainer.innerHTML = '';
     }
 
-    function handleSearch(query) {
+    async function handleSearch(query) {
       const trimmed = query.trim().toLowerCase();
 
       if (trimmed.length < 2) {
@@ -94,6 +90,8 @@ const postsJson = JSON.stringify(searchData);
         return;
       }
 
+      const posts = await fetchPosts();
+
       const filtered = posts.filter(post =>
           post.title.toLowerCase().includes(trimmed) ||
           post.description.toLowerCase().includes(trimmed) ||
@@ -112,10 +110,9 @@ const postsJson = JSON.stringify(searchData);
         return;
       }
 
-      //  вывод динамического списка статей
       resultsContainer.innerHTML = filtered.map(post => `
-        <a href="/blog/${post.id}" class="search-result-item">
-          <span class="result-date">${post.date}</span>
+        <a href="/blog/${post.slug}" class="search-result-item">
+          <span class="result-date">${formatDate(post.date)}</span>
           <h4 class="result-title">${post.title}</h4>
           <p class="result-description">${post.description.substring(0, 120)}...</p>
           <span class="result-arrow">