Invalid Date
2 min read
Blog Posts
This directory contains all blog posts in Markdown format. Each post should include frontmatter metadata.
Frontmatter Format
Each blog post should start with YAML frontmatter:
---
title: "Your Post Title"
date: "YYYY-MM-DD"
excerpt: "A brief description of your post (shown in previews)"
coverImage: "/path/to/image.png"
tags: ["tag1", "tag2", "tag3"]
---
Required Fields
- title: The title of your blog post
- date: Publication date in YYYY-MM-DD format
- excerpt: Short description (1-2 sentences)
- tags: Array of relevant tags
Optional Fields
- coverImage: Path to cover image (relative to public folder)
- author: Author name (defaults to config)
Markdown Features
All standard Markdown features are supported, plus:
- GitHub Flavored Markdown (tables, task lists, strikethrough)
- Syntax highlighting for code blocks
- Auto-linking of URLs
- Custom styled components
Example Post
See the existing posts in this directory for examples:
nextjs-14-server-components.mdtailwind-tips-tricks.mdframer-motion-portfolio.md
Creating a New Post
- Create a new
.mdfile in this directory - Add frontmatter metadata at the top
- Write your content using Markdown
- The post will automatically appear on
/blog - Access it at
/blog/your-filename(without .md)
Tips
- Use descriptive filenames (they become the URL slug)
- Add alt text to images for accessibility
- Keep excerpts concise (under 160 characters is ideal)
- Use relevant tags for better discoverability
- Test your post locally before deploying
