TypeScript + Cli + Rest API + React App Mono Repository

This is a template for a monorepo that uses best practices for TypeScript, Web Services and React.

It is what @bhouston considers best practice in January 2025.

The end result

Features

• Mono-repository using NPM workspaces
• TypeScript for type safety
• ES Modules for fast builds
• NodeNext node resolution
• React for UI
• Tailwindcss for styling
• Both react and vanilla JS libraries
• Command line, React app, and web server
• Vite for Bundling, CSS Handling, Live Reloading.
• CLI via @yargs + file commands
• @TanStack/start for router, SSR, server API
• Fastify for server with file-based router
• Hot reload of React
• Auto service restart for the web server
• NX for managing the monorepo dependencies in parallel builds
• Prettier for code formatting
• ESLint for linting
• Incremental and caching builds via NX.
• VSCode will auto-format on save and paste.
• Node:test testing
• Github action CI

Getting Started

1. Clone this repository
2. Run npm install

Tests

1. Run npm run test to run all tests

Continuous Dev Build

1. Run npm run dev to start the hot reload development server & build watchers

Optimized Production Build

1. Run npm run build to build the source

Command Line

1. Run npx cli to run the CLI example