Next.js MDX Blog

This is a test blog

Introduction

Next.js and MDX provide a powerful combination for creating dynamic and interactive blog posts. This sample post demonstrates various markdown and code elements.

Code Samples

Here are some code samples in different languages:

const a = 1;
console.log(a);

const a = 1;
console.log(a);

print("Hello, World!")

.container {
  background-color: red;
}

<div class="container">Hello, World!</div>

npm run dev

{
  "name": "Next.js MDX Blog",
  "version": "1.0.0",
  "description": "This is a test blog",
  "author": "Your Name",
  "license": "MIT"
}

Markdown Elements

Lists

Here's an unordered list:

• Item 1
• Item 2
• Item 3

And an ordered list:

1. First item
2. Second item
3. Third item

Blockquote

This is a blockquote. It's great for highlighting important information or quotes from other sources.

Table

Here's a sample table showing some Next.js features:

Horizontal Rule

Emphasis and Strong

This text has emphasis, this one is strong, and this is both.

Links

Check out Next.js documentation for more information.