Welcome to Our Blog

This is your first blog post written in MDX! MDX allows you to write JSX directly in your Markdown files, giving you the power to create interactive content.

What is MDX?

MDX is a format that lets you seamlessly write JSX in your Markdown documents. You can import components, such as interactive charts or alerts, and embed them within your content.

Features of This Blog

Next.js 15 with App Router
React 19 for the latest features
Tailwind CSS for styling
Shadcn/ui for beautiful components
Responsive design that works on all devices

Getting Started

You can create new blog posts by adding .mdx files to the app/content/posts/ directory. Each post should include frontmatter with metadata like title, description, date, and category.

Code Examples

Here's a simple TypeScript function:

function greet(name: string): string {
  return `Hello, ${name}!`;
}

console.log(greet("World"));

What's Next?

Start exploring the blog, check out different categories, and enjoy the smooth navigation experience powered by Next.js App Router.

Welcome to Our Blog

This is your first blog post written in MDX! MDX allows you to write JSX directly in your Markdown files, giving you the power to create interactive content.

What is MDX?

MDX is a format that lets you seamlessly write JSX in your Markdown documents. You can import components, such as interactive charts or alerts, and embed them within your content.

Features of This Blog

Next.js 15 with App Router
React 19 for the latest features
Tailwind CSS for styling
Shadcn/ui for beautiful components
Responsive design that works on all devices

Getting Started

You can create new blog posts by adding .mdx files to the app/content/posts/ directory. Each post should include frontmatter with metadata like title, description, date, and category.

Code Examples

Here's a simple TypeScript function:

function greet(name: string): string {
  return `Hello, ${name}!`;
}

console.log(greet("World"));

What's Next?

Start exploring the blog, check out different categories, and enjoy the smooth navigation experience powered by Next.js App Router.

Welcome to Our Blog

This is your first blog post written in MDX! MDX allows you to write JSX directly in your Markdown files, giving you the power to create interactive content.

What is MDX?

MDX is a format that lets you seamlessly write JSX in your Markdown documents. You can import components, such as interactive charts or alerts, and embed them within your content.

Features of This Blog

Next.js 15 with App Router
React 19 for the latest features
Tailwind CSS for styling
Shadcn/ui for beautiful components
Responsive design that works on all devices

Getting Started

You can create new blog posts by adding .mdx files to the app/content/posts/ directory. Each post should include frontmatter with metadata like title, description, date, and category.

Code Examples

Here's a simple TypeScript function:

function greet(name: string): string {
  return `Hello, ${name}!`;
}

console.log(greet("World"));

What's Next?

Start exploring the blog, check out different categories, and enjoy the smooth navigation experience powered by Next.js App Router.