Creating a Blog with Vibe Coding

Hello! Welcome to the hafuture blog.

Why MDX?

MDX is a format that combines Markdown with JSX. This allows you to enjoy the following benefits:

• Easy Writing: Write as easily as Markdown
• Rich Components: Use React components directly
• Code Highlighting: Automatically supported

How to Use

Writing a Post

1. Create an .mdx file in the content/posts/ directory
2. Add metadata to the frontmatter

```mdx

title: "Post Title" description: "Post Description" date: "2026-01-10" tags: ["Tag1", "Tag2"] published: true

```

Code Blocks

const greeting = "Hello, World!";
console.log(greeting);

Future Plans

Through this blog, we plan to share the following:

• hafuture web tool updates
• Development logs (Vibe Coding logs)
• Technical articles and experiment results

Enjoy reading!