Hello World - Welcome to My Blog

Tech

Welcome to mrsun.me

This is the first post on the personal blog I built with Next.js 16. Here I'll share my process and thoughts as I explore technology.

Tech Choices

This blog is built on the following stack:

TechnologyPurpose
Next.js 16Full-stack React framework
Tailwind CSS 4Utility-first CSS
shadcn/uiUI component library
TypeScriptType safety
EdgeOne PagesStatic deployment

Why Static Export?

Static export has plenty of advantages:

  • Extremely fast loading
  • SEO friendly
  • Low deployment costs
  • High security
  • Limited real-time data processing

Code Examples

Here's a simple React component:

'use client';

import { useState } from 'react';

export function Counter() {
  const [count, setCount] = useState(0);

  return (
    <button onClick={() => setCount(count + 1)}>
      Clicked {count} times
    </button>
  );
}

And some JavaScript:

const posts = [
  { title: 'Post One', date: '2026-06-01' },
  { title: 'Post Two', date: '2026-06-02' },
];

const sorted = posts.sort((a, b) => b.date.localeCompare(a.date));
console.log(sorted);

What's Next

  1. Keep publishing tech articles
  2. Improve the reading experience
  3. Add more interesting features

Knowledge is built through accumulation; skill is honed through practice.

Thanks for reading! If you have any questions, feel free to leave a comment.