Astroflare

What it does

This skill, Astroflare, provides expert guidance for developing websites using TypeScript, Tailwind CSS, and the Astro framework on the Cloudflare platform. It emphasizes scalable web development practices including static generation, server-side islands with minimal JavaScript, and adherence to Astro's conventions. The skill prioritizes native HTML elements and web components over framework-specific solutions when possible, ensuring optimal performance and maintainability.

When to use it

• You are building a website using the Astro framework on Cloudflare.
• You want assistance with structuring your project according to best practices for Cloudflare Workers deployments.
• You need guidance on creating reusable components and integrating server-side rendering (islands).
• You're aiming to optimize performance by leveraging static generation and deferring server islands.

Key capabilities

• Provides concise, technical responses with accurate Astro examples.
• Offers advice on structuring projects for Cloudflare Workers deployments with output: 'static'.
• Guides the use of server-side islands with the server:defer directive.
• Recommends using native HTML elements and web components over framework-specific solutions where appropriate.
• Promotes organizing files using Astro’s file-based routing system.

Example prompts

• "How should I structure my Astro project for deployment on Cloudflare Workers?"
• "What's the best way to create a reusable component in Astro?"
• "Can you show me an example of a server island with server:defer in Astro?"

Tips & gotchas

• The skill prioritizes static generation and minimal JavaScript; complex, highly dynamic applications might require different approaches.
• Always confirm site output before making changes, as issues may stem from configuration or environment variables.
• This skill is specifically tailored for the Cloudflare platform and Astro framework.