diff --git a/cli/create-start-app/README.md b/cli/create-start-app/README.md index 85343a23..f8bb9303 100644 --- a/cli/create-start-app/README.md +++ b/cli/create-start-app/README.md @@ -10,13 +10,13 @@ To maintain compatability with `create-react-app` you can build a new applicatio | Command | Description | | ------------------------------------------------------- | ------------------ | -| `pnpx create-start-app@latest my-app` | Create a new app | -| `pnpx create-start-app@latest my-app --framework solid` | Create a Solid app | +| `pnpm dlx create-start-app@latest my-app` | Create a new app | +| `pnpm dlx create-start-app@latest my-app --framework solid` | Create a Solid app | If you don't specify a project name, the CLI will walk you through an interactive setup process: ```bash -pnpx create-start-app@latest +pnpm dlx create-start-app@latest ``` This will start an interactive CLI that guides you through the setup process, allowing you to choose: @@ -31,7 +31,7 @@ This will start an interactive CLI that guides you through the setup process, al You can also use command line flags to specify your preferences directly: ```bash -pnpx create-start-app@latest my-app --tailwind --package-manager pnpm +pnpm dlx create-start-app@latest my-app --tailwind --package-manager pnpm ``` Available options: @@ -70,7 +70,7 @@ Setting this flag to `eslint` will configure it as your toolchain of choice, add You can enable add-on selection: ```bash -pnpx create-start-app@latest --add-ons +pnpm dlx create-start-app@latest --add-ons ``` This will prompt you to select the add-ons you want to enable during application creation. @@ -78,19 +78,19 @@ This will prompt you to select the add-ons you want to enable during application You can enable specific add-ons directly by adding a comma separated list of add-on names to the `--add-ons` flag. For example: ```bash -pnpx create-start-app@latest my-app --add-ons shadcn,tanstack-query +pnpm dlx create-start-app@latest my-app --add-ons shadcn,tanstack-query ``` You can get a list of all available add-ons by running: ```bash -pnpx create-start-app@latest --list-add-ons +pnpm dlx create-start-app@latest --list-add-ons ``` This will get you a list of all available add-ons for Solid. ```bash -pnpx create-start-app@latest --list-add-ons --framework solid +pnpm dlx create-start-app@latest --list-add-ons --framework solid ``` ## MCP (Model Context Protocol) Support (experimental) @@ -98,7 +98,7 @@ pnpx create-start-app@latest --list-add-ons --framework solid You can launch the `create-start-app` CLI with the `--mcp` flag to enable MCP support. Use this in your MCP enabled IDE to allow the Agent model to generate TanStack Start applications. ```bash -pnpx create-start-app@latest --mcp +pnpm dlx create-start-app@latest --mcp ``` Here is the JSON configuration for MCP support in many MCP clients. @@ -107,7 +107,7 @@ Here is the JSON configuration for MCP support in many MCP clients. { "mcpServers": { "create-start-app": { - "command": "pnpx", + "command": "pnpm dlx", "args": ["create-start-app@latest", "--mcp"] } } diff --git a/cli/create-tanstack-app/README.md b/cli/create-tanstack-app/README.md index daa70165..53033587 100644 --- a/cli/create-tanstack-app/README.md +++ b/cli/create-tanstack-app/README.md @@ -10,17 +10,17 @@ To maintain compatability with `create-react-app` you can build a new applicatio | Command | Description | | --------------------------------------------------------------------------------- | ------------------------------------------------- | -| `pnpx create-tanstack-app@latest my-app` | Create a new app | -| `pnpx create-tanstack-app@latest my-app --template file-router` | Create a new file based app | -| `pnpx create-tanstack-app@latest my-app --template typescript` | Create a new TypeScript app using the Code Router | -| `pnpx create-tanstack-app@latest my-app --tailwind` | Add Tailwind CSS support | -| `pnpx create-tanstack-app@latest my-app --framework solid` | Create a Solid app | -| `pnpx create-tanstack-app@latest my-app --framework solid --template file-router` | Create a Solid app with file-router | +| `pnpm dlx create-tanstack-app@latest my-app` | Create a new app | +| `pnpm dlx create-tanstack-app@latest my-app --template file-router` | Create a new file based app | +| `pnpm dlx create-tanstack-app@latest my-app --template typescript` | Create a new TypeScript app using the Code Router | +| `pnpm dlx create-tanstack-app@latest my-app --tailwind` | Add Tailwind CSS support | +| `pnpm dlx create-tanstack-app@latest my-app --framework solid` | Create a Solid app | +| `pnpm dlx create-tanstack-app@latest my-app --framework solid --template file-router` | Create a Solid app with file-router | If you don't specify a project name, the CLI will walk you through an interactive setup process: ```bash -pnpx create-tanstack-app@latest +pnpm dlx create-tanstack-app@latest ``` This will start an interactive CLI that guides you through the setup process, allowing you to choose: @@ -38,7 +38,7 @@ This will start an interactive CLI that guides you through the setup process, al You can also use command line flags to specify your preferences directly: ```bash -pnpx create-tanstack-app@latest my-app --template file-router --tailwind --package-manager pnpm +pnpm dlx create-tanstack-app@latest my-app --template file-router --tailwind --package-manager pnpm ``` Available options: @@ -67,7 +67,7 @@ File Based Routing is the default option when using the interactive CLI. The loc To explicitly choose File Based Routing, use: ```bash -pnpx create-tanstack-app@latest my-app --template file-router +pnpm dlx create-tanstack-app@latest my-app --template file-router ``` ### Code Based Routing @@ -75,7 +75,7 @@ pnpx create-tanstack-app@latest my-app --template file-router If you prefer traditional code-based routing, you can select it in the interactive CLI or specify it by using either the `typescript` or `javascript` template: ```bash -pnpx create-tanstack-app@latest my-app --template typescript +pnpm dlx create-tanstack-app@latest my-app --template typescript ``` ## Additional Configuration @@ -109,7 +109,7 @@ Setting this flag to `eslint` will configure it as your toolchain of choice, add You can enable add-on selection: ```bash -pnpx create-tanstack-app@latest --add-ons +pnpm dlx create-tanstack-app@latest --add-ons ``` This will prompt you to select the add-ons you want to enable during application creation. @@ -117,19 +117,19 @@ This will prompt you to select the add-ons you want to enable during application You can enable specific add-ons directly by adding a comma separated list of add-on names to the `--add-ons` flag. For example: ```bash -pnpx create-tanstack-app@latest my-app --add-ons shadcn,tanstack-query +pnpm dlx create-tanstack-app@latest my-app --add-ons shadcn,tanstack-query ``` You can get a list of all available add-ons by running: ```bash -pnpx create-tanstack-app@latest --list-add-ons +pnpm dlx create-tanstack-app@latest --list-add-ons ``` This will display a list of all available add-ons for React that are compatible with the Code Router. ```bash -pnpx create-tanstack-app@latest --list-add-ons --framework solid --template file-router +pnpm dlx create-tanstack-app@latest --list-add-ons --framework solid --template file-router ``` Will get you a list of all available add-ons for Solid that are compatible with the File Router. @@ -139,7 +139,7 @@ Will get you a list of all available add-ons for Solid that are compatible with You can launch the `create-tanstack-app` CLI with the `--mcp` flag to enable MCP support. Use this in your MCP enabled IDE to allow the Agent model to generate TanStack Router applications. ```bash -pnpx create-tanstack-app@latest --mcp +pnpm dlx create-tanstack-app@latest --mcp ``` Here is the JSON configuration for MCP support in many MCP clients. @@ -148,7 +148,7 @@ Here is the JSON configuration for MCP support in many MCP clients. { "mcpServers": { "create-tanstack-app": { - "command": "pnpx", + "command": "pnpm dlx", "args": ["create-tanstack-app@latest", "--mcp"] } } diff --git a/cli/create-tanstack/README.md b/cli/create-tanstack/README.md index cd7554ae..1e639250 100644 --- a/cli/create-tanstack/README.md +++ b/cli/create-tanstack/README.md @@ -10,17 +10,17 @@ To maintain compatability with `create-react-app` you can build a new applicatio | Command | Description | | ----------------------------------------------------------------------------- | ------------------------------------------------- | -| `pnpx create-tanstack@latest my-app` | Create a new app | -| `pnpx create-tanstack@latest my-app --template file-router` | Create a new file based app | -| `pnpx create-tanstack@latest my-app --template typescript` | Create a new TypeScript app using the Code Router | -| `pnpx create-tanstack@latest my-app --tailwind` | Add Tailwind CSS support | -| `pnpx create-tanstack@latest my-app --framework solid` | Create a Solid app | -| `pnpx create-tanstack@latest my-app --framework solid --template file-router` | Create a Solid app with file-router | +| `pnpm dlx create-tanstack@latest my-app` | Create a new app | +| `pnpm dlx create-tanstack@latest my-app --template file-router` | Create a new file based app | +| `pnpm dlx create-tanstack@latest my-app --template typescript` | Create a new TypeScript app using the Code Router | +| `pnpm dlx create-tanstack@latest my-app --tailwind` | Add Tailwind CSS support | +| `pnpm dlx create-tanstack@latest my-app --framework solid` | Create a Solid app | +| `pnpm dlx create-tanstack@latest my-app --framework solid --template file-router` | Create a Solid app with file-router | If you don't specify a project name, the CLI will walk you through an interactive setup process: ```bash -pnpx create-tanstack@latest +pnpm dlx create-tanstack@latest ``` This will start an interactive CLI that guides you through the setup process, allowing you to choose: @@ -38,7 +38,7 @@ This will start an interactive CLI that guides you through the setup process, al You can also use command line flags to specify your preferences directly: ```bash -pnpx create-tanstack@latest my-app --template file-router --tailwind --package-manager pnpm +pnpm dlx create-tanstack@latest my-app --template file-router --tailwind --package-manager pnpm ``` Available options: @@ -67,7 +67,7 @@ File Based Routing is the default option when using the interactive CLI. The loc To explicitly choose File Based Routing, use: ```bash -pnpx create-tanstack@latest my-app --template file-router +pnpm dlx create-tanstack@latest my-app --template file-router ``` ### Code Based Routing @@ -75,7 +75,7 @@ pnpx create-tanstack@latest my-app --template file-router If you prefer traditional code-based routing, you can select it in the interactive CLI or specify it by using either the `typescript` or `javascript` template: ```bash -pnpx create-tanstack@latest my-app --template typescript +pnpm dlx create-tanstack@latest my-app --template typescript ``` ## Additional Configuration @@ -109,7 +109,7 @@ Setting this flag to `eslint` will configure it as your toolchain of choice, add You can enable add-on selection: ```bash -pnpx create-tanstack@latest --add-ons +pnpm dlx create-tanstack@latest --add-ons ``` This will prompt you to select the add-ons you want to enable during application creation. @@ -117,19 +117,19 @@ This will prompt you to select the add-ons you want to enable during application You can enable specific add-ons directly by adding a comma separated list of add-on names to the `--add-ons` flag. For example: ```bash -pnpx create-tanstack@latest my-app --add-ons shadcn,tanstack-query +pnpm dlx create-tanstack@latest my-app --add-ons shadcn,tanstack-query ``` You can get a list of all available add-ons by running: ```bash -pnpx create-tanstack@latest --list-add-ons +pnpm dlx create-tanstack@latest --list-add-ons ``` This will display a list of all available add-ons for React that are compatible with the Code Router. ```bash -pnpx create-tanstack@latest --list-add-ons --framework solid --template file-router +pnpm dlx create-tanstack@latest --list-add-ons --framework solid --template file-router ``` Will get you a list of all available add-ons for Solid that are compatible with the File Router. @@ -139,7 +139,7 @@ Will get you a list of all available add-ons for Solid that are compatible with You can launch the `create-tanstack` CLI with the `--mcp` flag to enable MCP support. Use this in your MCP enabled IDE to allow the Agent model to generate TanStack Router applications. ```bash -pnpx create-tanstack@latest --mcp +pnpm dlx create-tanstack@latest --mcp ``` Here is the JSON configuration for MCP support in many MCP clients. @@ -148,7 +148,7 @@ Here is the JSON configuration for MCP support in many MCP clients. { "mcpServers": { "create-tanstack": { - "command": "pnpx", + "command": "pnpm dlx", "args": ["create-tanstack@latest", "--mcp"] } } diff --git a/cli/create-tsrouter-app/README.md b/cli/create-tsrouter-app/README.md index 803de08a..b9c6adb3 100644 --- a/cli/create-tsrouter-app/README.md +++ b/cli/create-tsrouter-app/README.md @@ -10,17 +10,17 @@ To maintain compatability with `create-react-app` you can build a new applicatio | Command | Description | | --------------------------------------------------------------------------------- | ------------------------------------------------- | -| `pnpx create-tsrouter-app@latest my-app` | Create a new app | -| `pnpx create-tsrouter-app@latest my-app --template file-router` | Create a new file based app | -| `pnpx create-tsrouter-app@latest my-app --template typescript` | Create a new TypeScript app using the Code Router | -| `pnpx create-tsrouter-app@latest my-app --tailwind` | Add Tailwind CSS support | -| `pnpx create-tsrouter-app@latest my-app --framework solid` | Create a Solid app | -| `pnpx create-tsrouter-app@latest my-app --framework solid --template file-router` | Create a Solid app with file-router | +| `pnpm dlx create-tsrouter-app@latest my-app` | Create a new app | +| `pnpm dlx create-tsrouter-app@latest my-app --template file-router` | Create a new file based app | +| `pnpm dlx create-tsrouter-app@latest my-app --template typescript` | Create a new TypeScript app using the Code Router | +| `pnpm dlx create-tsrouter-app@latest my-app --tailwind` | Add Tailwind CSS support | +| `pnpm dlx create-tsrouter-app@latest my-app --framework solid` | Create a Solid app | +| `pnpm dlx create-tsrouter-app@latest my-app --framework solid --template file-router` | Create a Solid app with file-router | If you don't specify a project name, the CLI will walk you through an interactive setup process: ```bash -pnpx create-tsrouter-app@latest +pnpm dlx create-tsrouter-app@latest ``` This will start an interactive CLI that guides you through the setup process, allowing you to choose: @@ -38,7 +38,7 @@ This will start an interactive CLI that guides you through the setup process, al You can also use command line flags to specify your preferences directly: ```bash -pnpx create-tsrouter-app@latest my-app --template file-router --tailwind --package-manager pnpm +pnpm dlx create-tsrouter-app@latest my-app --template file-router --tailwind --package-manager pnpm ``` Available options: @@ -67,7 +67,7 @@ File Based Routing is the default option when using the interactive CLI. The loc To explicitly choose File Based Routing, use: ```bash -pnpx create-tsrouter-app@latest my-app --template file-router +pnpm dlx create-tsrouter-app@latest my-app --template file-router ``` ### Code Based Routing @@ -75,7 +75,7 @@ pnpx create-tsrouter-app@latest my-app --template file-router If you prefer traditional code-based routing, you can select it in the interactive CLI or specify it by using either the `typescript` or `javascript` template: ```bash -pnpx create-tsrouter-app@latest my-app --template typescript +pnpm dlx create-tsrouter-app@latest my-app --template typescript ``` ## Additional Configuration @@ -109,7 +109,7 @@ Setting this flag to `eslint` will configure it as your toolchain of choice, add You can enable add-on selection: ```bash -pnpx create-tsrouter-app@latest --add-ons +pnpm dlx create-tsrouter-app@latest --add-ons ``` This will prompt you to select the add-ons you want to enable during application creation. @@ -117,19 +117,19 @@ This will prompt you to select the add-ons you want to enable during application You can enable specific add-ons directly by adding a comma separated list of add-on names to the `--add-ons` flag. For example: ```bash -pnpx create-tsrouter-app@latest my-app --add-ons shadcn,tanstack-query +pnpm dlx create-tsrouter-app@latest my-app --add-ons shadcn,tanstack-query ``` You can get a list of all available add-ons by running: ```bash -pnpx create-tsrouter-app@latest --list-add-ons +pnpm dlx create-tsrouter-app@latest --list-add-ons ``` This will display a list of all available add-ons for React that are compatible with the Code Router. ```bash -pnpx create-tsrouter-app@latest --list-add-ons --framework solid --template file-router +pnpm dlx create-tsrouter-app@latest --list-add-ons --framework solid --template file-router ``` Will get you a list of all available add-ons for Solid that are compatible with the File Router. @@ -139,7 +139,7 @@ Will get you a list of all available add-ons for Solid that are compatible with You can launch the `create-tsrouter-app` CLI with the `--mcp` flag to enable MCP support. Use this in your MCP enabled IDE to allow the Agent model to generate TanStack Router applications. ```bash -pnpx create-tsrouter-app@latest --mcp +pnpm dlx create-tsrouter-app@latest --mcp ``` Here is the JSON configuration for MCP support in many MCP clients. @@ -148,7 +148,7 @@ Here is the JSON configuration for MCP support in many MCP clients. { "mcpServers": { "create-tsrouter-app": { - "command": "pnpx", + "command": "pnpm dlx", "args": ["create-tsrouter-app@latest", "--mcp"] } } diff --git a/cli/ts-create-start/README.md b/cli/ts-create-start/README.md index d3ce54fa..ec78b1cc 100644 --- a/cli/ts-create-start/README.md +++ b/cli/ts-create-start/README.md @@ -107,7 +107,7 @@ Here is the JSON configuration for MCP support in many MCP clients. { "mcpServers": { "create-start-app": { - "command": "pnpx", + "command": "pnpm dlx", "args": ["create-start-app@latest", "--mcp"] } } diff --git a/examples/react-cra/blog-starter/README.md b/examples/react-cra/blog-starter/README.md index 93a81615..201432af 100644 --- a/examples/react-cra/blog-starter/README.md +++ b/examples/react-cra/blog-starter/README.md @@ -36,7 +36,7 @@ This project uses [Tailwind CSS](https://tailwindcss.com/) for styling. Add components using the latest version of [Shadcn](https://ui.shadcn.com/). ```bash -pnpx shadcn@latest add button +pnpm dlx shadcn@latest add button ``` diff --git a/examples/react-cra/resume-starter/README.md b/examples/react-cra/resume-starter/README.md index b1a8f6c5..d3392687 100644 --- a/examples/react-cra/resume-starter/README.md +++ b/examples/react-cra/resume-starter/README.md @@ -36,7 +36,7 @@ This project uses [Tailwind CSS](https://tailwindcss.com/) for styling. Add components using the latest version of [Shadcn](https://ui.shadcn.com/). ```bash -pnpx shadcn@latest add button +pnpm dlx shadcn@latest add button ``` diff --git a/frameworks/react-cra/add-ons/shadcn/README.md b/frameworks/react-cra/add-ons/shadcn/README.md index 50a6802c..d6dcff84 100644 --- a/frameworks/react-cra/add-ons/shadcn/README.md +++ b/frameworks/react-cra/add-ons/shadcn/README.md @@ -3,5 +3,5 @@ Add components using the latest version of [Shadcn](https://ui.shadcn.com/). ```bash -pnpx shadcn@latest add button +pnpm dlx shadcn@latest add button ``` diff --git a/frameworks/react-cra/add-ons/shadcn/assets/_dot_cursorrules.append b/frameworks/react-cra/add-ons/shadcn/assets/_dot_cursorrules.append index 1472639b..20159602 100644 --- a/frameworks/react-cra/add-ons/shadcn/assets/_dot_cursorrules.append +++ b/frameworks/react-cra/add-ons/shadcn/assets/_dot_cursorrules.append @@ -3,5 +3,5 @@ Use the latest version of Shadcn to install new components, like this command to add a button component: ```bash -pnpx shadcn@latest add button +pnpm dlx shadcn@latest add button ``` diff --git a/frameworks/react-cra/add-ons/strapi/README.md b/frameworks/react-cra/add-ons/strapi/README.md index 7cd4c70c..22e5e3d2 100644 --- a/frameworks/react-cra/add-ons/strapi/README.md +++ b/frameworks/react-cra/add-ons/strapi/README.md @@ -5,7 +5,7 @@ The current setup shows an example of how to use Strapi with an articles collect - Create a local running copy of the strapi admin ```bash -pnpx create-strapi@latest my-strapi-project +pnpm dlx create-strapi@latest my-strapi-project cd my-strapi-project pnpm dev ``` diff --git a/frameworks/solid/add-ons/strapi/README.md b/frameworks/solid/add-ons/strapi/README.md index 7cd4c70c..22e5e3d2 100644 --- a/frameworks/solid/add-ons/strapi/README.md +++ b/frameworks/solid/add-ons/strapi/README.md @@ -5,7 +5,7 @@ The current setup shows an example of how to use Strapi with an articles collect - Create a local running copy of the strapi admin ```bash -pnpx create-strapi@latest my-strapi-project +pnpm dlx create-strapi@latest my-strapi-project cd my-strapi-project pnpm dev ```