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
 ```
 

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

examples/cms-drupal/README.md

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

examples/cms-ghost/README.md

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

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

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

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

examples/cms-prepr/README.md

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

examples/cms-prismic/README.md

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

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

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

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

examples/cms-takeshape/README.md

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

examples/cms-tina/README.md

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

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

examples/cms-wordpress/README.md

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

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

examples/custom-server-actionhero/README.md

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

examples/custom-server-express/README.md

@@ -16,8 +16,12 @@ Execute [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packag
 
 ```bash
 npx create-next-app --example custom-server-express custom-server-express-app
-# or
+```
+
+```bash
 yarn create next-app --example custom-server-express custom-server-express-app
-# or
+```
+
+```bash
 pnpm create next-app --example custom-server-express custom-server-express-app
 ```

examples/custom-server-fastify/README.md

@@ -18,8 +18,12 @@ Execute [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packag
 
 ```bash
 npx create-next-app --example custom-server-fastify custom-server-fastify-app
-# or
+```
+
+```bash
 yarn create next-app --example custom-server-fastify custom-server-fastify-app
-# or
+```
+
+```bash
 pnpm create next-app --example custom-server-fastify custom-server-fastify-app
 ```

examples/custom-server-hapi/README.md

@@ -16,8 +16,12 @@ Execute [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packag
 
 ```bash
 npx create-next-app --example custom-server-hapi custom-server-hapi-app
-# or
+```
+
+```bash
 yarn create next-app --example custom-server-hapi custom-server-hapi-app
-# or
+```
+
+```bash
 pnpm create next-app --example custom-server-hapi custom-server-hapi-app
 ```

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

examples/custom-server-polka/README.md

@@ -16,8 +16,12 @@ Execute [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packag
 
 ```bash
 npx create-next-app --example custom-server-polka custom-server-polka-app
-# or
+```
+
+```bash
 yarn create next-app --example custom-server-polka custom-server-polka-app
-# or
+```
+
+```bash
 pnpm create next-app --example custom-server-polka custom-server-polka-app
 ```

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

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

examples/dynamic-routing/README.md

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

examples/with-apollo/README.md

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

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

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

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

examples/with-cerebral/README.md

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

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

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

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

examples/with-context-api/README.md

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

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

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

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

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

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

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

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

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

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

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

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