Initialize Tauri/React app with TanStack Router, Tailwind CSS v4, and tooling

[Copilot]

Sets up the foundational development environment for LTK Forge as a Tauri 2.0 desktop application with a modern React frontend.

Stack

• Frontend: React 19 + TypeScript + Vite 7
• Routing: TanStack Router with file-based routing and auto-generated type-safe route tree
• Styling: Tailwind CSS v4 (using new @import "tailwindcss" syntax) + base-ui headless components
• Backend: Tauri 2.0 with Rust
• Package Manager: pnpm

Structure

src/
├── routes/              # File-based routes
│   ├── __root.tsx      # Root layout with navigation
│   ├── index.tsx       # Home page
│   └── about.tsx       # About page
├── components/         # Reusable UI components
│   └── Button.tsx      # base-ui wrapper example
└── main.tsx            # Router setup

src-tauri/
├── src/
│   ├── lib.rs          # Tauri commands
│   └── main.rs         # Entry point
└── tauri.conf.json     # App config

Code Quality

• ESLint: TypeScript + React hooks + React refresh, flat config format
• Prettier: Standard configuration, 100 char line width
• Scripts: lint, lint:fix, format, format:check

Example Route

// src/routes/index.tsx
import { createFileRoute } from "@tanstack/react-router";
import { invoke } from "@tauri-apps/api/core";

export const Route = createFileRoute("/")({
  component: IndexComponent,
});

function IndexComponent() {
  const [name, setName] = useState("");
  const greet = () => invoke("greet", { name });
  // ...
}

Route tree is automatically generated at src/routeTree.gen.ts by the TanStack Router Vite plugin.

Documentation

• docs/DEVELOPMENT.md: Setup guide with platform-specific prerequisites
• docs/SETUP_SUMMARY.md: Detailed setup breakdown and dependency list

Configuration Notes

• Tailwind v4 requires @import "tailwindcss" instead of @tailwind directives
• base-ui imports are lowercase: @base-ui/react/button not Button
• Route tree generation file is gitignored and regenerated on build
• Vite dev server runs on port 1420 (Tauri default)

Original prompt

We should set up a basic Tauri/React app.
TanStack Router for routing on the frontend, base-ui custom components with tailwind.
We need to set up proper formatting and linting on the react project.
Pnpm jobs for that as well.

---

✨ Let Copilot coding agent set things up for you — coding agent works faster and does higher quality work when set up for your repo.