1 min

Hello World: Starting My Blog

announcementblog

Introduction

I'm starting a blog. Here I'll share technical articles and daily learnings.

Tech Stack

This blog is built with:

  • Next.js 16 — App Router + React Server Components
  • MDX — Write articles in Markdown with embedded React components
  • Tailwind CSS v4 — Utility-first CSS
  • Shiki — Syntax highlighting (light/dark support)

Code Example

lib/blog.ts
export function getAllPosts(locale: Locale): PostMeta[] {
  return getPostSlugs()
    .map((slug) => getPost(slug, locale)?.meta ?? null)
    .filter((m): m is PostMeta => m !== null && m.published)
    .sort((a, b) => b.date.localeCompare(a.date));
}

image
image

Math Support

KaTeX math rendering is supported:

E=mc2E = mc^2

What's Next

I'll be posting articles regularly. Stay tuned.