Blog

import { defineContent, extendSchema, z } from "fromsrc";

const blog = defineContent({
  dir: "blog",
  schema: extendSchema({
    author: z.string(),
    date: z.string(),
    tags: z.array(z.string()).optional(),
  }),
});

export const getBlogPost = blog.getDoc;
export const getAllPosts = blog.getAllDocs;

---
title: hello world
description: our first blog post
author: team
date: 2026-01-15
tags:
  - announcement
  - release
---

import Link from "next/link";
import { getAllPosts } from "@/lib/blog";

export default async function BlogIndex() {
  const posts = await getAllPosts();

  return (
    <div className="max-w-2xl mx-auto py-12 px-4">
      <h1 className="text-2xl font-medium mb-8">blog</h1>
      <div className="space-y-6">
        {posts.map((post) => (
          <Link
            key={post.slug}
            href={`/blog/${post.slug}`}
            className="block group"
          >
            <h2 className="text-lg group-hover:text-accent">{post.title}</h2>
            <p className="text-sm text-muted">
              {post.date} · {post.author}
            </p>
          </Link>
        ))}
      </div>
    </div>
  );
}

import { notFound } from "next/navigation";
import { getBlogPost, getAllPosts } from "@/lib/blog";
import { MDX } from "@/components/mdx";

interface Props {
  params: Promise<{ slug: string }>;
}

export async function generateStaticParams() {
  const posts = await getAllPosts();
  return posts.map((post) => ({ slug: post.slug }));
}

export default async function BlogPost({ params }: Props) {
  const { slug } = await params;
  const post = await getBlogPost([slug]);

  if (!post) notFound();

  return (
    <article className="max-w-2xl mx-auto py-12 px-4">
      <header className="mb-8">
        <h1 className="text-2xl font-medium mb-2">{post.title}</h1>
        <p className="text-sm text-muted">
          {post.data.date} · {post.data.author}
        </p>
      </header>
      <div className="prose">
        <MDX source={post.content} />
      </div>
    </article>
  );
}

import { getAllPosts } from "@/lib/blog";

export async function GET() {
  const posts = await getAllPosts();
  const baseUrl = "https://example.com";

  const rss = `<?xml version="1.0" encoding="UTF-8"?>
<rss version="2.0">
  <channel>
    <title>my blog</title>
    <link>${baseUrl}/blog</link>
    <description>updates and announcements</description>
    ${posts
      .map(
        (post) => `
    <item>
      <title>${post.title}</title>
      <link>${baseUrl}/blog/${post.slug}</link>
      <description>${post.description || ""}</description>
    </item>
    `
      )
      .join("")}
  </channel>
</rss>`;

  return new Response(rss, {
    headers: { "Content-Type": "application/xml" },
  });
}