To create a new blog post, add an .mdx file to the src/content/blog directory. The post will automatically be rendered on:

  • The blog index page (src/app/blog)
  • Individual post pages (src/app/blog/[slug])

​
Post Metadata

Each blog post supports the following metadata fields in its frontmatter:

---
title: string
description: string
date: string
readTime: string
author: {
    name: string
    role: string
    company: string
    image: string
}
coverImage: string
tag: string
keywords: string[]
---

​
Creating Content

You can write your post content using standard MDX syntax. MDX supports all standard Markdown features such as headings, bullet points, etc.

For images and videos, it’s recommended to use cloud-hosted URLs rather than including them directly in the repository. This helps keep the repository size small and manageable.

​
Example Complete Post

---
title: "Getting Started with MDX"
description: "Learn how to create your first MDX blog post"
date: "2025-02-01"
readTime: "7 min"
author:
    name: "Timo Huennebeck"
    role: "Developer"
    company: "2mrw"
    image: "https://i.imgur.com/E6nCVLy.jpeg"
coverImage: "https://cdn.prod.website-files.com/66f29fc1a009998749da917b/674f20c7d2bd1824715250bd_blog-p-500.jpg"
tag: "Engineering"
keywords: ["web development", "scaling", "developer tools", "startup growth"]
---

## Introduction

Welcome to this guide on creating MDX blog posts. Let's explore the basics...

```typescript
const example = "Your code here";
console.log(example);
```

[...]
[data] FilesEnvironment Configuration