Hello World
By StatusPage.one Team
Welcome to Our Blog
This is our first blog post! We're excited to share updates, insights, and tutorials with you.
What's New
Our blog is built with some amazing technologies:
- MDX: Write markdown with React components
- Contentlayer: Type-safe content management
- Next.js: Fast, modern web framework
- Tailwind CSS: Utility-first styling
Custom Components
This card is a React component rendered inside MDX! You can use any of our existing UI components directly in blog posts.
Features
Here's what makes our blog special:
- File-based content - Just create MDX files
- Type safety - Contentlayer generates TypeScript types
- React components - Use interactive elements in posts
- Fast builds - Static generation with incremental updates
Pro tip: You can use custom callout components to highlight important information!
Code Examples
You can include code snippets:
import { Card } from '@statuspageone/ui'
export function BlogCard({ title, children }) {
return (
<Card>
<CardHeader>
<CardTitle>{title}</CardTitle>
</CardHeader>
<CardContent>
{children}
</CardContent>
</Card>
)
}
What's Next?
We're planning to share:
- Product updates and new features
- Technical deep dives
- Best practices for status page monitoring
- Customer success stories
Stay tuned for more content!
Thanks for reading! We hope you enjoy our new blog.