TypeScript

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.

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.

In 2026, building websites with Next.js 16 and Vercel has dramatically evolved with Turbopack's 400% faster dev startup, React Server Components, and v0 AI generation. Learn everything about professional web development starting from $20/month.

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.

**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**.

**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**.