Tester le rendu Markdown et des blocs de code

Cet article sert de test visuel pour vérifier le rendu de tous les éléments markdown dans la page de détail blog.

Bloc TypeScript

type User = {
  id: string;
  email: string;
  role: "admin" | "user";
};

export function canAccessAdmin(user: User): boolean {
  return user.role === "admin";
}

Bloc shell (sh)

# lint ciblé sur la page article
pnpm exec eslint "app/blog/[slug]/page.tsx"

# build de validation
pnpm exec next build

Bloc JSON

{
  "feature": "table-of-contents",
  "activeSectionTracking": true,
  "maxRelatedArticles": 3
}

Citation et liste

Le meilleur test de rendu, c'est un contenu réaliste avec plusieurs cas (titres, tableaux, code, citations).

• Vérifier les marges verticales
• Vérifier les couleurs de texte
• Vérifier la lisibilité des snippets

Tableau de test

Architecture projet

Benjamin Drouin

Développeur Full-Stack

À propos →