> Astro Framework
Content-focused web framework. Islands architecture, zero JS by default, multi-framework support.
fetch
$
curl "https://skillshub.wtf/skillshub-team/catalog-batch5/astro-framework?format=md"SKILL.md•Astro Framework
Astro
Setup: npm create astro@latest
Pages (.astro files)
---
// Component script (runs at build time)
const posts = await fetch('https://api.example.com/posts').then(r => r.json());
---
<html>
<body>
<h1>Blog</h1>
{posts.map(p => <article><h2>{p.title}</h2><p>{p.excerpt}</p></article>)}
</body>
</html>
Islands (interactive components)
---
import Counter from '../components/Counter.tsx';
---
<Counter client:load /> <!-- Hydrate on load -->
<Counter client:visible /> <!-- Hydrate when visible -->
<Counter client:idle /> <!-- Hydrate on idle -->
Content Collections
// src/content/config.ts
const blog = defineCollection({ schema: z.object({ title: z.string(), date: z.date() }) });
Supports React, Vue, Svelte, Solid components in same project
Static by default, opt-in SSR with adapters (Node, Vercel, Cloudflare)
> related_skills --same-repo
> Nix Dev Shells with direnv
Auto-activate reproducible dev environments with Nix flakes and direnv.
> Dagger with GitHub Actions
Run Dagger CI/CD pipelines in GitHub Actions for portable, testable builds.
> Bun + Hono API
Build fast APIs with Bun runtime and Hono framework.
> Deno Fresh Framework
Build full-stack web apps with Fresh on Deno. Islands, routes, and zero runtime overhead.
┌ stats
installs/wk0
░░░░░░░░░░first seenMar 18, 2026
└────────────