Create .astro components and configure islands for content-driven websites.
npx skills add https://github.com/7Lemaitre7/xp-prj --skill astro-7lemaitre7
Please help me install this Agent Skill. Skill: astro Source: https://github.com/7Lemaitre7/xp-prj/tree/main/.agents/skills/astro Command: npx skills add https://github.com/7Lemaitre7/xp-prj --skill astro-7lemaitre7
Astro helps you build fast, content-driven websites by unifying component-driven UI with optimized rendering and flexible deployment options.
Create a new Astro project using the default scaffold and start a page to see components render.
High-intent search queries and answers about installing and using this skill.
To build content-driven websites with Astro, you use .astro files for component and page development, manage content collections, and configure static site generation or SSR adapters to deploy your optimized project across different hosting platforms.
The islands architecture in Astro allows you to embed interactive framework components into static HTML pages. Only the components marked as islands ship JavaScript to the browser, keeping the rest of the page static and ensuring fast rendering for content-driven sites.
Configuring SSR adapters involves selecting an adapter for your target hosting environment and adding it to your Astro project configuration. This enables dynamic server-side rendering alongside static site generation for your web application.
Managing content collections in Astro involves defining a content model and organizing your markdown or MDX files into structured collections. This provides type-safe content querying and validation as you build out your routes and static pages.
Yes, Astro supports both static site generation and dynamic SSR. You can use SSR adapters to render specific routes dynamically on demand while keeping the rest of your content-driven website as pre-built static HTML.
Deploying an Astro site requires choosing between static hosting for pre-built SSG output or dynamic hosting configured with an SSR adapter. The framework streamlines this build and deploy workflow based on your chosen rendering strategy.
PostHogInstrument PostHog SDKs across popular web and mobile frameworks with verified configuration.
Celia-12Configure deployment targets, run/build commands, and static directories for MERN applications.
jcsoftdevImplement partial hydration by marking interactive islands on static pages.
joabgonzalezCreate static, hybrid, and docs sites with Astro's SSG/SSR engine.
