← Back to posts

Getting Started with MDX

MDX combines the power of Markdown with React. This guide will help you create your first post.

Creating a New Post

To create a new blog post, add a .mdx file to the content/posts directory with frontmatter:

---
title: "Your Post Title"
date: "2024-12-25"
description: "A brief description"
author: "Your Name"
tags: ["tag1", "tag2"]
---

Markdown Syntax

All standard Markdown syntax is supported:

  • Bold text
  • Italic text
  • Links
  • Lists and numbered lists
  • Code blocks with syntax highlighting

Using Components

Since this is MDX, you can use React components directly:

This is a styled div using inline React!

Tips

  • Keep posts organized with descriptive filenames
  • Use frontmatter to add metadata
  • Use tags to categorize your posts
  • Write engaging content!

Start exploring and create your own posts today!