diff --git a/examples/blog/README.md b/examples/blog/README.md index 635589d86bdb5..7aea6fe99e512 100644 --- a/examples/blog/README.md +++ b/examples/blog/README.md @@ -29,9 +29,13 @@ Execute [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packag ```bash npx create-next-app --example blog my-blog -# or +``` + +```bash yarn create next-app --example blog my-blog -# or +``` + +```bash pnpm create next-app --example blog my-blog ``` diff --git a/examples/cms-dotcms/README.md b/examples/cms-dotcms/README.md index ece74b28a5010..35adc3b7b457a 100644 --- a/examples/cms-dotcms/README.md +++ b/examples/cms-dotcms/README.md @@ -60,9 +60,13 @@ Execute [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packag ```bash npx create-next-app --example cms-dotcms cms-dotcms-app -# or +``` + +```bash yarn create next-app --example cms-dotcms cms-dotcms-app -# or +``` + +```bash pnpm create next-app --example cms-dotcms cms-dotcms-app ``` diff --git a/examples/cms-enterspeed/README.md b/examples/cms-enterspeed/README.md index 644ef73c04e11..b6af50873137a 100644 --- a/examples/cms-enterspeed/README.md +++ b/examples/cms-enterspeed/README.md @@ -49,9 +49,13 @@ Execute [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packag ```bash npx create-next-app --example cms-enterspeed enterspeed-app -# or +``` + +```bash yarn create next-app --example cms-enterspeed enterspeed-app -# or +``` + +```bash pnpm create next-app -- --example cms-enterspeed enterspeed-app ``` diff --git a/examples/cms-makeswift/README.md b/examples/cms-makeswift/README.md index cfb3cde750350..656301bccd24a 100644 --- a/examples/cms-makeswift/README.md +++ b/examples/cms-makeswift/README.md @@ -51,9 +51,13 @@ Deploy the example using [Vercel](https://vercel.com?utm_source=github&utm_mediu ```bash npx create-next-app --example cms-makeswift cms-makeswift-app - # or + ``` + + ```bash yarn create next-app --example cms-makeswift cms-makeswift-app - # or + ``` + + ```bash pnpm create next-app --example cms-makeswift cms-makeswift-app ``` diff --git a/examples/cms-umbraco/README.md b/examples/cms-umbraco/README.md index 12d49423bdc23..8634f7fc24023 100644 --- a/examples/cms-umbraco/README.md +++ b/examples/cms-umbraco/README.md @@ -43,9 +43,13 @@ Execute [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packag ```bash npx create-next-app --example cms-umbraco umbraco-app -# or +``` + +```bash yarn create next-app --example cms-umbraco umbraco-app -# or +``` + +```bash pnpm create next-app --example cms-umbraco umbraco-app ``` diff --git a/examples/convex/README.md b/examples/convex/README.md index 16b18216a6980..66ee3270dfbd9 100644 --- a/examples/convex/README.md +++ b/examples/convex/README.md @@ -14,9 +14,13 @@ Execute [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packag ```bash npx create-next-app --example convex convex-app -# or +``` + +```bash yarn create next-app --example convex convex-app -# or +``` + +```bash pnpm create next-app --example convex convex-app ``` diff --git a/examples/custom-server/README.md b/examples/custom-server/README.md index e19010a8fe1b3..39a9d8817ded1 100644 --- a/examples/custom-server/README.md +++ b/examples/custom-server/README.md @@ -17,8 +17,12 @@ Execute [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packag ```bash npx create-next-app --example custom-server custom-server-app -# or +``` + +```bash yarn create next-app --example custom-server custom-server-app -# or +``` + +```bash pnpm create next-app --example custom-server custom-server-app ``` diff --git a/examples/image-component/README.md b/examples/image-component/README.md index ac72eab8eb885..3b84d5000bcf6 100644 --- a/examples/image-component/README.md +++ b/examples/image-component/README.md @@ -20,9 +20,13 @@ Execute [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packag ```bash npx create-next-app --example image-component image-app -# or +``` + +```bash yarn create next-app --example image-component image-app -# or +``` + +```bash pnpm create next-app --example image-component image-app ``` diff --git a/examples/image-legacy-component/README.md b/examples/image-legacy-component/README.md index 95bb6101bb04f..5841cec301ce3 100644 --- a/examples/image-legacy-component/README.md +++ b/examples/image-legacy-component/README.md @@ -20,9 +20,13 @@ Execute [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packag ```bash npx create-next-app --example image-legacy-component image-app -# or +``` + +```bash yarn create next-app --example image-legacy-component image-app -# or +``` + +```bash pnpm create next-app --example image-legacy-component image-app ``` diff --git a/examples/progressive-web-app/README.md b/examples/progressive-web-app/README.md index 22dbf5277deea..50f6af1014295 100644 --- a/examples/progressive-web-app/README.md +++ b/examples/progressive-web-app/README.md @@ -14,9 +14,13 @@ Execute [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packag ```bash npx create-next-app --example progressive-web-app progressive-web-app -# or +``` + +```bash yarn create next-app --example progressive-web-app progressive-web-app -# or +``` + +```bash pnpm create next-app --example progressive-web-app progressive-web-app ``` diff --git a/examples/with-axiom/README.md b/examples/with-axiom/README.md index ca9e6f31874ab..530ccb6c8045b 100644 --- a/examples/with-axiom/README.md +++ b/examples/with-axiom/README.md @@ -16,9 +16,13 @@ Execute [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packag ```bash npx create-next-app --example with-axiom with-axiom-app -# or +``` + +```bash yarn create next-app --example with-axiom with-axiom-app -# or +``` + +```bash pnpm create next-app --example with-axiom with-axiom-app ``` diff --git a/examples/with-contentlayer/README.md b/examples/with-contentlayer/README.md index a842253181b8f..48f5ad46b0996 100644 --- a/examples/with-contentlayer/README.md +++ b/examples/with-contentlayer/README.md @@ -14,8 +14,14 @@ Execute [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packag ```bash npx create-next-app --example with-contentlayer with-contentlayer-app -# or +``` + +```bash yarn create next-app --example with-contentlayer with-contentlayer-app ``` +```bash +pnpm create next-app --example with-contentlayer with-contentlayer-app +``` + Deploy it to the cloud with [Vercel](https://vercel.com/new?utm_source=github&utm_medium=readme&utm_campaign=next-example) ([Documentation](https://nextjs.org/docs/deployment)). diff --git a/examples/with-cookies-next/README.md b/examples/with-cookies-next/README.md index c7396aca34e2f..1e9da50e6be92 100644 --- a/examples/with-cookies-next/README.md +++ b/examples/with-cookies-next/README.md @@ -16,12 +16,18 @@ Deploy the example using [Vercel](https://vercel.com?utm_source=github&utm_mediu ## How to use -Execute [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app) with [npm](https://docs.npmjs.com/cli/init) or [Yarn](https://yarnpkg.com/lang/en/docs/cli/create/) to bootstrap the example: +Execute [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app) with [npm](https://docs.npmjs.com/cli/init), [Yarn](https://yarnpkg.com/lang/en/docs/cli/create/), or [pnpm](https://pnpm.io) to bootstrap the example: ```bash npx create-next-app --example with-cookies-next with-cookies-next-app -# or +``` + +```bash yarn create next-app --example with-cookies-next with-cookies-next-app ``` +```bash +pnpm create next-app --example with-cookies-next with-cookies-next-app +``` + Deploy it to the cloud with [Vercel](https://vercel.com/new?utm_source=github&utm_medium=readme&utm_campaign=next-example) ([Documentation](https://nextjs.org/docs/deployment)). diff --git a/examples/with-docker-multi-env/README.md b/examples/with-docker-multi-env/README.md index c4cb587b0ada6..7daad7ab4840c 100644 --- a/examples/with-docker-multi-env/README.md +++ b/examples/with-docker-multi-env/README.md @@ -8,9 +8,13 @@ Execute [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packag ```bash npx create-next-app --example with-docker-multi-env nextjs-docker-multi-env -# or +``` + +```bash yarn create next-app --example with-docker-multi-env nextjs-docker-multi-env -# or +``` + +```bash pnpm create next-app --example with-docker-multi-env nextjs-docker-multi-env ``` diff --git a/examples/with-docker/README.md b/examples/with-docker/README.md index 1906eccc59661..d61fc6b2dc190 100644 --- a/examples/with-docker/README.md +++ b/examples/with-docker/README.md @@ -8,9 +8,13 @@ Execute [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packag ```bash npx create-next-app --example with-docker nextjs-docker -# or +``` + +```bash yarn create next-app --example with-docker nextjs-docker -# or +``` + +```bash pnpm create next-app --example with-docker nextjs-docker ``` diff --git a/examples/with-mysql/README.md b/examples/with-mysql/README.md index 2e9c12f712374..d7a9d24ee3cd1 100644 --- a/examples/with-mysql/README.md +++ b/examples/with-mysql/README.md @@ -32,9 +32,13 @@ Execute [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packag ```bash npx create-next-app --example with-mysql nextjs-mysql -# or +``` + +```bash yarn create next-app --example with-mysql nextjs-mysql -# or +``` + +```bash pnpm create next-app --example with-mysql nextjs-mysql ``` diff --git a/examples/with-next-seo/README.md b/examples/with-next-seo/README.md index 233adc3b33470..aafc43633e24f 100644 --- a/examples/with-next-seo/README.md +++ b/examples/with-next-seo/README.md @@ -14,9 +14,13 @@ Execute [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packag ```bash npx create-next-app --example with-next-seo next-seo-app -# or +``` + +```bash yarn create next-app --example with-next-seo next-seo-app -# or +``` + +```bash pnpm create next-app --example with-next-seo next-seo-app ``` diff --git a/examples/with-next-ui/README.md b/examples/with-next-ui/README.md index 5a0729f404328..8840b7410852e 100755 --- a/examples/with-next-ui/README.md +++ b/examples/with-next-ui/README.md @@ -14,9 +14,13 @@ Execute [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packag ```bash npx create-next-app --example with-next-ui with-next-ui-app -# or +``` + +```bash yarn create next-app --example with-next-ui with-next-ui-app -# or +``` + +```bash pnpm create next-app --example with-next-ui with-next-ui-app ``` diff --git a/examples/with-nhost-auth-realtime-graphql/README.md b/examples/with-nhost-auth-realtime-graphql/README.md index f6f00c0d62395..5dc34815e5476 100644 --- a/examples/with-nhost-auth-realtime-graphql/README.md +++ b/examples/with-nhost-auth-realtime-graphql/README.md @@ -18,9 +18,13 @@ Execute [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packag ```bash npx create-next-app --example with-nhost-auth-realtime-graphql nhost-app -# or +``` + +```bash yarn create next-app --example with-nhost-auth-realtime-graphql nhost-app -# or +``` + +```bash pnpm create next-app --example with-nhost-auth-realtime-graphql nhost-app ``` diff --git a/examples/with-particles/README.md b/examples/with-particles/README.md index 7fb0f432aa58e..fa4a3752a0cf3 100644 --- a/examples/with-particles/README.md +++ b/examples/with-particles/README.md @@ -16,9 +16,13 @@ Execute [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packag ```bash npx create-next-app --example with-particles with-particles-app -# or +``` + +```bash yarn create next-app --example with-particles with-particles-app -# or +``` + +```bash pnpm create next-app -- --example with-particles with-particles-app ``` diff --git a/examples/with-redis/README.md b/examples/with-redis/README.md index bd5b7c3c8acf5..d9edb8dce6dd8 100644 --- a/examples/with-redis/README.md +++ b/examples/with-redis/README.md @@ -23,9 +23,13 @@ Execute [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packag ```bash npx create-next-app --example with-redis roadmap -# or +``` + +```bash yarn create next-app --example with-redis roadmap -# or +``` + +```bash pnpm create next-app --example with-redis roadmap ``` diff --git a/examples/with-sentry/README.md b/examples/with-sentry/README.md index 78d1c307ad626..90cccabc2f64a 100644 --- a/examples/with-sentry/README.md +++ b/examples/with-sentry/README.md @@ -34,9 +34,13 @@ To begin, execute [`create-next-app`](https://github.com/vercel/next.js/tree/can ```bash npx create-next-app --example with-sentry nextjs-sentry-example -# or +``` + +```bash yarn create next-app --example with-sentry nextjs-sentry-example -# or +``` + +```bash pnpm create next-app --example with-sentry nextjs-sentry-example ``` diff --git a/examples/with-sfcc/README.md b/examples/with-sfcc/README.md index 41f9b6df18902..df39929a16fb1 100644 --- a/examples/with-sfcc/README.md +++ b/examples/with-sfcc/README.md @@ -15,7 +15,7 @@ Check out our [Next.js deployment documentation](https://nextjs.org/docs/deploym Execute [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app) with [npm](https://docs.npmjs.com/cli/init), [Yarn](https://yarnpkg.com/lang/en/docs/cli/create/), or [pnpm](https://pnpm.io) to bootstrap the example: ```bash - npx create-next-app --example with-sfcc nextjs-sfcc-app +npx create-next-app --example with-sfcc nextjs-sfcc-app ``` ```bash diff --git a/examples/with-supabase/README.md b/examples/with-supabase/README.md index 53c555a6ed94e..bb6a4ed6aec27 100644 --- a/examples/with-supabase/README.md +++ b/examples/with-supabase/README.md @@ -55,13 +55,21 @@ If you wish to just develop locally and not deploy to Vercel, [follow the steps 2. Create a Next.js app using the Supabase Starter template npx command ```bash - npx create-next-app -e with-supabase + npx create-next-app --example with-supabase with-supabase-app + ``` + + ```bash + yarn create next-app --example with-supabase with-supabase-app + ``` + + ```bash + pnpm create next-app --example with-supabase with-supabase-app ``` 3. Use `cd` to change into the app's directory ```bash - cd name-of-new-app + cd with-supabase-app ``` 4. Rename `.env.example` to `.env.local` and update the following: diff --git a/examples/with-temporal/README.md b/examples/with-temporal/README.md index dc5cab1c5d0cc..30d4e685d09d5 100644 --- a/examples/with-temporal/README.md +++ b/examples/with-temporal/README.md @@ -58,9 +58,13 @@ Execute [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packag ```bash npx create-next-app --example with-temporal next-temporal-app -# or +``` + +```bash yarn create next-app --example with-temporal next-temporal-app -# or +``` + +```bash pnpm create next-app --example with-temporal next-temporal-app ``` diff --git a/examples/with-userbase/README.md b/examples/with-userbase/README.md index 7802ee9c9c38a..47b3741a7e01d 100644 --- a/examples/with-userbase/README.md +++ b/examples/with-userbase/README.md @@ -16,9 +16,13 @@ Execute [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packag ```bash npx create-next-app --example with-userbase next-userbase-app -# or +``` + +```bash yarn create next-app --example with-userbase next-userbase-app -# or +``` + +```bash pnpm create next-app --example with-userbase next-userbase-app ``` diff --git a/examples/with-windicss/README.md b/examples/with-windicss/README.md index 4abe83a8069b2..e7de1fa68e91b 100644 --- a/examples/with-windicss/README.md +++ b/examples/with-windicss/README.md @@ -13,11 +13,15 @@ Deploy the example using [Vercel](https://vercel.com?utm_source=github&utm_mediu Execute [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app) with [npm](https://docs.npmjs.com/cli/init) or [Yarn](https://yarnpkg.com/lang/en/docs/cli/create/) to bootstrap the example: ```bash -npx create-next-app --example with-windicss -# or -yarn create next-app --example with-windicss -# or -pnpm create next-app --example with-windicss +npx create-next-app --example with-windicss with-windicss-app +``` + +```bash +yarn create next-app --example with-windicss with-windicss-app +``` + +```bash +pnpm create next-app --example with-windicss with-windicss-app ``` Deploy it to the cloud with [Vercel](https://vercel.com/new?utm_source=github&utm_medium=readme&utm_campaign=next-example) ([Documentation](https://nextjs.org/docs/deployment)).