Welcome to Typetempo

Welcome to Typetempo! This is a sample blog post to demonstrate how the frontmatter and MDX system works.

Getting Started

This blog system uses MDX files with frontmatter to manage posts. Each post is stored in the content/posts/ directory and can be written in Markdown with React components.

Frontmatter Fields

The frontmatter section at the top of each file contains metadata about the post:

• title: The post title
• description: A brief description of the post
• date: Publication date in YYYY-MM-DD format
• tags: Optional array of tags
• cover: Optional cover image filename
• ogTitle: Optional Open Graph title (defaults to title)
• ogDescription: Optional Open Graph description (defaults to description)

Writing Posts

You can write posts using standard Markdown syntax, including:

• Bold and italic text
• Headings (like this one)
• Lists (ordered and unordered)
• Code blocks with syntax highlighting
• Links and images

Code Example

Here's an example of a code block:

export function greet(name: string) {
  return `Hello, ${name}!`;
}

Next Steps

Start writing your own posts by creating new .mdx files in the content/posts/ directory. You can use either dated filenames (2025-01-15-slug.mdx) or simple slugs (my-post.mdx).

Happy writing!