TanStack Router - Webpack File-Based Quickstart

A quickstart example using Webpack as the bundler with file-based routing.

• TanStack Router Docs
• Webpack Documentation

Start a new project based on this example

To start a new project based on this example, run:

npx gitpick TanStack/router/tree/main/examples/react/quickstart-webpack-file-based quickstart-webpack-file-based

Getting Started

Install dependencies:

pnpm install

Start the development server:

pnpm dev

Build

Build for production:

pnpm build

About This Example

This example demonstrates:

• Webpack bundler integration
• File-based routing
• Traditional bundler setup
• Webpack configuration for TanStack Router