astro

Build component-driven websites with the Astro framework.

Updated May 12, 2025

Search Tags:#deployment #components #astro #ssr #web-framework #static-site-generation

Ready to run

npx skills add https://github.com/nicoarbelaez/portfolio --skill astro-nicoarbelaez

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: astro
Source: https://github.com/nicoarbelaez/portfolio/tree/main/.agents/skills/astro
Command: npx skills add https://github.com/nicoarbelaez/portfolio --skill astro-nicoarbelaez

SYSTEM DOCUMENTATION & REQUIREMENTS

What problem does it solve?

Astro enables developers to build fast, modern websites using a predictable, component-driven workflow that optimizes performance and developer experience.

Core Features & Use Cases

Component-first UI with .astro files to compose pages and layouts.
Server-side rendering adapters and deployment options for static and dynamic sites.
Content collections and site structure management to organize data and routes.
Use cases include marketing sites, docs, blogs, and product dashboards with islands architecture.

Quick Start

Create a new Astro project and start the development server to see a working site in minutes.

Frequently Asked Questions about astro

High-intent search queries and answers about installing and using this skill.

FAQPage Schema

How do I build component-driven pages with Astro islands architecture?▼

Astro islands architecture allows you to build component-driven pages using .astro files to compose layouts and inject interactive components, optimizing frontend performance by shipping zero JavaScript by default.

How do I configure server-side rendering adapters for an Astro project?▼

Astro SSR adapters are configured within your project to enable server-side rendering, allowing you to deploy dynamic sites alongside static site generation for flexible content delivery.

What is the best way to organize content collections in a static site generation framework?▼

Astro content collections provide a structured way to organize data and manage site routes, ensuring type-safe content queries for marketing sites, docs, blogs, and product dashboards.

Can I use Astro for both static and dynamically rendered web pages?▼

Astro supports both static site generation and server-side rendering through configurable adapters, allowing teams to deploy fast modern websites that mix static content with dynamic server routes.

How do I start a new Astro project and run the development server?▼

You can start a new Astro project using the CLI commands to scaffold the standard project structure, then run the development server to see a working site in minutes.

Does Astro work for building product dashboards and marketing sites?▼

Astro is designed for building fast modern websites including marketing sites, docs, blogs, and product dashboards by utilizing component-first UI and islands architecture to optimize performance.