---

title: "Hello World" date: "2025-07-26" summary: "First post!" tags: ["introduction", "blog", "nextjs"] author: "asimon" published: true

Hello World

Welcome to my new blog! This is my first post using MDX with Next.js and static export.

What's This Blog About?

This blog will cover:

• 🚀 Web development with modern frameworks
• ☁️ Cloud infrastructure and AWS
• 📝 Technical writing and documentation
• 🛠️ Developer tools and productivity

Technical Stack

This blog is built with:

• Next.js 15 with App Router
• MDX for rich content with React components
• TypeScript for type safety
• Tailwind CSS for styling
• AWS S3 + CloudFront for hosting
• Cloudflare for DNS management

Interactive Example

Here's a simple React component embedded in MDX:

Code Examples

Here's a TypeScript function for reading blog posts:

export function getAllPosts(): PostMetadata[] {
  const fileNames = fs
    .readdirSync(postsDirectory)
    .filter(name => name.endsWith(".mdx"));

  return fileNames.map(fileName => {
    const slug = fileName.replace(/\.mdx$/, "");
    const fullPath = path.join(postsDirectory, fileName);
    const fileContents = fs.readFileSync(fullPath, "utf8");
    const matterResult = matter(fileContents);

    return {
      slug,
      ...matterResult.data,
    } as PostMetadata;
  });
}

What's Next?

Stay tuned for more posts about:

1. Setting up CI/CD pipelines
2. Advanced Next.js patterns
3. AWS infrastructure as code
4. Performance optimization techniques

Thanks for reading! 🎉