Hello World: Building This Blog

Welcome!

This is the first post on my blog. I built this site using Next.js, MDX, and a custom CSS design token system.

Tech Stack

Here's what powers this blog:

• Next.js — Static site generation with generateStaticParams
• MDX — Write blog posts in Markdown with React components
• rehype-pretty-code — Beautiful syntax highlighting with the One Dark Pro theme
• CSS Variables — A complete design token system for light/dark themes
• next-themes — Seamless theme switching

Code Example

Here's a simple TypeScript function:

function greet(name: string): string {
  return `Hello, ${name}! Welcome to my blog.`;
}
 
console.log(greet("World"));

What's Next

I'll be writing about:

1. System Design — Architecture patterns and real-world case studies
2. AI & ML — Practical applications and learnings
3. Software Engineering — Best practices, tools, and techniques
4. Personal Growth — Achievements and lessons learned

Stay tuned! 🚀