> ## Documentation Index
> Fetch the complete documentation index at: https://docs.anotherwrapper.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Blog

> Add a static MDX blog to boost your SEO

<Info>
  Your blog is powered by [Content Collections](https://www.content-collections.dev/) and MDX. Everything is already set up -- you can start writing immediately.
</Info>

## Write Your First Post

<Steps>
  <Step title="Create a new file">
    Add a new `.mdx` file in the `/blog` folder. Name it something like `my-first-post.mdx`.
  </Step>

  <Step title="Add frontmatter">
    Include this metadata at the top of your file:

    ```mdx theme={null}
    ---
    title: Your Title
    subtitle: "A short description of your post"
    date: 2024-04-28
    image: "your_image_url"
    ---
    ```
  </Step>

  <Step title="Write your content">
    Write your blog post using MDX. You can use standard Markdown plus React components.
  </Step>
</Steps>

<Tip>
  Check the `/blog` folder for an existing example that shows various MDX components in action. It's a great starting point to see what's possible.
</Tip>

## Project Structure

| Folder                                | What's There                                        |
| ------------------------------------- | --------------------------------------------------- |
| `app/blog/*`                          | Front-end routing and page logic                    |
| `/blog/*`                             | Your actual blog articles (`.mdx` files)            |
| `components/(ui-components)/blog/*`   | Blog cards, images, and shared blog UI              |
| `components/(ui-components)/alerts/*` | Callout components you can reuse inside MDX content |

Content Collections handles the content schema and transformation behind the scenes. You don't need to touch its config unless you want to add new frontmatter fields.

<Tip>
  Blog posts automatically get added to your sitemap. Every post you write is a new SEO opportunity.
</Tip>