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);
```
[...]