GET http://www.dev.michaeljpitz.com/categorie/tailwind-css

Response
200 OK
IP
216.73.216.91
Profiled on
Token
6ab306

Components

4 Twig Components
8 Render Count
10 ms Render Time
4.0 MiB Memory Usage

Components

Name Metadata Render Count Render Time
CategoryBadge 
[Anonymous]
components/CategoryBadge.html.twig 		4 0.62ms
ArticleCard 
[Anonymous]
components/ArticleCard.html.twig 		2 3.84ms
Navbar 
"App\Twig\Components\NavbarComponent"
components/Navbar.html.twig 		1 5.30ms
Breadcrumb 
"App\Twig\Components\BreadcrumbComponent"
components/Breadcrumb.html.twig 		1 0.82ms

Render calls

Navbar App\Twig\Components\NavbarComponent 4.0 MiB 5.30 ms
Input props 
[]
Attributes 
[]
Component 
App\Twig\Components\NavbarComponent {#1563
  -categoryRepository: App\Repository\CategoryRepository {#878 …}
}
Breadcrumb App\Twig\Components\BreadcrumbComponent 4.0 MiB 0.82 ms
Input props 
[
  "items" => [
    [
      "label" => "Accueil"
      "url" => "/"
    ]
    [
      "label" => "Articles"
      "url" => "/articles"
    ]
    [
      "label" => "Tailwind CSS"
    ]
  ]
]
Attributes 
[]
Component 
App\Twig\Components\BreadcrumbComponent {#1581
  +items: [
    [
      "label" => "Accueil"
      "url" => "/"
    ]
    [
      "label" => "Articles"
      "url" => "/articles"
    ]
    [
      "label" => "Tailwind CSS"
    ]
  ]
}
ArticleCard 
[Anonymous]
 4.0 MiB 2.60 ms
Input props 
[
  "article" => App\Entity\Article {#1356
    -id: 723
    -title: "Tailwind CSS : construire un design system cohérent"
    -slug: "tailwind-css-construire-design-system-coherent"
    -content: "<h2>Tailwind CSS : construire un design system cohérent</h2><p>Cet article explore en détail les concepts fondamentaux et avancés liés à ce sujet. Que vous soyez débutant ou développeur confirmé, vous trouverez ici des informations pratiques et des exemples concrets.</p><h3>Pourquoi ce sujet est important</h3><p>Dans le développement web moderne, maîtriser ces concepts vous permettra d'écrire un code plus maintenable, plus performant et plus sécurisé. Les équipes qui adoptent ces pratiques constatent une réduction significative du temps de débogage.</p><h3>Mise en pratique</h3><p>Voici comment appliquer ces connaissances dans un projet Symfony réel. Commencez par configurer votre environnement de développement correctement, puis suivez les étapes décrites ci-dessous.</p><pre><code>// Exemple de code commenté&#10;// Adaptez ce code à votre contexte</code></pre><h3>Points clés à retenir</h3><ul><li>Toujours utiliser le typage strict en PHP 8+</li><li>Privilégier les attributs PHP aux annotations pour la configuration</li><li>Tester régulièrement avec PHPUnit pour garantir la stabilité</li></ul><p>N'hésitez pas à laisser un commentaire si vous avez des questions ou des suggestions d'amélioration.</p>"
    -excerpt: "Structurez vos projets Tailwind CSS pour maintenir la cohérence visuelle sur la durée."
    -featuredImage: null
    -imageFile: null
    -isPublished: true
    -createdAt: DateTimeImmutable @1782709593 {#1385
      date: 2026-06-29 05:06:33.0 UTC (+00:00)
    }
    -publishedAt: DateTimeImmutable @1781327193 {#1358
      date: 2026-06-13 05:06:33.0 UTC (+00:00)
    }
    -updatedAt: null
    -categories: Doctrine\ORM\PersistentCollection {#1365 …}
    -comments: Doctrine\ORM\PersistentCollection {#1380 …}
    -ratings: Doctrine\ORM\PersistentCollection {#1412 …}
  }
]
Attributes 
[
  "article" => "Tailwind CSS : construire un design system cohérent"
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#1623
  -props: [
    "article" => App\Entity\Article {#1356
      -id: 723
      -title: "Tailwind CSS : construire un design system cohérent"
      -slug: "tailwind-css-construire-design-system-coherent"
      -content: "<h2>Tailwind CSS : construire un design system cohérent</h2><p>Cet article explore en détail les concepts fondamentaux et avancés liés à ce sujet. Que vous soyez débutant ou développeur confirmé, vous trouverez ici des informations pratiques et des exemples concrets.</p><h3>Pourquoi ce sujet est important</h3><p>Dans le développement web moderne, maîtriser ces concepts vous permettra d'écrire un code plus maintenable, plus performant et plus sécurisé. Les équipes qui adoptent ces pratiques constatent une réduction significative du temps de débogage.</p><h3>Mise en pratique</h3><p>Voici comment appliquer ces connaissances dans un projet Symfony réel. Commencez par configurer votre environnement de développement correctement, puis suivez les étapes décrites ci-dessous.</p><pre><code>// Exemple de code commenté&#10;// Adaptez ce code à votre contexte</code></pre><h3>Points clés à retenir</h3><ul><li>Toujours utiliser le typage strict en PHP 8+</li><li>Privilégier les attributs PHP aux annotations pour la configuration</li><li>Tester régulièrement avec PHPUnit pour garantir la stabilité</li></ul><p>N'hésitez pas à laisser un commentaire si vous avez des questions ou des suggestions d'amélioration.</p>"
      -excerpt: "Structurez vos projets Tailwind CSS pour maintenir la cohérence visuelle sur la durée."
      -featuredImage: null
      -imageFile: null
      -isPublished: true
      -createdAt: DateTimeImmutable @1782709593 {#1385
        date: 2026-06-29 05:06:33.0 UTC (+00:00)
      }
      -publishedAt: DateTimeImmutable @1781327193 {#1358
        date: 2026-06-13 05:06:33.0 UTC (+00:00)
      }
      -updatedAt: null
      -categories: Doctrine\ORM\PersistentCollection {#1365 …}
      -comments: Doctrine\ORM\PersistentCollection {#1380 …}
      -ratings: Doctrine\ORM\PersistentCollection {#1412 …}
    }
  ]
}
CategoryBadge 
[Anonymous]
 4.0 MiB 0.45 ms
Input props 
[
  "category" => App\Entity\Category {#1209
    -id: 286
    -title: "JavaScript"
    -slug: "javascript"
    -color: "#f0db4f"
    -description: "JavaScript moderne : ES6+, outils et écosystème front-end."
    -level: 0
    -articles: Doctrine\ORM\PersistentCollection {#1210 …}
    -pages: Doctrine\ORM\PersistentCollection {#1208 …}
  }
]
Attributes 
[
  "category" => "JavaScript"
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#1660
  -props: [
    "category" => App\Entity\Category {#1209
      -id: 286
      -title: "JavaScript"
      -slug: "javascript"
      -color: "#f0db4f"
      -description: "JavaScript moderne : ES6+, outils et écosystème front-end."
      -level: 0
      -articles: Doctrine\ORM\PersistentCollection {#1210 …}
      -pages: Doctrine\ORM\PersistentCollection {#1208 …}
    }
  ]
}
CategoryBadge 
[Anonymous]
 4.0 MiB 0.05 ms
Input props 
[
  "category" => App\Entity\Category {#893
    -id: 290
    -title: "Tailwind CSS"
    -slug: "tailwind-css"
    -color: "#38bdf8"
    -description: "Tailwind CSS : classes utilitaires et design system."
    -level: 286
    -articles: Doctrine\ORM\PersistentCollection {#920 …}
    -pages: Doctrine\ORM\PersistentCollection {#968 …}
  }
]
Attributes 
[
  "category" => "Tailwind CSS"
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#1683
  -props: [
    "category" => App\Entity\Category {#893
      -id: 290
      -title: "Tailwind CSS"
      -slug: "tailwind-css"
      -color: "#38bdf8"
      -description: "Tailwind CSS : classes utilitaires et design system."
      -level: 286
      -articles: Doctrine\ORM\PersistentCollection {#920 …}
      -pages: Doctrine\ORM\PersistentCollection {#968 …}
    }
  ]
}
ArticleCard 
[Anonymous]
 4.0 MiB 1.24 ms
Input props 
[
  "article" => App\Entity\Article {#1406
    -id: 731
    -title: "Tailwind CSS en mode sombre : stratégies et pièges"
    -slug: "tailwind-css-mode-sombre-strategies-pieges"
    -content: "<h2>Tailwind CSS en mode sombre : stratégies et pièges</h2><p>Cet article explore en détail les concepts fondamentaux et avancés liés à ce sujet. Que vous soyez débutant ou développeur confirmé, vous trouverez ici des informations pratiques et des exemples concrets.</p><h3>Pourquoi ce sujet est important</h3><p>Dans le développement web moderne, maîtriser ces concepts vous permettra d'écrire un code plus maintenable, plus performant et plus sécurisé. Les équipes qui adoptent ces pratiques constatent une réduction significative du temps de débogage.</p><h3>Mise en pratique</h3><p>Voici comment appliquer ces connaissances dans un projet Symfony réel. Commencez par configurer votre environnement de développement correctement, puis suivez les étapes décrites ci-dessous.</p><pre><code>// Exemple de code commenté&#10;// Adaptez ce code à votre contexte</code></pre><h3>Points clés à retenir</h3><ul><li>Toujours utiliser le typage strict en PHP 8+</li><li>Privilégier les attributs PHP aux annotations pour la configuration</li><li>Tester régulièrement avec PHPUnit pour garantir la stabilité</li></ul><p>N'hésitez pas à laisser un commentaire si vous avez des questions ou des suggestions d'amélioration.</p>"
    -excerpt: "Implémentez un mode sombre fiable avec Tailwind CSS sans casser votre design au fil du temps."
    -featuredImage: null
    -imageFile: null
    -isPublished: true
    -createdAt: DateTimeImmutable @1782709593 {#1410
      date: 2026-06-29 05:06:33.0 UTC (+00:00)
    }
    -publishedAt: DateTimeImmutable @1779253593 {#1434
      date: 2026-05-20 05:06:33.0 UTC (+00:00)
    }
    -updatedAt: null
    -categories: Doctrine\ORM\PersistentCollection {#1431 …}
    -comments: Doctrine\ORM\PersistentCollection {#1443 …}
    -ratings: Doctrine\ORM\PersistentCollection {#1446 …}
  }
]
Attributes 
[
  "article" => "Tailwind CSS en mode sombre : stratégies et pièges"
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#1700
  -props: [
    "article" => App\Entity\Article {#1406
      -id: 731
      -title: "Tailwind CSS en mode sombre : stratégies et pièges"
      -slug: "tailwind-css-mode-sombre-strategies-pieges"
      -content: "<h2>Tailwind CSS en mode sombre : stratégies et pièges</h2><p>Cet article explore en détail les concepts fondamentaux et avancés liés à ce sujet. Que vous soyez débutant ou développeur confirmé, vous trouverez ici des informations pratiques et des exemples concrets.</p><h3>Pourquoi ce sujet est important</h3><p>Dans le développement web moderne, maîtriser ces concepts vous permettra d'écrire un code plus maintenable, plus performant et plus sécurisé. Les équipes qui adoptent ces pratiques constatent une réduction significative du temps de débogage.</p><h3>Mise en pratique</h3><p>Voici comment appliquer ces connaissances dans un projet Symfony réel. Commencez par configurer votre environnement de développement correctement, puis suivez les étapes décrites ci-dessous.</p><pre><code>// Exemple de code commenté&#10;// Adaptez ce code à votre contexte</code></pre><h3>Points clés à retenir</h3><ul><li>Toujours utiliser le typage strict en PHP 8+</li><li>Privilégier les attributs PHP aux annotations pour la configuration</li><li>Tester régulièrement avec PHPUnit pour garantir la stabilité</li></ul><p>N'hésitez pas à laisser un commentaire si vous avez des questions ou des suggestions d'amélioration.</p>"
      -excerpt: "Implémentez un mode sombre fiable avec Tailwind CSS sans casser votre design au fil du temps."
      -featuredImage: null
      -imageFile: null
      -isPublished: true
      -createdAt: DateTimeImmutable @1782709593 {#1410
        date: 2026-06-29 05:06:33.0 UTC (+00:00)
      }
      -publishedAt: DateTimeImmutable @1779253593 {#1434
        date: 2026-05-20 05:06:33.0 UTC (+00:00)
      }
      -updatedAt: null
      -categories: Doctrine\ORM\PersistentCollection {#1431 …}
      -comments: Doctrine\ORM\PersistentCollection {#1443 …}
      -ratings: Doctrine\ORM\PersistentCollection {#1446 …}
    }
  ]
}
CategoryBadge 
[Anonymous]
 4.0 MiB 0.08 ms
Input props 
[
  "category" => App\Entity\Category {#1209
    -id: 286
    -title: "JavaScript"
    -slug: "javascript"
    -color: "#f0db4f"
    -description: "JavaScript moderne : ES6+, outils et écosystème front-end."
    -level: 0
    -articles: Doctrine\ORM\PersistentCollection {#1210 …}
    -pages: Doctrine\ORM\PersistentCollection {#1208 …}
  }
]
Attributes 
[
  "category" => "JavaScript"
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#1720
  -props: [
    "category" => App\Entity\Category {#1209
      -id: 286
      -title: "JavaScript"
      -slug: "javascript"
      -color: "#f0db4f"
      -description: "JavaScript moderne : ES6+, outils et écosystème front-end."
      -level: 0
      -articles: Doctrine\ORM\PersistentCollection {#1210 …}
      -pages: Doctrine\ORM\PersistentCollection {#1208 …}
    }
  ]
}
CategoryBadge 
[Anonymous]
 4.0 MiB 0.05 ms
Input props 
[
  "category" => App\Entity\Category {#893
    -id: 290
    -title: "Tailwind CSS"
    -slug: "tailwind-css"
    -color: "#38bdf8"
    -description: "Tailwind CSS : classes utilitaires et design system."
    -level: 286
    -articles: Doctrine\ORM\PersistentCollection {#920 …}
    -pages: Doctrine\ORM\PersistentCollection {#968 …}
  }
]
Attributes 
[
  "category" => "Tailwind CSS"
]
Component 
Symfony\UX\TwigComponent\AnonymousComponent {#1740
  -props: [
    "category" => App\Entity\Category {#893
      -id: 290
      -title: "Tailwind CSS"
      -slug: "tailwind-css"
      -color: "#38bdf8"
      -description: "Tailwind CSS : classes utilitaires et design system."
      -level: 286
      -articles: Doctrine\ORM\PersistentCollection {#920 …}
      -pages: Doctrine\ORM\PersistentCollection {#968 …}
    }
  ]
}