Blog Guide
PacBoiler comes with a built-in, high-performance blog powered by MDX. This allows you to write content in Markdown while using React components.
1. Creating a Post
All blog posts live in the content/blog directory. To create a new post, simply add a .mdx file.
Example: content/blog/my-first-post.mdx
2. Frontmatter
Every post must start with "frontmatter" (metadata) between three dashes ---.
---
title: "My First Post"
description: "This is a short summary that appears on the blog index."
date: "2025-03-20"
author: "Admin"
image: "/images/blog/cover-image.jpg"
---- title: The headline of the post.
- description: Used for SEO and the post preview card.
- date: Format
YYYY-MM-DD. Posts are sorted by this date. - author: The name of the writer.
- image: (Optional) URL to a cover image.
3. Writing Content
You can write standard Markdown:
# Heading 1
## Heading 2
This is a paragraph with **bold** and *italic* text.
- List item 1
- List item 2
[Link to Google](https://google.com)4. Using Components
Since this is MDX, you can use React components directly in your content! We have pre-configured some Shadcn UI components for you.
Alerts
<Alert>
<AlertTitle>Heads up!</AlertTitle>
<AlertDescription>
This is an important message for your readers.
</AlertDescription>
</Alert>Buttons
<Button>Click Me</Button>5. Adding Images
Place your images in the public/images/blog folder. Then reference them like this:
