--- title: "Packages disponibles" description: "Les packages npm qu’un site peut utiliser avec Atelier201 et comment en ajouter un." canonical: "https://atelier201.com/docs/fr/platform/packages" updated: "2026-11-06" --- # Packages disponibles Un site est compilé sans accès au réseau, à partir de packages préinstallés. Vous pouvez en ajouter n’importe lequel à un site. Si un package ne figure pas dans la liste, ou si Atelier201 ne dispose pas de la version demandée, la compilation échoue avec `dependencies_unavailable` et indique le nom du package. | Pour | Packages | | ------------------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | | Astro | `astro` 7.4.2, `@astrojs/mdx` 8.1.2, `@astrojs/rss` 4.0.19, `@astrojs/sitemap` 3.7.4 | | Styles | `tailwindcss` 4.3.3, `@tailwindcss/vite` 4.3.3, `@tailwindcss/typography` 0.5.20, `tw-animate-css` 1.4.0 | | Composants interactifs | `@astrojs/react` 7.1.2, `react` 19.3.1, `react-dom` 19.3.1 | | Composants shadcn | `@base-ui/react` 1.9.0, `class-variance-authority` 0.7.1, `clsx` 2.1.1, `tailwind-merge` 3.7.0, `cmdk` 1.1.1 | | Icônes | `@lucide/astro` 1.65.0, `lucide-react` 1.65.0 | | Traitement Markdown et HTML | `marked` 18.1.2, `hast-util-from-html` 2.0.3, `hast-util-to-mdast` 10.1.2, `hast-util-to-string` 3.0.1, `mdast-util-gfm` 3.1.0, `mdast-util-to-markdown` 2.2.1 | | Polices (hébergées avec le site, OFL) | `@fontsource-variable/albert-sans` 5.3.0, `@fontsource-variable/archivo` 5.3.0, `@fontsource-variable/big-shoulders` 5.3.0, `@fontsource-variable/bodoni-moda` 5.3.0, `@fontsource-variable/bricolage-grotesque` 5.3.0, `@fontsource-variable/cormorant-garamond` 5.3.0, `@fontsource-variable/dm-sans` 5.3.0, `@fontsource-variable/eb-garamond` 5.3.0, `@fontsource-variable/fraunces` 5.3.0, `@fontsource-variable/geist` 5.3.0, `@fontsource-variable/geist-mono` 5.3.0, `@fontsource-variable/hanken-grotesk` 5.3.0, `@fontsource-variable/ibm-plex-sans` 5.3.0, `@fontsource-variable/instrument-sans` 5.3.0, `@fontsource-variable/inter` 5.3.0, `@fontsource-variable/inter-tight` 5.3.0, `@fontsource-variable/jost` 5.3.0, `@fontsource-variable/literata` 5.3.0, `@fontsource-variable/manrope` 5.3.0, `@fontsource-variable/newsreader` 5.3.0, `@fontsource-variable/onest` 5.3.1, `@fontsource-variable/schibsted-grotesk` 5.3.0, `@fontsource-variable/space-grotesk` 5.3.0, `@fontsource-variable/unbounded` 5.3.0, `@fontsource-variable/work-sans` 5.3.0, `@fontsource/anton` 5.3.0, `@fontsource/dm-mono` 5.3.0, `@fontsource/dm-serif-display` 5.3.0, `@fontsource/ibm-plex-mono` 5.3.0, `@fontsource/instrument-serif` 5.3.0, `@fontsource/young-serif` 5.3.0, `@fontsource/zilla-slab` 5.3.0 | Les packages dont ceux-ci dépendent, comme `sharp` pour les images, sont également disponibles dans la version installée par leurs dépendances. ## Ajouter un package Déclarez le package dans `dependencies` du fichier `package.json` du site, avec une plage de versions qui accepte celle d’Atelier201 (`"react": "^19.3.0"` convient pour 19.3.1). La compilation vérifie chaque package déclaré par rapport à la liste et utilise les versions préinstallées. Aucun install n’est donc lancé et le fichier lockfile n’est pas lu. Les entrées `devDependencies` pour des packages qu’Atelier201 ne propose pas, comme `typescript` ou `@types/react`, sont ignorées lors de la compilation. L’assistant et les agents connectés connaissent cette liste : demandez Tailwind, un composant React ou des composants shadcn, et ils les configureront. ## Migrer un site existant Un site Astro qui utilise déjà ces packages se compile tel quel, à condition que ses plages de versions acceptent celles indiquées ci-dessus. Avant d’en importer un : - conservez `output: "static"` et n’utilisez aucun adaptateur ; - déplacez les outils de typage et de vérification (`typescript`, `@types/*`, `@astrojs/check`) dans `devDependencies` ; - supprimez les packages d’analyse d’audience comme `posthog-js` : les outils d’analyse et autres balises se configurent dans les intégrations du site, dans ses paramètres. Vous pouvez demander au support l’ajout d’un package qu’Atelier201 ne propose pas encore.