astro

Develop static and server-side rendered web applications with Markdown and MDX support.

Updated Aug 19, 2025

Search Tags:#astro #ssr #ssg #server-side rendering #static site generation

Ready to run

npx skills add https://github.com/hoainam183/GR --skill astro-hoainam183

💬 Prompt for ChatGPT / Claude Chat▼

Please help me install this Agent Skill.
Skill: astro
Source: https://github.com/hoainam183/GR/tree/main/src/RAG_v2/frontend/chat-companion/.agent/skills/astro
Command: npx skills add https://github.com/hoainam183/GR --skill astro-hoainam183

SYSTEM DOCUMENTATION & REQUIREMENTS

💡 This Skill includes scripts (resource) and references (resource) components.

What problem does it solve?

This Skill simplifies the creation of content-focused websites, such as blogs, documentation, and portfolios, by providing a framework that ships with zero JavaScript and uses islands architecture.

Core Features & Use Cases

Islands Architecture: No JavaScript by default, with selective hydration for interactive components.
Multi-Framework Support: Works with React, Vue, Svelte, Solid, and other UI frameworks.
Markdown/MDX Support: Integrate Markdown and MDX files seamlessly.
SSG and SSR: Offers both static site generation (SSG) and server-side rendering (SSR) options.
Use Case: Ideal for building performance-focused websites with minimal JavaScript and a focus on content.

Quick Start

Initialize a new Astro project and add the necessary integrations.

Frequently Asked Questions about astro

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

FAQPage Schema

How does islands architecture work for static site generation?▼

Islands architecture ships zero JavaScript by default during static site generation, selectively hydrating only interactive components to minimize overhead and optimize content-focused website performance.

Can I use React or Vue components in an Astro project?▼

Yes, Astro provides multi-framework support, allowing you to integrate React, Vue, Svelte, and Solid UI components seamlessly within your static or server-side rendered web application.

How do I build a blog with Markdown and MDX support?▼

You can build a blog by leveraging Markdown and MDX support to integrate content files seamlessly, utilizing static site generation for a performance-focused, content-driven website with minimal JavaScript.

Does Astro support server-side rendering for dynamic content?▼

Yes, Astro supports both static site generation and server-side rendering, allowing you to develop dynamic web applications while maintaining minimal JavaScript overhead through islands architecture.

What is the best way to reduce JavaScript overhead in content-focused websites?▼

Using islands architecture with zero JavaScript by default is the best way to reduce overhead, selectively hydrating interactive UI framework components only when needed for content-focused sites.

When should I avoid using a multi-framework approach for static sites?▼

Avoid multi-framework static site generation if your project requires heavy client-side interactivity across all pages, as islands architecture optimizes for content-focused websites with minimal JavaScript overhead.