Paquetes disponibles
Los paquetes npm con los que puede compilar un sitio en Atelier201 y cómo añadirlos.
Los sitios se compilan sin acceso a la red y con paquetes instalados de antemano. Puedes añadir
cualquiera de ellos a un sitio. Si un paquete no está en la lista o Atelier201 no dispone de esa versión,
la compilación falla con dependencies_unavailable e indica el nombre del paquete.
| Para | Paquetes |
|---|---|
| Astro | astro 7.4.2, @astrojs/mdx 8.1.2, @astrojs/rss 4.0.19, @astrojs/sitemap 3.7.4 |
| Estilos | tailwindcss 4.3.3, @tailwindcss/vite 4.3.3, @tailwindcss/typography 0.5.20, tw-animate-css 1.4.0 |
| Componentes interactivos | @astrojs/react 7.1.2, react 19.3.1, react-dom 19.3.1 |
| Componentes 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 |
| Iconos | @lucide/astro 1.65.0, lucide-react 1.65.0 |
| Procesamiento de Markdown y 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 |
| Fuentes (alojadas con el sitio, 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 |
También están disponibles las dependencias de estos paquetes, como sharp para imágenes, en
las versiones que instalan.
Cómo añadir un paquete
Decláralo en dependencies dentro del package.json del sitio, con un intervalo que admita la
versión de Atelier201 ("react": "^19.3.0" funciona con 19.3.1).
La compilación comprueba todos los paquetes declarados con la lista y utiliza las copias
preinstaladas, por lo que no se ejecuta ninguna instalación ni se lee el archivo de bloqueo. Si Atelier201 no dispone de una dependencia declarada en devDependencies, como typescript o
@types/react, se excluye de la compilación.
El asistente y los agentes conectados conocen esta lista: pídeles Tailwind, un componente de React o componentes shadcn y los configurarán.
Trasladar un sitio existente
Un sitio Astro que ya utilice estos paquetes se compila tal cual, siempre que sus intervalos de versión admitan las versiones anteriores. Antes de importar uno:
- mantén
output: "static"y no uses ningún adaptador; - mueve las herramientas de tipos y comprobación (
typescript,@types/*,@astrojs/check) adevDependencies; - elimina paquetes de analítica como
posthog-js: la analítica y otras etiquetas se configuran en las integraciones del sitio, desde sus ajustes.
Puedes solicitar al equipo de soporte cualquier paquete del que Atelier201 aún no disponga.