Example blog post showcase

This is the single published example post for the site. It is not a base template; it is a tight reference for the content features a blog post can use when a real article needs more than plain paragraphs.

At a glance

A post can mix strong emphasis, subtle emphasis, internal links, and inline code such as getCollection("blog") without needing custom components.

• Frontmatter controls the language, translation key, URL slug, title, summary, publish date, updated date, tags, draft state, and preview image.
• Markdown handles headings, images, lists, tables, quotes, and fenced code blocks.
• The blog index, detail pages, RSS feed, sitemap, and article metadata are generated from the same content entry.

Checklist state

• Show metadata in the page header and structured data.
• Render a full-width image inside the article body.
• Keep code snippets readable on narrow screens.
• Replace this example with real writing when the blog is ready.

A short workflow

1. Write one Markdown file per language.
2. Give the translated files the same translationKey.
3. Use language-specific slug, title, description, and tags.
4. Run the build so Astro validates the content collection.

Good examples are specific enough to test the layout, but small enough that the real content can replace them without a cleanup project.

Code sample

const postFeatures = {
  metadata: ["lang", "translationKey", "slug", "title", "description", "pubDate", "updatedDate", "tags", "heroImage"],
  markdown: ["images", "lists", "tables", "quotes", "code"],
  output: ["static page", "RSS item", "sitemap URL", "article schema"],
};

export const isShowcaseReady = postFeatures.markdown.includes("tables");

Comparison table

Feature	Where it comes from	Used for
translationKey	Shared frontmatter	Groups English and Finnish versions together
slug	Per-language frontmatter	Creates the public URL for that language
Tags	Frontmatter array	Topic labels on cards and detail pages
Code fences	Markdown body	Technical examples with horizontal scrolling

Secondary media

This final paragraph keeps the post compact while still proving that normal prose continues cleanly after richer blocks.