Skip to main content
Your blog is powered by Content Collections and MDX. Everything is already set up — you can start writing immediately.

​
Write Your First Post

1

Create a new file

Add a new .mdx file in the /blog folder. Name it something like my-first-post.mdx.
2

Add frontmatter

Include this metadata at the top of your file:
---
title: Your Title
subtitle: "A short description of your post"
date: 2024-04-28
image: "your_image_url"
---
3

Write your content

Write your blog post using MDX. You can use standard Markdown plus React components.
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.

​
Project Structure

FolderWhat’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.
Blog posts automatically get added to your sitemap. Every post you write is a new SEO opportunity.