https://github.com/ericclemmons/better-dx
The better DX for localhost
https://github.com/ericclemmons/better-dx
ai chrome-extension devbox llm tanstack turborepo vite
Last synced: 3 days ago
JSON representation
The better DX for localhost
- Host: GitHub
- URL: https://github.com/ericclemmons/better-dx
- Owner: ericclemmons
- Created: 2025-12-23T17:23:36.000Z (3 months ago)
- Default Branch: main
- Last Pushed: 2026-01-02T22:51:13.000Z (3 months ago)
- Last Synced: 2026-01-07T18:25:26.520Z (3 months ago)
- Topics: ai, chrome-extension, devbox, llm, tanstack, turborepo, vite
- Language: TypeScript
- Homepage:
- Size: 409 KB
- Stars: 0
- Watchers: 0
- Forks: 0
- Open Issues: 0
-
Metadata Files:
- Readme: README.md
- Agents: AGENTS.md
Awesome Lists containing this project
README
# better-dx
This project was created with [Better-T-Stack](https://github.com/AmanVarshney01/create-better-t-stack), a modern TypeScript stack that combines React, TanStack Router, Hono, ORPC, and more.
```shell
pnpm create better-t-stack@latest better-dx --frontend tanstack-router --backend hono --runtime node --api orpc --auth none --payments none --database none --orm none --db-setup none --package-manager pnpm --git --web-deploy none --server-deploy none --install --addons husky opentui turborepo ultracite wxt --examples ai
```
## [Features](https://www.better-t-stack.dev/new?rt=node&api=orpc&pm=pnpm&add=husky,opentui,turborepo,ultracite,wxt&db=none&orm=none&au=none&ex=ai&name=better-dx)
- **TypeScript** - For type safety and improved developer experience
- **TanStack Router** - File-based routing with full type safety
- **TailwindCSS** - Utility-first CSS for rapid UI development
- **shadcn/ui** - Reusable UI components
- **Hono** - Lightweight, performant server framework
- **oRPC** - End-to-end type-safe APIs with OpenAPI integration
- **Node.js** - Runtime environment
- **Husky** - Git hooks for code quality
- **Turborepo** - Optimized monorepo build system
## Getting Started
First, install the dependencies:
```bash
pnpm install
```
Then, run the development server:
```bash
pnpm run dev
```
Open [http://localhost:3001](http://localhost:3001) in your browser to see the web application.
The API is running at [http://localhost:3000](http://localhost:3000).
## Project Structure
```
better-dx/
├── apps/
│ ├── web/ # Frontend application (React + TanStack Router)
│ └── server/ # Backend API (Hono, ORPC)
├── packages/
│ ├── api/ # API layer / business logic
│ └── db/ # Database schema & queries
```
## Available Scripts
- `pnpm run dev`: Start all applications in development mode
- `pnpm run build`: Build all applications
- `pnpm run dev:web`: Start only the web application
- `pnpm run dev:server`: Start only the server
- `pnpm run check-types`: Check TypeScript types across all apps