Welcome to the blog template! This post is a living showcase of every typography style available to you.

Typography Showcase#

The template uses Geist Sans for a modern, clean look. Below are the standard typographic elements.

Heading 1#

Heading 2#

Heading 3#

Heading 4#

Heading 5#

Heading 6#

Paragraphs & Inline Styles#

This is a standard paragraph. You can apply bold, italic, or strikethrough styles easily. For technical terms, use inline code which is styled for high legibility.

This is a blockquote. Use it to highlight key quotes or important takeaways from your article. It features a subtle left border and darkened text.

Lists#

Unordered List:

• Performance: Built for speed.
• Design: Professional aesthetics.
• Security: Type-safe code.

Ordered List:

1. Define your content structure.
2. Add content.
3. Deploy to production.

Callouts & Alerts#

Use standard blockquotes to draw attention to information.

Note: This is a neutral callout for general information or "did you know" facts.

Tip: Use this for best practices, shortcuts, or optimization suggestions.

Warning: Highlight potential pitfalls or things to be cautious about.

UI Components#

This boilerplate focuses on clean, typography-first content. You can use standard Markdown tables and lists to organize your data.

Features#

• Fast: Near-instant builds with Turbopack.
• Beautiful: Styled with Tailwind 4.
• Modern: Built with Next.js 16.

FAQ#

• Is this template free? Yes, it is fully open-source and free to use for any project.
• Does it support dark mode? Absolutely! It switches automatically based on system settings.

Project Structure#

1
project/
2
  app/
3
    layout.tsx
4
    page.tsx
5
  content/
6
    blog/
7
      hello-world.mdx
8
  public/
9
    images/

Steps to Success#

1. Initialize Project: Clone the repository and install dependencies.
2. Customize Config: Update site.ts with your details.
3. Start Writing: Create your first .mdx file in content/blog.

Media#

Standard markdown tables are automatically enhanced with spacing and borders.

Conclusion#

This template provides the essential tools needed for professional, high-quality technical blogging. Every element is designed to work together seamlessly while maintaining a premium aesthetic.

Happy Writing!