Driving Traffic with Markdown and SEO on a Next.js Blog

Introduction

To boost the visibility of Nüdiet, I added a blog section focused on wellness and nutrition.

🗓️ I publish 2 to 3 articles per week, all written in Markdown.

Technical Stack

On the tech side, I'm using:

• next-mdx and rehype for clean and flexible content rendering
• generateMetadata from Next.js to optimize SEO per article

The blog stack allows me to combine developer productivity with long-term content discoverability.

Performance Metrics

The Goal

The idea behind this approach is simple: generate relevant, helpful content that both assists users and improves the site's organic search visibility.

Key Benefits

🔍 Better SEO Performance

• Optimized meta tags
• Structured data markup
• Fast loading times

🧑‍💻 Developer Experience

• Markdown-based content
• Hot reloading
• Type-safe components

📝 Content Management

• Easy to write and edit
• Version control friendly
• Automated publishing

Code Example

Here's how I structure my blog posts:

interface BlogPost {
  title: string;
  excerpt: string;
  content: string;
  publishedAt: string;
  readingTime: number;
  tags: string[];
  slug: string;
}

And the rendering component:

import ReactMarkdown from 'react-markdown';
import remarkGfm from 'remark-gfm';

export const BlogPost = ({ content }: { content: string }) => {
  return (
    <ReactMarkdown remarkPlugins={[remarkGfm]}>
      {content}
    </ReactMarkdown>
  );
};

Reflections

I'd love to get your feedback:

• ➡️ Have you tried this strategy before?
• ➡️ Do you use other methods to drive traffic to your site?
• ➡️ Do you see this as a best practice or more of a workaround?

Conclusion

Writing content in Markdown, optimizing it with metadata, and rendering it with modern tools like Next.js creates a robust content pipeline that serves both technical and marketing goals.

Let me know what you think in the comments! 👇

🇫🇷 Version Française — Attirer du trafic grâce au Markdown et au SEO

Pour améliorer la visibilité de Nüdiet, j'ai mis en place une section blog dédiée au bien-être, à la nutrition et à la santé.

🗓️ Mon objectif : publier régulièrement 2 à 3 articles par semaine, rédigés directement en Markdown.

Pourquoi ce choix ?

Parce que le contenu est roi. Et un contenu bien structuré, informatif et ciblé peut non seulement aider les visiteurs, mais aussi booster naturellement le référencement du site.

Stack technique

• next-mdx pour intégrer facilement du contenu Markdown dans des composants React
• rehype pour enrichir le rendu avec des transformations personnalisées
• La fonction generateMetadata de Next.js 13+ pour optimiser dynamiquement les balises meta de chaque article

Les avantages

• ✅ Meilleur référencement naturel (SEO)
• ✅ Un temps de chargement optimisé grâce à la génération statique
• ✅ Une expérience de lecture fluide
• ✅ Une pipeline de publication simple pour écrire, publier et itérer rapidement

Et vous ?

• ➡️ Est-ce que vous utilisez le Markdown pour votre blog ou documentation ?
• ➡️ Avez-vous déjà testé une stratégie similaire sur vos projets ?
• ➡️ Quelles approches vous donnent les meilleurs résultats pour générer du trafic ?

Conclusion

Adopter cette stratégie me permet de gagner du temps côté développement, tout en créant un canal d'acquisition pérenne basé sur le contenu. Une solution simple, efficace, et scalable.

Vos retours sont les bienvenus en commentaires 👇