Vibe Coding & Future of Dev

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: "Vibe Coding & Future of Dev" description: "Learn how to build a fast, SEO-optimized MDX blog with Next.js App Router for modern vibe coding content creation and developer publishing." date: "2026-01-10" tags: ["Tag1", "Tag2"] published: true

```

Code Blocks

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

Try our Tools

Enhance your blog management or content creation with these tools:

• Check Text Tools: Word counter, case converter, and more.
• Check Image Tools: Easy image compression and resizing.

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!