GitHub - src-thk/ding-dong: A modern template built with React 19, RSpack, Tanstack Router and Query, Tailwind CSS v4, and shadcn/ui components.

A modern template built with React 19, RSpack, Tanstack Router and Query, Tailwind CSS v4, and shadcn/ui components. - src-thk/ding-dong

Summary

Ding Dong is a starter template for React 19 applications, combining Rsbuild for fast builds with TanStack Router, TanStack Query, Tailwind CSS v4, and shadcn/ui. Written in TypeScript and managed with pnpm, it provides a structured starting point with type safety across routing, data fetching, and UI.

What it is useful for

• Bootstrapping a new React 19 project without wiring up tooling from scratch.
• Apps that need type-safe routing with file-based conventions, since TanStack Router (v1.120.5) is included with its SSR capability described in the README.
• Data-heavy interfaces that benefit from TanStack Query's (v5.76.1) caching, synchronization, and background updates.
• Teams adopting shadcn/ui's accessible components built on Radix UI and Tailwind, since src/components/ui/ is already set up with a components.json for configuration.
• Workflows that lean on pnpm for faster installs and lower disk usage.

How engineers can use it

1. Clone the repository and move into the project folder (the README shows git clone <repository-url> followed by cd ding-dong-template).
2. Install pnpm if it is not already available (npm install -g pnpm), then run pnpm install.
3. Start development with pnpm run dev, which launches the Rsbuild (v1.3.15) dev server with HMR.
4. Produce a production build in dist/ using pnpm run build.
5. Locally preview the build with pnpm run preview.

The project layout splits code into src/routes/ (with __root.tsx, index.tsx, and about.tsx as starting points), src/components/ui/ for shadcn components, src/lib/utils.ts for shared helpers, and rsbuild.config.ts for build configuration. New pages can be added by creating files in the routes folder, following the existing index.tsx and about.tsx examples.

Documented limitations: the template ships with only two example routes and a small component set, so most application logic still has to be written. The README describes TanStack Router's SSR capability, but the listed scripts and structure only cover client-side dev, build, and preview; engineers looking to enable SSR should consult the README for any additional configuration. The repository description refers to "RSpack," while the README consistently says "Rsbuild" (Rsbuild is a build tool built on Rspack), so this terminology difference is worth keeping in mind when searching for documentation or filing issues. The GitHub topics list is empty, and no license file is included in the source beyond the badge.