Back to Blog

Building a Custom Blog with Next.js

A guide to creating a beautiful, structured blog with MDX and Tailwind

🚀 Welcome to the MDX Features Showcase

This post is designed to test all the cool features available in your blog built with Next.js App Router, TypeScript, and MDX.


✨ Text Formatting

You can use bold text, italic text, or even bold + italic.

Here’s a horizontal rule:


🔗 Links


📋 Lists

Unordered List

  • Fast ⚡
  • Flexible 🎨
  • Developer-Friendly 🧑‍💻

Ordered List

  1. Install dependencies
  2. Create your project
  3. Deploy on Vercel

💬 Blockquotes

"Great software is built step by step — not all at once."


🖼️ Images

You can embed images:

Next.js Logo


🧑‍💻 Code Blocks

Here’s a JavaScript example:

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

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

Share this article