logo

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.md
  • tailwind-tips-tricks.md
  • framer-motion-portfolio.md

Creating a New Post

  1. Create a new .md file in this directory
  2. Add frontmatter metadata at the top
  3. Write your content using Markdown
  4. The post will automatically appear on /blog
  5. 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