Vite

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

How to build CRUD and forms — the heart of internal-tool work — in Hono + Inertia + React. Covers Drizzle ORM for DB access, Zod for end-to-end typed validation, and Inertia's useForm for error display, redirects, and flash messages, all from a practitioner's perspective.

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