Verfügbare Pakete
npm-Pakete, mit denen eine Website auf Atelier201 erstellt werden kann, und wie du sie hinzufügst.
Websites werden ohne Netzwerkzugriff mit vorinstallierten Paketen erstellt. Jedes dieser Pakete
kann einer Website hinzugefügt werden. Ist ein Paket nicht in der Liste enthalten oder eine
Version nicht auf Atelier201 verfügbar, schlägt der Build mit dependencies_unavailable fehl
und nennt das Paket.
| Für | Pakete |
|---|---|
| Astro | astro 7.4.2, @astrojs/mdx 8.1.2, @astrojs/rss 4.0.19, @astrojs/sitemap 3.7.4 |
| Styling | tailwindcss 4.3.3, @tailwindcss/vite 4.3.3, @tailwindcss/typography 0.5.20, tw-animate-css 1.4.0 |
| Interaktive Komponenten | @astrojs/react 7.1.2, react 19.3.1, react-dom 19.3.1 |
| shadcn-Komponenten | @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 |
| Symbole | @lucide/astro 1.65.0, lucide-react 1.65.0 |
| Markdown- und HTML-Verarbeitung | 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 |
| Schriften (mit der Website gehostet, 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 |
Auch die Abhängigkeiten dieser Pakete, etwa sharp für Bilder, sind in den jeweils benötigten
Versionen verfügbar.
Paket hinzufügen
Trage das Paket unter dependencies in der package.json der Website ein. Wähle einen
Versionsbereich, der die Atelier201-Version einschließt ("react": "^19.3.0" funktioniert für 19.3.1).
Der Build prüft alle angegebenen Pakete anhand der Liste und verwendet die vorinstallierten
Versionen. Deshalb wird nichts installiert und die Lockdatei nicht eingelesen. Ein Eintrag unter
devDependencies, für den Atelier201 keine Version hat, etwa typescript oder @types/react,
wird beim Build ausgelassen.
Der Assistent und verbundene Agenten kennen diese Liste. Bitte sie um Tailwind, eine React- Komponente oder shadcn-Komponenten, und sie richten alles ein.
Vorhandene Website übernehmen
Eine Astro-Website, die diese Pakete bereits verwendet, lässt sich unverändert erstellen, sobald ihre Versionsbereiche die oben genannten Versionen einschließen. Bevor du sie importierst:
output: "static"beibehalten und keinen Adapter verwenden;- Typisierungs- und Prüftools (
typescript,@types/*,@astrojs/check) nachdevDependenciesverschieben; - Analysepakete wie
posthog-jsentfernen: Analyse- und andere Tags werden in den Einstellungen unter Integrationen der Website eingerichtet.
Du kannst beim Support ein Paket anfragen, das Atelier201 noch nicht anbietet.