diff --git a/src/content/docs/developer-spotlight/tutorials/create-sitemap-from-sanity-cms.mdx b/src/content/docs/developer-spotlight/tutorials/create-sitemap-from-sanity-cms.mdx index 7207cd6c7090c1..489c8529b48245 100644 --- a/src/content/docs/developer-spotlight/tutorials/create-sitemap-from-sanity-cms.mdx +++ b/src/content/docs/developer-spotlight/tutorials/create-sitemap-from-sanity-cms.mdx @@ -17,7 +17,7 @@ spotlight: author_bio_source: LinkedIn --- -import { TabItem, Tabs, WranglerConfig } from "~/components"; +import { TabItem, Tabs, WranglerConfig, PackageManagers } from "~/components"; In this tutorial, you will put together a Cloudflare Worker that creates and serves a sitemap using data from [Sanity.io](https://www.sanity.io), a headless CMS. @@ -44,25 +44,7 @@ While you can create Workers in the Cloudflare dashboard, it is a best practice Create a new Worker project using [C3](/pages/get-started/c3/) (`create-cloudflare` CLI): - - -```sh -pnpm create cloudflare@latest -``` - - - -```sh -npm create cloudflare@latest -``` - - - -```sh -yarn create cloudflare@latest -``` - - + In this tutorial, the Worker will be named `cms-sitemap`. diff --git a/src/content/docs/developer-spotlight/tutorials/creating-a-recommendation-api.mdx b/src/content/docs/developer-spotlight/tutorials/creating-a-recommendation-api.mdx index e939c1dc9ee4d1..17fd82faf6b456 100644 --- a/src/content/docs/developer-spotlight/tutorials/creating-a-recommendation-api.mdx +++ b/src/content/docs/developer-spotlight/tutorials/creating-a-recommendation-api.mdx @@ -22,7 +22,13 @@ sidebar: order: 2 --- -import { Render, TabItem, Tabs, WranglerConfig } from "~/components"; +import { + Render, + TabItem, + Tabs, + PackageManagers, + WranglerConfig, +} from "~/components"; E-commerce and media sites often work on increasing the average transaction value to boost profitability. One of the strategies to increase the average transaction value is "cross-selling," which involves recommending related products. Cloudflare offers a range of products designed to build mechanisms for retrieving data related to the products users are viewing or requesting. In this tutorial, you will experience developing functionalities necessary for cross-selling by creating APIs for related product searches and product recommendations. @@ -61,25 +67,11 @@ First, let's create a Cloudflare Workers project. To efficiently create and manage multiple APIs, let's use [`Hono`](https://hono.dev). Hono is an open-source application framework released by a Cloudflare Developer Advocate. It is lightweight and allows for the creation of multiple API paths, as well as efficient request and response handling. Open your command line interface (CLI) and run the following command: - - -```sh -npm create cloudflare@latest cross-sell-api -- --framework hono -``` - - - -```sh -yarn create cloudflare@latest cross-sell-api -- --framework hono -``` - - - -```sh -pnpm create cloudflare@latest cross-sell-api -- --framework hono -``` - - + If this is your first time running the `C3` command, you will be asked whether you want to install it. Confirm that the package name for installation is `create-cloudflare` and answer `y`. diff --git a/src/content/docs/pages/get-started/c3.mdx b/src/content/docs/pages/get-started/c3.mdx index af13984fcbe37c..d77d3c148b1063 100644 --- a/src/content/docs/pages/get-started/c3.mdx +++ b/src/content/docs/pages/get-started/c3.mdx @@ -80,7 +80,7 @@ npm create cloudflare@latest [--] [] [OPTIONS] [-- ] ```sh -yarn create cloudflare@latest [--] [] [OPTIONS] [-- ] +yarn create cloudflare [--] [] [OPTIONS] [-- ] ``` diff --git a/src/content/docs/turnstile/tutorials/protecting-your-payment-form-from-attackers-bots-using-turnstile.mdx b/src/content/docs/turnstile/tutorials/protecting-your-payment-form-from-attackers-bots-using-turnstile.mdx index 00d0137be82515..d7e6cefe837216 100644 --- a/src/content/docs/turnstile/tutorials/protecting-your-payment-form-from-attackers-bots-using-turnstile.mdx +++ b/src/content/docs/turnstile/tutorials/protecting-your-payment-form-from-attackers-bots-using-turnstile.mdx @@ -22,7 +22,7 @@ sidebar: order: 2 --- -import { Render, TabItem, Tabs } from "~/components"; +import { Render, TabItem, Tabs, PackageManagers } from "~/components"; This tutorial shows how you can build a more secure payment form using Turnstile. You can learn how to block bot access on the checkout page and trigger additional authentication flows by integrating Turnstile with Stripe. @@ -49,25 +49,11 @@ To efficiently create and manage multiple APIs, let's use [`Hono`](https://hono. Open your command line interface (CLI) and run the following command: - - -```sh -npm create cloudflare@latest secure-payment-form -- --framework hono -``` - - - -```sh -yarn create cloudflare@latest secure-payment-form -- --framework hono -``` - - - -```sh -pnpm create cloudflare@latest secure-payment-form -- --framework hono -``` - - + If this is your first time running the `C3` command, you will be asked whether you want to install it. Confirm that the package name for installation is `create-cloudflare` and answer `y`. diff --git a/src/content/partials/workers/c3-run-command-no-directory.mdx b/src/content/partials/workers/c3-run-command-no-directory.mdx index b0902a82ad4588..eedcecffc3df85 100644 --- a/src/content/partials/workers/c3-run-command-no-directory.mdx +++ b/src/content/partials/workers/c3-run-command-no-directory.mdx @@ -2,20 +2,6 @@ {} --- -import { TabItem, Tabs } from "~/components"; +import { PackageManagers } from "~/components"; - - -```sh -npm create cloudflare@latest -``` - - - - - -```sh -yarn create cloudflare@latest -``` - - + diff --git a/src/content/partials/workers/dash-creation-next-steps.mdx b/src/content/partials/workers/dash-creation-next-steps.mdx index bc606c0ec95ff6..c41e39cf026923 100644 --- a/src/content/partials/workers/dash-creation-next-steps.mdx +++ b/src/content/partials/workers/dash-creation-next-steps.mdx @@ -40,7 +40,7 @@ npm create cloudflare@latest [] -- --type=pre-existing ```sh -yarn create cloudflare@latest [] --type=pre-existing +yarn create cloudflare [] --type=pre-existing ```