Hello World

Welcome to My Blog

This is the first post on my new blog, built with Next.js 16, Tailwind CSS v4, and Velite.

Code Example

Here's a simple React component:

import { useState } from "react";
 
interface CounterProps {
  initialCount?: number;
}
 
export function Counter({ initialCount = 0 }: CounterProps) {
  const [count, setCount] = useState(initialCount);
 
  return (
    <div className="flex items-center gap-4">
      <button onClick={() => setCount(count - 1)}>-</button>
      <span>{count}</span>
      <button onClick={() => setCount(count + 1)}>+</button>
    </div>
  );
}

Table Example

Feature	Status	Version
SSG	✅ Supported	Next.js 16
ISR	✅ Supported	Next.js 16
RSC	✅ Supported	React 19
Turbopack	✅ Default	Next.js 16

Blockquote

The best way to predict the future is to create it. — Peter Drucker

List Example

First item
Second item
Third item

Unordered item
Another item
And another

Hello World

Welcome to My Blog

Code Example

Table Example

Blockquote

List Example

Related Posts

Building a Blog with Next.js 16 and Velite