Guía de Vibe Coding 2026

Translation in progress. Showing English version.

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: "Guía de Vibe Coding 2026" description: "Aprenda a construir un blog MDX rápido y optimizado para SEO con Next.js App Router para publicación de contenido técnico de desarrolladores." 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!