What are Astro's integration capabilities?
Answer
Astro's integration API is a plugin system for extending Astro's capabilities. Install: npx astro add sitemap tailwind partytown. Official integrations: @astrojs/sitemap: auto-generate sitemap.xml. @astrojs/tailwind: Tailwind CSS. @astrojs/partytown: run third-party scripts (analytics, ads) in a Web Worker to keep the main thread free. @astrojs/mdx: MDX support (Markdown with JSX). @astrojs/db: LibSQL/SQLite database. Create custom integrations: export default function myIntegration(): AstroIntegration { return { name: "my-integration", hooks: { "astro:config:setup": ({ addWatchFile, injectRoute, injectScript, updateConfig }) => { ... }, "astro:build:done": ({ pages, routes }) => { ... } } } }. Integration hooks fire at different build phases. Use cases: custom Vite plugins, injecting scripts into every page, generating additional files at build time, reading/writing Astro routes.
Previous
What is React Router v7 and its relationship to Remix?
Next
How does Remix handle cookies and CSRF protection?