Pacchetti disponibili
I pacchetti npm con cui è possibile compilare un sito su Atelier201 e come aggiungerne uno.
I siti vengono compilati senza accesso alla rete, usando pacchetti installati in anticipo. Puoi
aggiungerli tutti a un sito; se un pacchetto non è nell’elenco o Atelier201 non dispone della
versione richiesta, la compilazione non va a buon fine con dependencies_unavailable e indica
il nome del pacchetto.
| Per | Pacchetti |
|---|---|
| Astro | astro 7.4.2, @astrojs/mdx 8.1.2, @astrojs/rss 4.0.19, @astrojs/sitemap 3.7.4 |
| Stili | tailwindcss 4.3.3, @tailwindcss/vite 4.3.3, @tailwindcss/typography 0.5.20, tw-animate-css 1.4.0 |
| Componenti interattivi | @astrojs/react 7.1.2, react 19.3.1, react-dom 19.3.1 |
| Componenti 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 |
| Icone | @lucide/astro 1.65.0, lucide-react 1.65.0 |
| Elaborazione di Markdown e 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 |
| Font (ospitati con il sito, 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 |
Sono disponibili anche i pacchetti da cui questi dipendono, come sharp per le immagini,
nelle versioni richieste da questi pacchetti.
Aggiungere un pacchetto
Dichiara il pacchetto in dependencies nel package.json del sito, indicando un intervallo
che includa la versione di Atelier201 ("react": "^19.3.0" va bene per la 19.3.1).
La compilazione verifica ogni pacchetto dichiarato rispetto all’elenco e usa le copie già
installate: non viene eseguita alcuna installazione e il file di lock non viene letto. Le
voci in devDependencies per pacchetti non disponibili su Atelier201, come typescript o
@types/react, vengono escluse dalla compilazione.
L’assistente e gli agenti collegati conoscono questo elenco: chiedi Tailwind, un componente React o componenti shadcn e li configureranno.
Trasferire un sito esistente
Un sito Astro che usa già questi pacchetti viene compilato così com’è, purché gli intervalli ammessi includano le versioni indicate sopra. Prima di importarlo:
- mantieni
output: "static"e non usare un adapter; - sposta gli strumenti per i tipi e i controlli (
typescript,@types/*,@astrojs/check) indevDependencies; - rimuovi i pacchetti di analytics come
posthog-js: analytics e altri tag si aggiungono nelle integrazioni del sito, nelle impostazioni.
Puoi richiedere all’assistenza un pacchetto che Atelier201 non offre ancora.