Blog

1---
2// Blog index — data fetched SERVER-SIDE (SEO) and handed to the island as DTO props.
3// Keep this frontmatter; swap the island import to YOUR feed component. The category pills link
4// to the category pages (/blog/category/<slug>) so every filter has a URL; pass no `categoryHref`
5// for client-side filtering instead.
6import SiteLayout from "../layouts/SiteLayout.astro";
7import BlogFeedView from "../components/blog/BlogFeedView";
8import { categoryPath, fetchPosts } from "../wix/blog/posts";
9import { fetchBlogCategories, fetchBlogTags } from "../wix/blog/taxonomy";
10import type { BlogCategory, BlogTag, PostPage } from "../wix/blog/types";
11
12let page: PostPage | undefined;
13let categories: BlogCategory[] = [];
14let tags: BlogTag[] = [];
15let failed = false;
16try {
17  [page, categories, tags] = await Promise.all([fetchPosts(), fetchBlogCategories(), fetchBlogTags()]);
18} catch {
19  // An unguarded SSR throw truncates the response mid-stream. With no seed the island fetches
20  // client-side and shows its own error state — never "No posts yet" for a failed read.
21  failed = true;
22}
23---
24
25<SiteLayout title="Blog">
26  <h1 class="mb-8 text-2xl font-semibold tracking-tight">Blog</h1>
27  <BlogFeedView
28    client:load
29    initialPage={failed ? undefined : page}
30    initialCategories={categories}
31    initialTags={tags}
32    categoryHref={categoryPath}
33  />
34</SiteLayout>