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!