Skip to main content
株式会社オブライト
Web Frontend2026-05-17

Astro

Also known as: Astro.js

A framework optimized for content-driven sites. It ships zero JavaScript by default, enabling client-side JS only where needed via Islands Architecture, resulting in excellent Core Web Vitals scores.


Overview

Astro is ideal for content-heavy sites like blogs, docs, and marketing pages. It uniquely allows mixing components from React, Vue, Svelte, and Solid in the same project, and the Content Collections API enables type-safe content management.

Migration from WordPress

Astro is a popular WordPress migration target. The WordPress to EmDash migration guide covers the Astro theme conversion process in detail.

Related Columns

Web Development
WordPress to EmDash Migration Guide - Practical Steps from WXR Import to Astro Theme Conversion
Complete guide to migrating from WordPress to EmDash. Covers WXR export, EmDash Exporter plugin, custom post type conversion, media migration, and Astro theme adaptation with practical steps.
Web Development
Hono + Inertia + React in 2026 — A Third Path Beyond Next.js and Remix
Hono (an ultrafast web framework) + Inertia.js (a server-driven SPA adapter) + React is gaining traction in 2026 as a third full-stack option beyond Next.js and Remix. This guide covers the architecture, each layer's role, comparisons with Next.js / Remix / Laravel + Inertia, fit and anti-fit projects, and how to choose between Cloudflare Workers, Bun, and Node — from a practitioner's perspective.
Web Development
Website Speed Optimization: A Practical Guide to Improving Core Web Vitals
A practical guide to improving website loading speed. Learn how to optimize LCP, FID, and CLS metrics with techniques including image optimization, CDN implementation, and code splitting from a Shinagawa-based web development team.
AI
What Is Flue Framework? A TypeScript Agent Harness From the Astro Team, Launched June 2026 on Cloudflare Agents SDK / Pi / Durable Objects Write Once, Deploy Anywhere, Use Any LLM — With 25+ Channel Integrations (Slack / GitHub / Linear / Discord / Notion / Stripe / Shopify) and React Hooks (useFlueAgent / useFlueWorkflow)
**Flue Framework** ([official site](https://flueframework.com/) / [1.0 Beta blog](https://flueframework.com/blog/flue-1-0-beta/) / [Cloudflare partnership blog](https://blog.cloudflare.com/agents-platform-flue-sdk/)) is a **TypeScript AI-agent harness framework from the Astro team**, published as **1.0 Beta the week of June 17, 2026**. Its slogan — **write once, deploy anywhere, use any LLM** — is backed by **25+ built-in channel integrations** (Slack, GitHub, Linear, Discord, Notion, Stripe, Shopify, Teams, Telegram, Twilio, WhatsApp, and more). **Three-layer stack**: - **Framework layer**: **Flue** (project structure, conventions, integrations, CLI) - **Harness layer**: **Pi** (the agentic loop — tool calls and context management) - **Runtime layer**: **[Cloudflare Agents SDK](../columns/cloudflare-durable-objects-2026-07)** (compute, state, storage) **The Cloudflare integration**: when Flue deploys to Cloudflare, **each agent becomes a Durable Object** (see our [Durable Objects deep dive](../columns/cloudflare-durable-objects-2026-07)). `runFiber()` / `stash()` / `onFiberRecovered()` **checkpoint state into SQLite** so agents resume cleanly after interruptions. It composes **`@cloudflare/codemode`** (Dynamic Workers that safely execute agent-generated TypeScript, **isolates in under 10 ms, ~$0.002 per load**), **`@cloudflare/shell`** (SQLite-backed virtual filesystem), and **`@cloudflare/dynamic-workflows`** (persistent workflows with retry and external-approval support). **Five core primitives**: 1. **Agents** — autonomous, context-aware 2. **Workflows** — deterministic step execution 3. **Sandboxes** — safe tool-execution environments 4. **Channels** — Slack / GitHub / Linear / Discord / Notion / Stripe / Shopify — 25+ 5. **Durable Streams** — event transport where accepted work never disappears **Supporting layers**: **`@flue/react`** (`useFlueAgent` / `useFlueWorkflow` hooks for direct front-end integration), **`@flue/sdk`** (client for talking to deployed agents), **`flue add`** (shadcn-style integration scaffolding), **Subagents**, **Tools & Skills** (typed API actions plus reusable expertise packages), **[MCP](../columns/agmsg-cross-agent-messaging-cli-ai-2026-06) integration**, and **observability** via OpenTelemetry / Braintrust / Sentry. **Deploy targets**: Cloudflare Workers, Node.js, AWS, Docker, Railway, Render, Vercel, Fly, GitLab CI, SST. **Databases**: PostgreSQL, Supabase, MongoDB, MySQL, Redis. **Backstory**: Flue **started life as the internal engine for AI workflows inside Astro's own GitHub repos** and was subsequently generalized. The **Astro team is known for exceptional developer experience**, and that shows up in the CLI and integration polish. **Positioning**: Flue is the **first major agent framework built on Cloudflare's Agents SDK**, sits inside the same **harness-driven architecture family** as [Claude Code](../columns/claude-code-agent-view-parallel-orchestration-2026), and doesn't belong to the [LangChain / LlamaIndex / AutoGen / CrewAI / Mastra](../columns/agmsg-cross-agent-messaging-cli-ai-2026-06) lineage — its wedge is **the framework-layer polish plus the breadth of integrations**. The official demo implements a bug-triage agent **in under 25 lines**.

Related Terms

Feel free to contact us

Contact Us