Blog-specific layouts and components for MDXUI, optimized for creating modern, performant blog sites with MDX and YAML-LD frontmatter.
pnpm add @mdxui/blog- Blog-specific layouts
- Post list components
- Category and tag components
- Author bio components
- Related posts
- Social sharing
- SEO optimization
- RSS feed support
import { BlogLayout, PostList, AuthorBio } from '@mdxui/blog'
// In your MDX file
---
$type: BlogPost
title: My First Blog Post
author: John Doe
date: 2024-03-20
tags: ['react', 'mdx']
---
export default function BlogPost({ children }) {
return (
<BlogLayout>
<article>{children}</article>
<AuthorBio />
</BlogLayout>
)
}
// In your blog index
export default function BlogIndex({ posts }) {
return (
<BlogLayout>
<PostList posts={posts} />
</BlogLayout>
)
}-
BlogLayout- Main blog layout with sidebar and navigation -
PostList- Paginated list of blog posts -
AuthorBio- Author biography component -
TagCloud- Tag visualization -
ShareButtons- Social sharing buttons -
TableOfContents- Post navigation
-
@mdxui/types- TypeScript type definitions -
@mdxui/shared- Shared components and utilities -
@mdxui/widgets- Interactive components
MIT © 2024 Drivly