Skip to main content
株式会社オブライト
Services
About
Company
Column
Glossary
Pricing
Free Tools
Contact
日本語
日本語
メニューを開く
Column
TypeScript
Articles tagged "TypeScript"
9 articles
Software Development
2026-09-05
Prisma ORM Today: Rust-Free v7 and the Prisma 8 RC
As of Sept. 2026, prisma@latest is 8.0.0-rc.13; stable prev is 7.10.0. Prisma 7 dropped Rust for a TypeScript compiler, shrinking bundles, speeding queries.
TypeScript
Next.js
開発ツール
Software Development
2026-07-28
Scriptc — Vercel Labs' TypeScript-to-Native Compiler with No JavaScript Engine in the Binary
Vercel Labs' scriptc compiles TypeScript into native binaries with no Node or V8 inside — how the three-tier model works and how it compares to Bun and Deno.
TypeScript
Vercel
開発ツール
Web Development
2026-07-05
TanStack Router + Tailwind CSS + Vite Deep Dive — Type-Safe File-Based Routing, Zod Search Params, Route Loaders, TanStack Start v1 Stable in 2026, and Tailwind v4 Integration
**TanStack Router** ([official site](https://tanstack.com/router/latest) / [GitHub](https://github.com/TanStack/router)) is a **fully type-safe client-first router + full-stack framework** for React. Route paths, params, search params, loaders, and even `<Link>` props are all **type-checked by the TypeScript compiler**, going well beyond what React Router offers. **TanStack Start**, the SSR-capable full-stack sibling, reached **stable v1 in 2026**. **Core features**: **file-based routing** with auto-generation, **Zod-validated search params**, **structural sharing**, **route loaders** (parallel, cached, intent-based preload), automatic + manual `.lazy.tsx` **code splitting**, first-class devtools, and first-class forms / error-boundaries. **Tailwind CSS integration**: as of 2026 the standard setup is **Tailwind CSS v4 + `@tailwindcss/vite` plugin + `@import 'tailwindcss'`** — no config file required, just `@import` in `src/styles/app.css`. **`npx @tanstack/cli create --router-only`** launches a wizard that scaffolds TypeScript + Tailwind + the full toolchain in one command. **Vite pairing**: `@tailwindcss/vite` + `@tanstack/router-vite-plugin` **auto-generates file-based routes** with HMR. **Vite 5+ and React 18–19** are the recommended targets. **Notable starters**: [d7omdev/vite-react-tanstackRouter-tailwind-starter](https://github.com/d7omdev/vite-react-tanstackRouter-tailwind-starter); [mattiaz9/vite-react-tanstack-tailwind-shadcn-starter](https://github.com/mattiaz9/vite-react-tanstack-tailwind-shadcn-starter) — a **full SaaS starter with shadcn/ui + TanStack Router + Query + Tailwind**; [ZeroaNinea/React-Vite-i18next--tanstack-react-router-Tailwind-Example](https://github.com/ZeroaNinea/React-Vite-i18next--tanstack-react-router-Tailwind-Example) — an **i18next + Tailwind** integration example. **Versus React Router**: React Router relies on runtime; TanStack does the work at **compile time**, with file-based routing, Zod search-param schemas, route loaders, and dedicated devtools — a clear generation gap. **Versus Next.js App Router**: TanStack Start is **more client-first and type-safety-focused**, while Next.js leans into **SSR / RSC**. **Positioning**: alongside [Cloudflare Durable Objects](../columns/cloudflare-durable-objects-2026-07), [Flue Framework](../columns/flue-framework-astro-team-agent-2026-07), and [Apple Container](../columns/apple-container-macos-linux-runtime-2026-06), TanStack Router + Tailwind + Vite is a foundational piece of the **modern 2026 web stack**.
TanStack Router
TanStack Start
Tailwind CSS
AI
2026-07-04
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**.
Flue
Astro
AI Agent
Web Development
2026-04-24
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.
Hono
Inertia.js
React
Web Development
2026-04-24
Hono + Inertia + React Setup — Bun / Vite / TypeScript Bootstrapped in 30 Minutes [2026]
A 30-minute setup guide for a minimum Hono + Inertia + React app on Bun + Vite + TypeScript. Covers the directory layout, Hono server + Inertia adapter, React + Vite client, hot reload, and first page render — with concrete commands.
Hono
Inertia.js
React
Software Development
2026-04-17
Luau Type System Complete Guide — Strict Mode, Generics & Type Functions for Safe Code [2026]
Complete guide to Luau type system. Covers gradual typing modes (nocheck/nonstrict/strict), type annotations, generics, union types, read-only properties, user-defined type functions, the new type solver (2025 GA), and comparison with roblox-ts.
Luau
型システム
TypeScript
Software Development
2026-04-08
Hono Complete Guide — Getting Started with the Ultrafast Multi-Runtime Web Framework [2026]
Hono is a zero-dependency, sub-12KB, Web Standards-based TypeScript-first web framework. The same code runs on Cloudflare Workers, Deno, Bun, and Node.js with 9M+ weekly downloads. Complete guide from setup to production.
Hono
Webフレームワーク
TypeScript
Software Development
2026-04-08
Hono RPC Mode Complete Guide — Type-Safe Fullstack Development Without Code Generation [2026]
Hono's RPC mode delivers tRPC-like type-safe fullstack development without code generation or OpenAPI. Complete 2026 guide covering hc client, InferRequestType, multi-route integration, and production patterns.
Hono
Hono RPC
型安全