docs(examples): improve DX while copying command to create new project (

#38410)

* docs(examples): improve DX while copy command to create new project

* chore: apply code review

Co-authored-by: Marcos Bérgamo <Marcos.Bergamo@refinitiv.com>
Co-authored-by: JJ Kasper <jj@jjsweb.site>

contributing.md

@@ -306,9 +306,13 @@ Execute [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packag
 
 ```bash
 npx create-next-app --example DIRECTORY_NAME DIRECTORY_NAME-app
-# or
+```
+
+```bash
 yarn create next-app --example DIRECTORY_NAME DIRECTORY_NAME-app
-# or
+```
+
+```bash
 pnpm create next-app --example DIRECTORY_NAME DIRECTORY_NAME-app
 ```
 

examples/active-class-name/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 active-class-name active-class-name-app
-# or
+```
+
+```bash
 yarn create next-app --example active-class-name active-class-name-app
-# or
+```
+
+```bash
 pnpm create next-app --example active-class-name active-class-name-app
 ```
 

examples/amp-first/README.md

@@ -19,9 +19,13 @@ Execute [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packag
 
 ```bash
 npx create-next-app --example amp-first amp-first-app
-# or
+```
+
+```bash
 yarn create next-app --example amp-first amp-first-app
-# or
+```
+
+```bash
 pnpm create next-app --example amp-first amp-first-app
 ```
 

examples/amp-story/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 amp-story amp-story-app
-# or
+```
+
+```bash
 yarn create next-app --example amp-story amp-story-app
-# or
+```
+
+```bash
 pnpm create next-app --example amp-story amp-story-app
 ```
 

examples/amp/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 amp amp-app
-# or
+```
+
+```bash
 yarn create next-app --example amp amp-app
-# or
+```
+
+```bash
 pnpm create next-app --example amp amp-app
 ```
 

examples/analyze-bundles/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 analyze-bundles analyze-bundles-app
-# or
+```
+
+```bash
 yarn create next-app --example analyze-bundles analyze-bundles-app
-# or
+```
+
+```bash
 pnpm create next-app --example analyze-bundles analyze-bundles-app
 ```
 

examples/api-routes-apollo-server-and-client-auth/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 api-routes-apollo-server-and-client-auth api-routes-apollo-server-and-client-auth-app
-# or
+```
+
+```bash
 yarn create next-app --example api-routes-apollo-server-and-client-auth api-routes-apollo-server-and-client-auth-app
-# or
+```
+
+```bash
 pnpm create next-app --example api-routes-apollo-server-and-client-auth api-routes-apollo-server-and-client-auth-app
 ```
 

examples/api-routes-apollo-server-and-client/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 api-routes-apollo-server-and-client api-routes-apollo-server-and-client-app
-# or
+```
+
+```bash
 yarn create next-app --example api-routes-apollo-server-and-client api-routes-apollo-server-and-client-app
-# or
+```
+
+```bash
 pnpm create next-app --example api-routes-apollo-server-and-client api-routes-apollo-server-and-client-app
 ```
 

examples/api-routes-apollo-server/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 api-routes-apollo-server api-routes-apollo-server-app
-# or
+```
+
+```bash
 yarn create next-app --example api-routes-apollo-server api-routes-apollo-server-app
-# or
+```
+
+```bash
 pnpm create next-app --example api-routes-apollo-server api-routes-apollo-server-app
 ```
 

examples/api-routes-cors/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 api-routes-cors api-routes-cors-app
-# or
+```
+
+```bash
 yarn create next-app --example api-routes-cors api-routes-cors-app
-# or
+```
+
+```bash
 pnpm create next-app --example api-routes-cors api-routes-cors-app
 ```
 

examples/api-routes-graphql/README.md

@@ -31,9 +31,13 @@ Execute [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packag
 
 ```bash
 npx create-next-app --example api-routes-graphql api-routes-graphql-app
-# or
+```
+
+```bash
 yarn create next-app --example api-routes-graphql api-routes-graphql-app
-# or
+```
+
+```bash
 pnpm create next-app --example api-routes-graphql api-routes-graphql-app
 ```
 

examples/api-routes-middleware/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 api-routes-middleware api-routes-middleware-app
-# or
+```
+
+```bash
 yarn create next-app --example api-routes-middleware api-routes-middleware-app
-# or
+```
+
+```bash
 pnpm create next-app --example api-routes-middleware api-routes-middleware-app
 ```
 

examples/api-routes-rate-limit/README.md

@@ -28,9 +28,13 @@ Execute [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packag
 
 ```bash
 npx create-next-app --example api-routes-rate-limit api-routes-rate-limit-app
-# or
+```
+
+```bash
 yarn create next-app --example api-routes-rate-limit api-routes-rate-limit-app
-# or
+```
+
+```bash
 pnpm create next-app --example api-routes-rate-limit api-routes-rate-limit-app
 ```
 

examples/api-routes-rest/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 api-routes-rest api-routes-rest-app
-# or
+```
+
+```bash
 yarn create next-app --example api-routes-rest api-routes-rest-app
-# or
+```
+
+```bash
 pnpm create next-app --example api-routes-rest api-routes-rest-app
 ```
 

examples/api-routes/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 api-routes api-routes-app
-# or
+```
+
+```bash
 yarn create next-app --example api-routes api-routes-app
-# or
+```
+
+```bash
 pnpm create next-app --example api-routes api-routes-app
 ```
 

examples/auth0/README.md

@@ -17,9 +17,13 @@ Execute [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packag
 
 ```bash
 npx create-next-app --example auth0 auth0-app
-# or
+```
+
+```bash
 yarn create next-app --example auth0 auth0-app
-# or
+```
+
+```bash
 pnpm create next-app --example auth0 auth0-app
 ```
 

examples/basic-css/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 basic-css basic-css-app
-# or
+```
+
+```bash
 yarn create next-app --example basic-css basic-css-app
-# or
+```
+
+```bash
 pnpm create next-app --example basic-css basic-css-app
 ```
 

examples/basic-export/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 basic-export basic-export-app
-# or
+```
+
+```bash
 yarn create next-app --example basic-export basic-export-app
-# or
+```
+
+```bash
 pnpm create next-app --example basic-export basic-export-app
 ```
 

examples/blog-starter/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 blog-starter blog-starter-app
-# or
+```
+
+```bash
 yarn create next-app --example blog-starter blog-starter-app
-# or
+```
+
+```bash
 pnpm create next-app --example blog-starter blog-starter-app
 ```
 

examples/catch-all-routes/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 catch-all-routes catch-all-routes-app
-# or
+```
+
+```bash
 yarn create next-app --example catch-all-routes catch-all-routes-app
-# or
+```
+
+```bash
 pnpm create next-app --example catch-all-routes catch-all-routes-app
 ```
 

examples/cms-agilitycms/README.md

@@ -40,9 +40,13 @@ Execute [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packag
 
 ```bash
 npx create-next-app --example cms-agilitycms cms-agilitycms-app
-# or
+```
+
+```bash
 yarn create next-app --example cms-agilitycms cms-agilitycms-app
-# or
+```
+
+```bash
 pnpm create next-app --example cms-agilitycms cms-agilitycms-app
 ```
 

examples/cms-builder-io/README.md

@@ -12,9 +12,13 @@ Execute [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packag
 
 ```bash
 npx create-next-app --example cms-builder-io cms-builder-io-app
-# or
+```
+
+```bash
 yarn create next-app --example cms-builder-io cms-builder-io-app
-# or
+```
+
+```bash
 pnpm create next-app --example cms-builder-io cms-builder-io-app
 ```
 

examples/cms-buttercms/README.md

@@ -53,9 +53,13 @@ Execute [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packag
 
 ```bash
 npx create-next-app --example cms-buttercms cms-buttercms-app
-# or
+```
+
+```bash
 yarn create next-app --example cms-buttercms cms-buttercms-app
-# or
+```
+
+```bash
 pnpm create next-app --example cms-buttercms cms-buttercms-app
 ```
 

examples/cms-contentful/README.md

@@ -37,9 +37,13 @@ Execute [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packag
 
 ```bash
 npx create-next-app --example cms-contentful cms-contentful-app
-# or
+```
+
+```bash
 yarn create next-app --example cms-contentful cms-contentful-app
-# or
+```
+
+```bash
 pnpm create next-app --example cms-contentful cms-contentful-app
 ```
 

examples/cms-cosmic/README.md

@@ -37,9 +37,13 @@ Execute [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packag
 
 ```bash
 npx create-next-app --example cms-cosmic cms-cosmic-app
-# or
+```
+
+```bash
 yarn create next-app --example cms-cosmic cms-cosmic-app
-# or
+```
+
+```bash
 pnpm create next-app --example cms-cosmic cms-cosmic-app
 ```