Suggest `npx` over `npm init` (#13637)

This updates old examples to the more universal `npx` command.

Fixes https://github.com/vercel/next.js/discussions/12103

contributing.md

@@ -143,7 +143,7 @@ Deploy the example using [Vercel](https://vercel.com/now):
 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
-npm init next-app --example DIRECTORY_NAME DIRECTORY_NAME-app
+npx create-next-app --example DIRECTORY_NAME DIRECTORY_NAME-app
 # or
 yarn create next-app --example DIRECTORY_NAME DIRECTORY_NAME-app
 ```

examples/active-class-name/README.md

@@ -15,7 +15,7 @@ Deploy the example using [Vercel](https://vercel.com):
 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
-npm init next-app --example active-class-name active-class-name-app
+npx create-next-app --example active-class-name active-class-name-app
 # or
 yarn create next-app --example active-class-name active-class-name-app
 ```

examples/amp-first/README.md

@@ -20,7 +20,7 @@ Deploy the example using [Vercel](https://vercel.com):
 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
-npm init next-app --example amp-first amp-first-app
+npx create-next-app --example amp-first amp-first-app
 # or
 yarn create next-app --example amp-first amp-first-app
 ```

examples/amp-story/README.md

@@ -15,7 +15,7 @@ Deploy the example using [Vercel](https://vercel.com):
 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
-npm init next-app --example amp-story amp-app
+npx create-next-app --example amp-story amp-app
 # or
 yarn create next-app --example amp-story amp-app
 ```

examples/amp/README.md

@@ -15,7 +15,7 @@ Deploy the example using [Vercel](https://vercel.com):
 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
-npm init next-app --example amp amp-app
+npx create-next-app --example amp amp-app
 # or
 yarn create next-app --example amp amp-app
 ```

examples/analyze-bundles/README.md

@@ -15,7 +15,7 @@ Deploy the example using [Vercel](https://vercel.com):
 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
-npm init next-app --example analyze-bundles analyze-bundles-app
+npx create-next-app --example analyze-bundles analyze-bundles-app
 # or
 yarn create next-app --example analyze-bundles analyze-bundles-app
 ```

examples/api-routes-apollo-server-and-client/README.md

@@ -16,7 +16,7 @@ https://www.apollographql.com/docs/react/api/react-ssr/#getdatafromtree
 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
-npm init next-app --example api-routes-apollo-server-and-client api-routes-apollo-server-and-client-app
+npx create-next-app --example api-routes-apollo-server-and-client api-routes-apollo-server-and-client-app
 # or
 yarn create next-app --example api-routes-apollo-server-and-client api-routes-apollo-server-and-client-app
 ```

examples/api-routes-apollo-server/README.md

@@ -15,7 +15,7 @@ Deploy the example using [Vercel](https://vercel.com):
 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
-npm init next-app --example api-routes-apollo-server api-routes-apollo-server-app
+npx create-next-app --example api-routes-apollo-server api-routes-apollo-server-app
 # or
 yarn create next-app --example api-routes-apollo-server api-routes-apollo-server-app
 ```

examples/api-routes-cors/README.md

@@ -15,7 +15,7 @@ Deploy the example using [Vercel](https://vercel.com):
 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
-npm init next-app --example api-routes-cors api-routes-cors-app
+npx create-next-app --example api-routes-cors api-routes-cors-app
 # or
 yarn create next-app --example api-routes-cors api-routes-cors-app
 ```

examples/api-routes-graphql/README.md

@@ -15,7 +15,7 @@ Deploy the example using [Vercel](https://vercel.com):
 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
-npm init next-app --example api-routes-graphql api-routes-graphql-app
+npx create-next-app --example api-routes-graphql api-routes-graphql-app
 # or
 yarn create next-app --example api-routes-graphql api-routes-graphql-app
 ```

examples/api-routes-middleware/README.md

@@ -15,7 +15,7 @@ Deploy the example using [Vercel](https://vercel.com):
 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
-npm init next-app --example api-routes-middleware api-routes-middleware-app
+npx create-next-app --example api-routes-middleware api-routes-middleware-app
 # or
 yarn create next-app --example api-routes-middleware api-routes-middleware-app
 ```

examples/api-routes-rest/README.md

@@ -15,7 +15,7 @@ Deploy the example using [Vercel](https://vercel.com):
 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
-npm init next-app --example api-routes-rest api-routes-rest-app
+npx create-next-app --example api-routes-rest api-routes-rest-app
 # or
 yarn create next-app --example api-routes-rest api-routes-rest-app
 ```

examples/api-routes/README.md

@@ -15,7 +15,7 @@ Deploy the example using [Vercel](https://vercel.com):
 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
-npm init next-app --example api-routes api-routes-app
+npx create-next-app --example api-routes api-routes-app
 # or
 yarn create next-app --example api-routes api-routes-app
 ```

examples/auth0/README.md

@@ -9,7 +9,7 @@ Read more: [https://auth0.com/blog/ultimate-guide-nextjs-authentication-auth0/](
 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
-npm init next-app --example auth0 auth0
+npx create-next-app --example auth0 auth0
 # or
 yarn create next-app --example auth0 auth0
 ```

examples/basic-css/README.md

@@ -17,7 +17,7 @@ Deploy the example using [Vercel](https://vercel.com):
 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
-npm init next-app --example basic-css basic-css-app
+npx create-next-app --example basic-css basic-css-app
 # or
 yarn create next-app --example basic-css basic-css-app
 ```

examples/basic-export/README.md

@@ -15,7 +15,7 @@ Deploy the example using [Vercel](https://vercel.com):
 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
-npm init next-app --example basic-export basic-export-app
+npx create-next-app --example basic-export basic-export-app
 # or
 yarn create next-app --example basic-export basic-export-app
 ```

examples/blog-starter-typescript/README.md

@@ -15,7 +15,7 @@ To create the blog posts we use [`remark`](https://github.com/remarkjs/remark) a
 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
-npm init next-app --example blog-starter-typescript blog-starter-typescript-app
+npx create-next-app --example blog-starter-typescript blog-starter-typescript-app
 # or
 yarn create next-app --example blog-starter-typescript blog-starter-typescript-app
 ```

examples/blog-starter/README.md

@@ -25,7 +25,7 @@ To create the blog posts we use [`remark`](https://github.com/remarkjs/remark) a
 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
-npm init next-app --example blog-starter blog-starter-app
+npx create-next-app --example blog-starter blog-starter-app
 # or
 yarn create next-app --example blog-starter blog-starter-app
 ```

examples/catch-all-routes/README.md

@@ -24,7 +24,7 @@ Deploy the example using [Vercel](https://vercel.com):
 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
-npm init next-app --example catch-all-routes catch-all-routes-app
+npx create-next-app --example catch-all-routes catch-all-routes-app
 # or
 yarn create next-app --example catch-all-routes catch-all-routes-app
 ```

examples/cms-contentful/README.md

@@ -19,7 +19,7 @@ This example showcases Next.js's [Static Generation](/docs/basic-features/pages.
 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
-npm init next-app --example cms-contentful cms-contentful-app
+npx create-next-app --example cms-contentful cms-contentful-app
 # or
 yarn create next-app --example cms-contentful cms-contentful-app
 ```

examples/cms-datocms/README.md

@@ -20,7 +20,7 @@ This example showcases Next.js's [Static Generation](https://nextjs.org/docs/bas
 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
-npm init next-app --example cms-datocms cms-datocms-app
+npx create-next-app --example cms-datocms cms-datocms-app
 # or
 yarn create next-app --example cms-datocms cms-datocms-app
 ```

examples/cms-prismic/README.md

@@ -21,7 +21,7 @@ This example showcases Next.js's [Static Generation](/docs/basic-features/pages.
 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
-npm init next-app --example cms-prismic cms-prismic-app
+npx create-next-app --example cms-prismic cms-prismic-app
 # or
 yarn create next-app --example cms-prismic cms-prismic-app
 ```

examples/cms-sanity/README.md

@@ -21,7 +21,7 @@ This example showcases Next.js's [Static Generation](https://nextjs.org/docs/bas
 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
-npm init next-app --example cms-sanity cms-sanity-app
+npx create-next-app --example cms-sanity cms-sanity-app
 # or
 yarn create next-app --example cms-sanity cms-sanity-app
 ```

examples/cms-takeshape/README.md

@@ -21,7 +21,7 @@ This example showcases Next.js's [Static Generation](https://nextjs.org/docs/bas
 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
-npm init next-app --example cms-takeshape cms-takeshape-app
+npx create-next-app --example cms-takeshape cms-takeshape-app
 # or
 yarn create next-app --example cms-takeshape cms-takeshape-app
 ```

examples/custom-server-actionhero/README.md

@@ -12,7 +12,7 @@ A more detailed example showcasing how to use fetch and web sockets to interact
 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
-npm init next-app --example custom-server-actionhero custom-server-actionhero-app
+npx create-next-app --example custom-server-actionhero custom-server-actionhero-app
 # or
 yarn create next-app --example custom-server-actionhero custom-server-actionhero-app
 ```

examples/custom-server-express/README.md

@@ -13,7 +13,7 @@ The example shows a server that serves the component living in `pages/a.js` when
 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
-npm init next-app --example custom-server-express custom-server-express-app
+npx create-next-app --example custom-server-express custom-server-express-app
 # or
 yarn create next-app --example custom-server-express custom-server-express-app
 ```

examples/custom-server-fastify/README.md

@@ -13,7 +13,7 @@ The example shows a server that serves the component living in `pages/a.js` when
 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
-npm init next-app --example custom-server-fastify custom-server-fastify-app
+npx create-next-app --example custom-server-fastify custom-server-fastify-app
 # or
 yarn create next-app --example custom-server-fastify custom-server-fastify-app
 ```

examples/custom-server-hapi/README.md

@@ -13,7 +13,7 @@ The example shows a server that serves the component living in `pages/a.js` when
 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
-npm init next-app --example custom-server-hapi custom-server-hapi-app
+npx create-next-app --example custom-server-hapi custom-server-hapi-app
 # or
 yarn create next-app --example custom-server-hapi custom-server-hapi-app
 ```

examples/custom-server-koa/README.md

@@ -13,7 +13,7 @@ The example shows a server that serves the component living in `pages/a.js` when
 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
-npm init next-app --example custom-server-koa custom-server-koa-app
+npx create-next-app --example custom-server-koa custom-server-koa-app
 # or
 yarn create next-app --example custom-server-koa custom-server-koa-app
 ```

examples/custom-server-polka/README.md

@@ -13,7 +13,7 @@ The example shows a server that serves the component living in `pages/a.js` when
 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
-npm init next-app --example custom-server-polka custom-server-polka-app
+npx create-next-app --example custom-server-polka custom-server-polka-app
 # or
 yarn create next-app --example custom-server-polka custom-server-polka-app
 ```

examples/custom-server-typescript/README.md

@@ -12,7 +12,7 @@ The second directory should be added to `.gitignore`.
 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
-npm init next-app --example custom-server-typescript custom-server-typescript-app
+npx create-next-app --example custom-server-typescript custom-server-typescript-app
 # or
 yarn create next-app --example custom-server-typescript custom-server-typescript-app
 ```

examples/custom-server/README.md

@@ -11,7 +11,7 @@ The example shows a server that serves the component living in `pages/a.js` when
 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
-npm init next-app --example custom-server custom-server-app
+npx create-next-app --example custom-server custom-server-app
 # or
 yarn create next-app --example custom-server custom-server-app
 ```

examples/data-fetch/README.md

@@ -18,7 +18,7 @@ Deploy the example using [Vercel](https://vercel.com):
 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
-npm init next-app --example data-fetch data-fetch-app
+npx create-next-app --example data-fetch data-fetch-app
 # or
 yarn create next-app --example data-fetch data-fetch-app
 ```

examples/dynamic-routing/README.md

@@ -23,7 +23,7 @@ Deploy the example using [Vercel](https://vercel.com):
 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
-npm init next-app --example dynamic-routing dynamic-routing-app
+npx create-next-app --example dynamic-routing dynamic-routing-app
 # or
 yarn create next-app --example dynamic-routing dynamic-routing-app
 ```

examples/gh-pages/README.md

@@ -9,7 +9,7 @@ This example shows the most basic idea behind Next. We have 2 pages: `pages/inde
 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
-npm init next-app --example gh-pages gh-pages-app
+npx create-next-app --example gh-pages gh-pages-app
 # or
 yarn create next-app --example gh-pages gh-pages-app
 ```

examples/head-elements/README.md

@@ -17,7 +17,7 @@ Deploy the example using [Vercel](https://vercel.com):
 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
-npm init next-app --example head-elements head-elements-app
+npx create-next-app --example head-elements head-elements-app
 # or
 yarn create next-app --example head-elements head-elements-app
 ```

examples/hello-world/README.md

@@ -15,7 +15,7 @@ Deploy the example using [Vercel](https://vercel.com):
 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
-npm init next-app --example hello-world hello-world-app
+npx create-next-app --example hello-world hello-world-app
 # or
 yarn create next-app --example hello-world hello-world-app
 ```

examples/layout-component/README.md

@@ -15,7 +15,7 @@ Deploy the example using [Vercel](https://vercel.com):
 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
-npm init next-app --example layout-component layout-component-app
+npx create-next-app --example layout-component layout-component-app
 # or
 yarn create next-app --example layout-component layout-component-app
 ```

examples/nested-components/README.md

@@ -15,7 +15,7 @@ Deploy the example using [Vercel](https://vercel.com):
 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
-npm init next-app --example nested-components nested-components-app
+npx create-next-app --example nested-components nested-components-app
 # or
 yarn create next-app --example nested-components nested-components-app
 ```

examples/progressive-render/README.md

@@ -29,7 +29,7 @@ Deploy the example using [Vercel](https://vercel.com):
 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
-npm init next-app --example progressive-render progressive-render-app
+npx create-next-app --example progressive-render progressive-render-app
 # or
 yarn create next-app --example progressive-render progressive-render-app
 ```

examples/ssr-caching/README.md

@@ -12,7 +12,7 @@ This app uses Next's [custom server and routing](https://github.com/vercel/next.
 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
-npm init next-app --example ssr-caching ssr-caching-app
+npx create-next-app --example ssr-caching ssr-caching-app
 # or
 yarn create next-app --example ssr-caching ssr-caching-app
 ```

examples/svg-components/README.md

@@ -15,7 +15,7 @@ Deploy the example using [Vercel](https://vercel.com):
 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
-npm init next-app --example svg-components svg-components-app
+npx create-next-app --example svg-components svg-components-app
 # or
 yarn create next-app --example svg-components svg-components-app
 ```

examples/using-preact/README.md

@@ -9,7 +9,7 @@ This example uses [Preact](https://github.com/preactjs/preact) instead of React.
 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
-npm init next-app --example using-preact using-preact-app
+npx create-next-app --example using-preact using-preact-app
 # or
 yarn create next-app --example using-preact using-preact-app
 ```

examples/using-router/README.md

@@ -18,7 +18,7 @@ Deploy the example using [Vercel](https://vercel.com):
 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
-npm init next-app --example using-router using-router-app
+npx create-next-app --example using-router using-router-app
 # or
 yarn create next-app --example using-router using-router-app
 ```

examples/with-absolute-imports/README.md

@@ -15,7 +15,7 @@ Deploy the example using [Vercel](https://vercel.com):
 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
-npm init next-app --example with-absolute-imports with-absolute-imports-app
+npx create-next-app --example with-absolute-imports with-absolute-imports-app
 # or
 yarn create next-app --example with-absolute-imports with-absolute-imports-app
 ```

examples/with-algolia-react-instantsearch/README.md

@@ -9,7 +9,7 @@ The goal of this example is to illustrate how you can use [Algolia React Instant
 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
-npm init next-app --example with-algolia-react-instantsearch with-algolia-react-instantsearch-app
+npx create-next-app --example with-algolia-react-instantsearch with-algolia-react-instantsearch-app
 # or
 yarn create next-app --example with-algolia-react-instantsearch with-algolia-react-instantsearch-app
 ```

examples/with-ant-design-less/README.md

@@ -15,7 +15,7 @@ Deploy the example using [Vercel](https://vercel.com):
 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
-npm init next-app --example with-ant-design-less with-ant-design-app
+npx create-next-app --example with-ant-design-less with-ant-design-app
 # or
 yarn create next-app --example with-ant-design-less with-ant-design-app
 ```

examples/with-ant-design-mobile/README.md

@@ -15,7 +15,7 @@ Deploy the example using [Vercel](https://vercel.com):
 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
-npm init next-app --example with-ant-design-mobile with-ant-design-mobile-app
+npx create-next-app --example with-ant-design-mobile with-ant-design-mobile-app
 # or
 yarn create next-app --example with-ant-design-mobile with-ant-design-mobile-app
 ```

examples/with-ant-design-pro-layout-less/README.md

@@ -15,7 +15,7 @@ Deploy the example using [Vercel](https://vercel.com):
 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
-npm init next-app --example with-ant-design-pro-layout-less with-ant-design-app
+npx create-next-app --example with-ant-design-pro-layout-less with-ant-design-app
 # or
 yarn create next-app --example with-ant-design-pro-layout-less with-ant-design-app
 ```

examples/with-ant-design/README.md

@@ -15,7 +15,7 @@ Deploy the example using [Vercel](https://vercel.com):
 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
-npm init next-app --example with-ant-design with-ant-design-app
+npx create-next-app --example with-ant-design with-ant-design-app
 # or
 yarn create next-app --example with-ant-design with-ant-design-app
 ```

examples/with-aphrodite/README.md

@@ -17,7 +17,7 @@ Deploy the example using [Vercel](https://vercel.com):
 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
-npm init next-app --example with-aphrodite with-aphrodite-app
+npx create-next-app --example with-aphrodite with-aphrodite-app
 # or
 yarn create next-app --example with-aphrodite with-aphrodite-app
 ```

examples/with-apollo-and-redux/README.md

@@ -17,7 +17,7 @@ Deploy the example using [Vercel](https://vercel.com):
 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
-npm init next-app --example with-apollo-and-redux with-apollo-and-redux-app
+npx create-next-app --example with-apollo-and-redux with-apollo-and-redux-app
 # or
 yarn create next-app --example with-apollo-and-redux with-apollo-and-redux-app
 ```

examples/with-apollo/README.md

@@ -26,7 +26,7 @@ _Live Example: https://next-with-apollo.now.sh_
 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
-npm init next-app --example with-apollo with-apollo-app
+npx create-next-app --example with-apollo with-apollo-app
 # or
 yarn create next-app --example with-apollo with-apollo-app
 ```

examples/with-app-layout/README.md

@@ -15,7 +15,7 @@ Deploy the example using [Vercel](https://vercel.com):
 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
-npm init next-app --example with-app-layout with-app-layout-app
+npx create-next-app --example with-app-layout with-app-layout-app
 # or
 yarn create next-app --example with-app-layout with-app-layout-app
 ```

examples/with-astroturf/README.md

@@ -15,7 +15,7 @@ Deploy the example using [Vercel](https://vercel.com):
 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
-npm init next-app --example with-astroturf with-astroturf-app
+npx create-next-app --example with-astroturf with-astroturf-app
 # or
 yarn create next-app --example with-astroturf with-astroturf-app
 ```

examples/with-aws-amplify-typescript/README.md

@@ -17,7 +17,7 @@ Two routes are implemented :
 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
-npm init next-app --example with-aws-amplify-typescript nextjs-aws-amplify-typescript-app
+npx create-next-app --example with-aws-amplify-typescript nextjs-aws-amplify-typescript-app
 # or
 yarn create next-app --example with-aws-amplify-typescript nextjs-aws-amplify-typescript-app
 ```

examples/with-aws-amplify/README.md

@@ -16,7 +16,7 @@ Two routes are implemented :
 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
-npm init next-app --example with-aws-amplify nextjs-aws-amplify-app
+npx create-next-app --example with-aws-amplify nextjs-aws-amplify-app
 # or
 yarn create next-app --example with-aws-amplify nextjs-aws-amplify-app
 ```

examples/with-babel-macros/README.md

@@ -15,7 +15,7 @@ Deploy the example using [Vercel](https://vercel.com):
 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
-npm init next-app --example with-babel-macros with-babel-macros-app
+npx create-next-app --example with-babel-macros with-babel-macros-app
 # or
 yarn create next-app --example with-babel-macros with-babel-macros-app
 ```

examples/with-carbon-components/README.md

@@ -17,7 +17,7 @@ Deploy the example using [Vercel](https://vercel.com):
 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
-npm init next-app --example with-carbon-components with-carbon-components-app
+npx create-next-app --example with-carbon-components with-carbon-components-app
 # or
 yarn create next-app --example with-carbon-components with-carbon-components-app
 ```

examples/with-cerebral/README.md

@@ -47,7 +47,7 @@ Deploy the example using [Vercel](https://vercel.com):
 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
-npm init next-app --example with-cerebral with-cerebral-app
+npx create-next-app --example with-cerebral with-cerebral-app
 # or
 yarn create next-app --example with-cerebral with-cerebral-app
 ```

examples/with-chakra-ui/README.md

@@ -17,7 +17,7 @@ Deploy the example using [Vercel](https://vercel.com):
 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
-npm init next-app --example with-chakra-ui with-chakra-ui-app
+npx create-next-app --example with-chakra-ui with-chakra-ui-app
 # or
 yarn create next-app --example with-chakra-ui with-chakra-ui-app
 ```

examples/with-context-api/README.md

@@ -23,7 +23,7 @@ Deploy the example using [Vercel](https://vercel.com):
 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
-npm init next-app --example with-context-api with-context-api-app
+npx create-next-app --example with-context-api with-context-api-app
 # or
 yarn create next-app --example with-context-api with-context-api-app
 ```

examples/with-cookie-auth-fauna/README.md

@@ -17,7 +17,7 @@ The helper function `auth` helps to retrieve the token across pages and redirect
 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
-npm init next-app --example with-cookie-auth-fauna with-cookie-auth-fauna-app
+npx create-next-app --example with-cookie-auth-fauna with-cookie-auth-fauna-app
 # or
 yarn create next-app --example with-cookie-auth-fauna with-cookie-auth-fauna-app
 ```

examples/with-custom-babel-config/README.md

@@ -21,7 +21,7 @@ Deploy the example using [Vercel](https://vercel.com):
 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
-npm init next-app --example with-custom-babel-config with-custom-babel-config-app
+npx create-next-app --example with-custom-babel-config with-custom-babel-config-app
 # or
 yarn create next-app --example with-custom-babel-config with-custom-babel-config-app
 ```

examples/with-custom-reverse-proxy/README.md

@@ -14,7 +14,7 @@ Sorry for the extra packages. I belong to the minority camp of writing ES6 code
 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
-npm init next-app --example with-custom-reverse-proxy with-custom-reverse-proxy-app
+npx create-next-app --example with-custom-reverse-proxy with-custom-reverse-proxy-app
 # or
 yarn create next-app --example with-custom-reverse-proxy with-custom-reverse-proxy-app
 ```

examples/with-cxs/README.md

@@ -17,7 +17,7 @@ Deploy the example using [Vercel](https://vercel.com):
 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
-npm init next-app --example with-cxs with-cxs-app
+npx create-next-app --example with-cxs with-cxs-app
 # or
 yarn create next-app --example with-cxs with-cxs-app
 ```

examples/with-docker/README.md

@@ -13,7 +13,7 @@ You can check the [Example Dockerfile for your own Node.js project](https://gith
 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
-npm init next-app --example with-docker with-docker-app
+npx create-next-app --example with-docker with-docker-app
 # or
 yarn create next-app --example with-docker with-docker-app
 ```

examples/with-dotenv/README.md

@@ -15,7 +15,7 @@ Deploy the example using [Vercel](https://vercel.com):
 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
-npm init next-app --example with-dotenv with-dotenv-app
+npx create-next-app --example with-dotenv with-dotenv-app
 # or
 yarn create next-app --example with-dotenv with-dotenv-app
 ```

examples/with-draft-js/README.md

@@ -17,7 +17,7 @@ Deploy the example using [Vercel](https://vercel.com):
 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
-npm init next-app --example with-draft-js
+npx create-next-app --example with-draft-js
 # or
 yarn create next-app --example with-draft-js with-draft-js-app
 ```

examples/with-dynamic-app-layout/README.md

@@ -15,7 +15,7 @@ Deploy the example using [Vercel](https://vercel.com):
 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
-npm init next-app --example with-dynamic-app-layout with-dynamic-app-layout-app
+npx create-next-app --example with-dynamic-app-layout with-dynamic-app-layout-app
 # or
 yarn create next-app --example with-dynamic-app-layout with-dynamic-app-layout-app
 ```

examples/with-dynamic-import/README.md

@@ -15,7 +15,7 @@ Deploy the example using [Vercel](https://vercel.com):
 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
-npm init next-app --example with-dynamic-import with-dynamic-import-app
+npx create-next-app --example with-dynamic-import with-dynamic-import-app
 # or
 yarn create next-app --example with-dynamic-import with-dynamic-import-app
 ```

examples/with-electron-typescript/README.md

@@ -19,7 +19,7 @@ For development it's going to run a HTTP server and let Next.js handle routing.
 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
-npm init next-app --example with-electron-typescript with-electron-typescript-app
+npx create-next-app --example with-electron-typescript with-electron-typescript-app
 # or
 yarn create next-app --example with-electron-typescript with-electron-typescript-app
 ```

examples/with-electron/README.md

@@ -13,7 +13,7 @@ For development it's going to run a HTTP server and let Next.js handle routing.
 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
-npm init next-app --example with-electron with-electron-app
+npx create-next-app --example with-electron with-electron-app
 # or
 yarn create next-app --example with-electron with-electron-app
 ```

examples/with-emotion-11/README.md

@@ -15,7 +15,7 @@ Deploy the example using [Vercel](https://vercel.com):
 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
-npm init next-app --example with-emotion-11 with-emotion-11-app
+npx create-next-app --example with-emotion-11 with-emotion-11-app
 # or
 yarn create next-app --example with-emotion-11 with-emotion-11-app
 ```

examples/with-emotion/README.md

@@ -19,7 +19,7 @@ Deploy the example using [Vercel](https://vercel.com):
 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
-npm init next-app --example with-emotion-10 with-emotion-10-app
+npx create-next-app --example with-emotion-10 with-emotion-10-app
 # or
 yarn create next-app --example with-emotion-10 with-emotion-10-app
 ```

examples/with-env-from-next-config-js/README.md

@@ -25,7 +25,7 @@ Deploy the example using [Vercel](https://vercel.com):
 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
-npm init next-app --example with-env-from-next-config-js
+npx create-next-app --example with-env-from-next-config-js
 # or
 yarn create next-app --example with-env-from-next-config-js
 ```

examples/with-fela/README.md

@@ -17,7 +17,7 @@ Deploy the example using [Vercel](https://vercel.com):
 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
-npm init next-app --example with-fela with-fela-app
+npx create-next-app --example with-fela with-fela-app
 # or
 yarn create next-app --example with-fela with-fela-app
 ```

examples/with-firebase-cloud-messaging/README.md

@@ -9,7 +9,7 @@ To demo how to implement firebase cloud messaging to send web push notification
 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
-npm init next-app --example with-firebase-cloud-messaging with-firebase-cloud-messaging-app
+npx create-next-app --example with-firebase-cloud-messaging with-firebase-cloud-messaging-app
 # or
 yarn create next-app --example with-firebase-cloud-messaging with-firebase-cloud-messaging-app
 ```

examples/with-firebase-hosting/README.md

@@ -20,7 +20,7 @@ If you are having issues, feel free to tag @jthegedus in the [issue you create o
 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
-npm init next-app --example with-firebase-hosting with-firebase-hosting-app
+npx create-next-app --example with-firebase-hosting with-firebase-hosting-app
 # or
 yarn create next-app --example with-firebase-hosting with-firebase-hosting-app
 ```

examples/with-flow/README.md

@@ -15,7 +15,7 @@ Deploy the example using [Vercel](https://vercel.com):
 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
-npm init next-app --example with-flow with-flow-app
+npx create-next-app --example with-flow with-flow-app
 # or
 yarn create next-app --example with-flow with-flow-app
 ```

examples/with-framer-motion/README.md

@@ -17,7 +17,7 @@ Deploy the example using [Vercel](https://vercel.com):
 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
-npm init next-app --example with-framer-motion with-framer-motion
+npx create-next-app --example with-framer-motion with-framer-motion
 # or
 yarn create next-app --example with-framer-motion with-framer-motion
 ```

examples/with-glamor/README.md

@@ -19,7 +19,7 @@ Deploy the example using [Vercel](https://vercel.com):
 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
-npm init next-app --example with-glamor with-glamor-app
+npx create-next-app --example with-glamor with-glamor-app
 # or
 yarn create next-app --example with-glamor with-glamor-app
 ```

examples/with-google-analytics-amp/README.md

@@ -15,7 +15,7 @@ Deploy the example using [Vercel](https://vercel.com):
 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
-npm init next-app --example with-google-analytics-amp with-google-analytics-amp-app
+npx create-next-app --example with-google-analytics-amp with-google-analytics-amp-app
 # or
 yarn create next-app --example with-google-analytics-amp with-google-analytics-amp-app
 ```

examples/with-google-analytics/README.md

@@ -15,7 +15,7 @@ Deploy the example using [Vercel](https://vercel.com):
 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
-npm init next-app --example with-google-analytics with-google-analytics-app
+npx create-next-app --example with-google-analytics with-google-analytics-app
 # or
 yarn create next-app --example with-google-analytics with-google-analytics-app
 ```

examples/with-graphql-faunadb/README.md

@@ -37,7 +37,7 @@ At the end, the newly generated client token will be printed and should be used
 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:
 
 ```
-npm init next-app --example with-graphql-faunadb with-graphql-faunadb
+npx create-next-app --example with-graphql-faunadb with-graphql-faunadb
 # or
 yarn create next-app --example with-graphql-faunadb with-graphql-faunadb
 ```

examples/with-graphql-hooks/README.md

@@ -21,7 +21,7 @@ _Live Example: https://next-with-graphql-hooks.now.sh_
 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
-npm init next-app --example with-graphql-hooks with-graphql-hooks-app
+npx create-next-app --example with-graphql-hooks with-graphql-hooks-app
 # or
 yarn create next-app --example with-graphql-hooks with-graphql-hooks-app
 ```

examples/with-graphql-react/README.md

@@ -15,7 +15,7 @@ Deploy the example using [Vercel](https://vercel.com):
 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
-npm init next-app --example with-graphql-react with-graphql-react-app
+npx create-next-app --example with-graphql-react with-graphql-react-app
 # or
 yarn create next-app --example with-graphql-react with-graphql-react-app
 ```

examples/with-grommet/README.md

@@ -17,7 +17,7 @@ Deploy the example using [Vercel](https://vercel.com):
 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
-npm init next-app --example with-grommet with-grommet-app
+npx create-next-app --example with-grommet with-grommet-app
 # or
 yarn create next-app --example with-grommet with-grommet-app
 ```

examples/with-hls-js/README.md

@@ -15,7 +15,7 @@ Deploy the example using [Vercel](https://vercel.com/now):
 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
-npm init next-app --example with-hls-js with-hls-js-app
+npx create-next-app --example with-hls-js with-hls-js-app
 # or
 yarn create next-app --example with-hls-js with-hls-js-app
 ```

examples/with-http2/README.md

@@ -9,7 +9,7 @@ This example shows the most basic example using an HTTP2 server. We have 2 pages
 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
-npm init next-app --example with-http2 with-http2-app
+npx create-next-app --example with-http2 with-http2-app
 # or
 yarn create next-app --example with-http2 with-http2-app
 ```

examples/with-i18n-rosetta/README.md

@@ -17,7 +17,7 @@ Deploy the example using [Vercel](https://vercel.com):
 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
-npm init next-app --example with-i18n-rosetta with-i18n-rosetta
+npx create-next-app --example with-i18n-rosetta with-i18n-rosetta
 # or
 yarn create next-app --example with-i18n-rosetta with-i18n-rosetta
 ```

examples/with-kea/README.md

@@ -15,7 +15,7 @@ Deploy the example using [Vercel](https://vercel.com):
 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
-npm init next-app --example with-kea with-kea-app
+npx create-next-app --example with-kea with-kea-app
 # or
 yarn create next-app --example with-kea with-kea-app
 ```

examples/with-linaria/README.md

@@ -17,7 +17,7 @@ Deploy the example using [Vercel](https://vercel.com):
 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
-npm init next-app --example with-linaria with-linaria-app
+npx create-next-app --example with-linaria with-linaria-app
 # or
 yarn create next-app --example with-linaria with-linaria-app
 ```

examples/with-lingui/README.md

@@ -19,7 +19,7 @@ Deploy the example using [Vercel](https://vercel.com):
 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
-npm init next-app --example with-lingui with-lingui-app
+npx create-next-app --example with-lingui with-lingui-app
 # or
 yarn create next-app --example with-lingui with-lingui-app
 ```

examples/with-loading/README.md

@@ -23,7 +23,7 @@ Deploy the example using [Vercel](https://vercel.com):
 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
-npm init next-app --example with-loading with-loading-app
+npx create-next-app --example with-loading with-loading-app
 # or
 yarn create next-app --example with-loading with-loading-app
 ```

examples/with-magic/README.md

@@ -21,7 +21,7 @@ Deploy the example using [Vercel Now](https://vercel.com/docs/now-cli#commands/o
 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
-npm init next-app --example with-magic with-magic-app
+npx create-next-app --example with-magic with-magic-app
 # or
 yarn create next-app --example with-magic with-magic-app
 ```

examples/with-mdx/README.md

@@ -15,7 +15,7 @@ Deploy the example using [Vercel](https://vercel.com):
 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
-npm init next-app --example with-mdx with-mdx-app
+npx create-next-app --example with-mdx with-mdx-app
 # or
 yarn create next-app --example with-mdx with-mdx-app
 ```

examples/with-mobx-react-lite/README.md

@@ -21,7 +21,7 @@ Deploy the example using [Vercel](https://vercel.com):
 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
-npm init next-app --example with-mobx-react-lite with-mobx-react-lite-app
+npx create-next-app --example with-mobx-react-lite with-mobx-react-lite-app
 # or
 yarn create next-app --example with-mobx-react-lite with-mobx-react-lite-app
 ```

examples/with-mobx-state-tree-typescript/README.md

@@ -23,7 +23,7 @@ Deploy the example using [Vercel](https://vercel.com):
 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
-npm init next-app --example with-mobx-state-tree-typescript with-mobx-state-tree-typescript-app
+npx create-next-app --example with-mobx-state-tree-typescript with-mobx-state-tree-typescript-app
 # or
 yarn create next-app --example with-mobx-state-tree-typescript with-mobx-state-tree-typescript-app
 ```

examples/with-mobx-state-tree/README.md

@@ -23,7 +23,7 @@ Deploy the example using [Vercel](https://vercel.com):
 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
-npm init next-app --example with-mobx-state-tree with-mobx-state-tree-app
+npx create-next-app --example with-mobx-state-tree with-mobx-state-tree-app
 # or
 yarn create next-app --example with-mobx-state-tree with-mobx-state-tree-app
 ```

examples/with-mobx/README.md

@@ -23,7 +23,7 @@ Deploy the example using [Vercel](https://vercel.com):
 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
-npm init next-app --example with-mobx with-mobx-app
+npx create-next-app --example with-mobx with-mobx-app
 # or
 yarn create next-app --example with-mobx with-mobx-app
 ```

examples/with-mocha/README.md

@@ -9,7 +9,7 @@ This example features an app with Mocha tests.
 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
-npm init next-app --example with-mocha with-mocha-app
+npx create-next-app --example with-mocha with-mocha-app
 # or
 yarn create next-app --example with-mocha with-mocha-app
 ```

examples/with-mongodb-mongoose/README.md

@@ -17,7 +17,7 @@ Deploy the example using [Vercel](https://vercel.com):
 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
-npm init next-app --example with-mongodb-mongoose with-mongodb-mongoose-app
+npx create-next-app --example with-mongodb-mongoose with-mongodb-mongoose-app
 # or
 yarn create next-app --example with-mongodb-mongoose with-mongodb-mongoose-app
 ```

examples/with-mux-video/README.md

@@ -17,7 +17,7 @@ Deploy the example using [Vercel](https://vercel.com/home):
 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
-npm init next-app --example with-mux-video with-mux-video-app
+npx create-next-app --example with-mux-video with-mux-video-app
 # or
 yarn create next-app --example with-mux-video with-mux-video-app
 ```

examples/with-netlify-cms/README.md

@@ -9,7 +9,7 @@
 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
-npm init next-app --example with-netlify-cms with-netlify-cms-app
+npx create-next-app --example with-netlify-cms with-netlify-cms-app
 # or
 yarn create next-app --example with-netlify-cms with-netlify-cms-app
 ```

examples/with-next-css/README.md

@@ -15,7 +15,7 @@ Deploy the example using [Vercel](https://vercel.com):
 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
-npm init next-app --example with-next-css with-next-css-app
+npx create-next-app --example with-next-css with-next-css-app
 # or
 yarn create next-app --example with-next-css with-next-css-app
 ```

examples/with-next-less/README.md

@@ -17,7 +17,7 @@ Deploy the example using [Vercel](https://vercel.com):
 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
-npm init next-app --example with-next-less with-next-less-app
+npx create-next-app --example with-next-less with-next-less-app
 # or
 yarn create next-app --example with-next-less with-next-less-app
 ```

examples/with-next-offline/README.md

@@ -9,7 +9,7 @@ This example demonstrates how to use the [next-offline plugin](https://github.co
 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
-npm init next-app --example with-next-offline with-next-offline-app
+npx create-next-app --example with-next-offline with-next-offline-app
 # or
 yarn create next-app --example with-next-offline with-next-offline-app
 ```

examples/with-next-page-transitions/README.md

@@ -17,7 +17,7 @@ Deploy the example using [Vercel](https://vercel.com):
 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
-npm init next-app --example with-next-page-transitions with-next-page-transitions
+npx create-next-app --example with-next-page-transitions with-next-page-transitions
 # or
 yarn create next-app --example with-next-page-transitions with-next-page-transitions
 ```

examples/with-next-sass/README.md

@@ -15,7 +15,7 @@ Deploy the example using [Vercel](https://vercel.com):
 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
-npm init next-app --example with-next-sass with-next-sass-app
+npx create-next-app --example with-next-sass with-next-sass-app
 # or
 yarn create next-app --example with-next-sass with-next-sass-app
 ```

examples/with-next-seo/README.md

@@ -15,7 +15,7 @@ Deploy the example using [Vercel](https://vercel.com):
 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
-npm init next-app --example with-next-seo next-seo-app
+npx create-next-app --example with-next-seo next-seo-app
 # or
 yarn create next-app --example with-next-seo next-seo-app
 ```

examples/with-next-translate/README.md

@@ -15,7 +15,7 @@ Deploy the example using [Vercel](https://vercel.com):
 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
-npm init next-app --example with-next-translate with-next-translate-app
+npx create-next-app --example with-next-translate with-next-translate-app
 # or
 yarn create next-app --example with-next-translate with-next-translate-app
 ```

examples/with-now-env/README.md

@@ -9,7 +9,7 @@ This example shows the usage of [Now Secrets](https://vercel.com/docs/v2/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) or [Yarn](https://yarnpkg.com/lang/en/docs/cli/create/) to bootstrap the example::
 
 ```bash
-npm init next-app --example with-now-env with-now-env-app
+npx create-next-app --example with-now-env with-now-env-app
 # or
 yarn create next-app --example with-now-env with-now-env-app
 ```

examples/with-orbit-components/README.md

@@ -19,7 +19,7 @@ Deploy the example using [Vercel](https://vercel.com):
 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
-npm init next-app --example with-orbit-components with-orbit-components-app
+npx create-next-app --example with-orbit-components with-orbit-components-app
 # or
 yarn create next-app --example with-orbit-components with-orbit-components-app
 ```

examples/with-overmind/README.md

@@ -15,7 +15,7 @@ Deploy the example using [Vercel](https://vercel.com):
 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
-npm init next-app --example with-overmind with-overmind-app
+npx create-next-app --example with-overmind with-overmind-app
 # or
 yarn create next-app --example with-overmind with-overmind-app
 ```

examples/with-passport/README.md

@@ -21,7 +21,7 @@ Deploy the example using [Vercel](https://vercel.com):
 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
-npm init next-app --example with-passport with-passport-app
+npx create-next-app --example with-passport with-passport-app
 # or
 yarn create next-app --example with-passport with-passport-app
 ```

examples/with-patternfly/README.md

@@ -15,7 +15,7 @@ Deploy the example using [Vercel](https://vercel.com):
 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
-npm init next-app --example with-patternfly with-patternfly-app
+npx create-next-app --example with-patternfly with-patternfly-app
 # or
 yarn create next-app --example with-patternfly with-patternfly-app
 ```

examples/with-polyfills/README.md

@@ -17,7 +17,7 @@ Deploy the example using [Vercel](https://vercel.com):
 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
-npm init next-app --example with-polyfills with-polyfills-app
+npx create-next-app --example with-polyfills with-polyfills-app
 # or
 yarn create next-app --example with-polyfills with-polyfills-app
 ```

examples/with-portals-ssr/README.md

@@ -15,7 +15,7 @@ Deploy the example using [Vercel](https://vercel.com):
 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
-npm init next-app --example with-portals-ssr with-portals-ssr
+npx create-next-app --example with-portals-ssr with-portals-ssr
 # or
 yarn create next-app --example with-portals-ssr with-portals-ssr
 ```

examples/with-portals/README.md

@@ -15,7 +15,7 @@ Deploy the example using [Vercel](https://vercel.com):
 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
-npm init next-app --example with-portals with-portals-app
+npx create-next-app --example with-portals with-portals-app
 # or
 yarn create next-app --example with-portals with-portals-app
 ```

examples/with-prefetching/README.md

@@ -19,7 +19,7 @@ Deploy the example using [Vercel](https://vercel.com):
 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
-npm init next-app --example with-prefetching with-prefetching-app
+npx create-next-app --example with-prefetching with-prefetching-app
 # or
 yarn create next-app --example with-prefetching with-prefetching-app
 ```

examples/with-quill-js/README.md

@@ -17,7 +17,7 @@ Deploy the example using [Vercel](https://vercel.com):
 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
-npm init next-app --example with-quill-js with-quill-js-app
+npx create-next-app --example with-quill-js with-quill-js-app
 # or
 yarn create next-app --example with-quill-js with-quill-js-app
 ```

examples/with-rbx-bulma-pro/README.md

@@ -15,7 +15,7 @@ Deploy the example using [Vercel](https://vercel.com):
 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
-npm init next-app --example with-rbx-bulma-pro with-rbx-bulma-pro-app
+npx create-next-app --example with-rbx-bulma-pro with-rbx-bulma-pro-app
 # or
 yarn create next-app --example with-rbx-bulma-pro with-rbx-bulma-pro-app
 ```

examples/with-react-bootstrap/README.md

@@ -15,7 +15,7 @@ Deploy the example using [Vercel](https://vercel.com):
 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
-npm init next-app --example with-react-bootstrap with-react-bootstrap-app
+npx create-next-app --example with-react-bootstrap with-react-bootstrap-app
 # or
 yarn create next-app --example with-react-bootstrap with-react-bootstrap-app
 ```

examples/with-react-ga/README.md

@@ -16,7 +16,7 @@ Deploy the example using [Vercel](https://vercel.com):
 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
-npm init next-app --example with-react-ga with-react-ga-app
+npx create-next-app --example with-react-ga with-react-ga-app
 # or
 yarn create next-app --example with-react-ga with-react-ga-app
 ```

examples/with-react-helmet/README.md

@@ -18,7 +18,7 @@ Deploy the example using [Vercel](https://vercel.com):
 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
-npm init next-app --example with-react-helmet with-react-helmet-app
+npx create-next-app --example with-react-helmet with-react-helmet-app
 # or
 yarn create next-app --example with-react-helmet with-react-helmet-app
 ```

examples/with-react-intl/README.md

@@ -9,7 +9,7 @@ This example app shows how to integrate [React Intl][] with Next.
 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
-npm init next-app --example with-react-intl with-react-intl-app
+npx create-next-app --example with-react-intl with-react-intl-app
 # or
 yarn create next-app --example with-react-intl with-react-intl-app
 ```

examples/with-react-jss/README.md

@@ -17,7 +17,7 @@ Deploy the example using [Vercel](https://vercel.com):
 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
-npm init next-app --example with-react-jss with-react-jss-app
+npx create-next-app --example with-react-jss with-react-jss-app
 # or
 yarn create next-app --example with-react-jss with-react-jss-app
 ```

examples/with-react-md/README.md

@@ -19,7 +19,7 @@ Deploy the example using [Vercel](https://vercel.com):
 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
-npm init next-app --example with-react-md with-react-md-app
+npx create-next-app --example with-react-md with-react-md-app
 # or
 yarn create next-app --example with-react-md with-react-md-app
 ```

examples/with-react-multi-carousel/README.md

@@ -17,7 +17,7 @@ _Live Example: https://react-multi-carousel.now.sh_
 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
-npm init next-app --example with-react-multi-carousel with-react-multi-carousel-app
+npx create-next-app --example with-react-multi-carousel with-react-multi-carousel-app
 # or
 yarn create next-app --example with-react-multi-carousel with-react-multi-carousel-app
 ```

examples/with-react-native-web/README.md

@@ -19,7 +19,7 @@ Deploy the example using [Vercel](https://vercel.com):
 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
-npm init next-app --example with-react-native-web
+npx create-next-app --example with-react-native-web
 # or
 yarn create next-app --example with-react-native-web with-react-native-web-app
 ```

examples/with-react-relay-network-modern/README.md

@@ -19,7 +19,7 @@ Deploy the example using [Vercel](https://vercel.com):
 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
-npm init next-app --example with-react-relay-network-modern with-react-relay-network-modern-app
+npx create-next-app --example with-react-relay-network-modern with-react-relay-network-modern-app
 # or
 yarn create next-app --example with-react-relay-network-modern with-react-relay-network-modern-app
 ```

examples/with-react-toolbox/README.md

@@ -17,7 +17,7 @@ Deploy the example using [Vercel](https://vercel.com):
 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
-npm init next-app --example with-react-toolbox with-react-toolbox-app
+npx create-next-app --example with-react-toolbox with-react-toolbox-app
 # or
 yarn create next-app --example with-react-toolbox with-react-toolbox-app
 ```

examples/with-react-with-styles/README.md

@@ -21,7 +21,7 @@ Deploy the example using [Vercel](https://vercel.com):
 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
-npm init next-app --example with-react-with-styles with-react-with-styles-app
+npx create-next-app --example with-react-with-styles with-react-with-styles-app
 # or
 yarn create next-app --example with-react-with-styles with-react-with-styles-app
 ```

examples/with-reason-relay/README.md

@@ -17,7 +17,7 @@ Deploy the example using [Vercel](https://vercel.com):
 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
-npm init next-app --example with-reason-relay with-reason-relay
+npx create-next-app --example with-reason-relay with-reason-relay
 # or
 yarn create next-app --example with-reason-relay with-reason-relay
 ```

examples/with-reasonml-todo/README.md

@@ -27,7 +27,7 @@ Deploy the example using [Vercel](https://vercel.com):
 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
-npm init next-app --example with-reasonml-todo with-reasonml-app
+npx create-next-app --example with-reasonml-todo with-reasonml-app
 # or
 yarn create next-app --example with-reasonml-todo with-reasonml-app
 ```

examples/with-reasonml/README.md

@@ -21,7 +21,7 @@ Deploy the example using [Vercel](https://vercel.com):
 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
-npm init next-app --example with-reasonml with-reasonml-app
+npx create-next-app --example with-reasonml with-reasonml-app
 # or
 yarn create next-app --example with-reasonml with-reasonml-app
 ```

examples/with-rebass/README.md

@@ -17,7 +17,7 @@ Deploy the example using [Vercel](https://vercel.com):
 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
-npm init next-app --example with-rebass with-rebass-app
+npx create-next-app --example with-rebass with-rebass-app
 # or
 yarn create next-app --example with-rebass with-rebass-app
 ```

examples/with-redux-code-splitting/README.md

@@ -17,7 +17,7 @@ Deploy the example using [Vercel](https://vercel.com):
 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
-npm init next-app --example with-redux-code-splitting with-redux-code-splitting-app
+npx create-next-app --example with-redux-code-splitting with-redux-code-splitting-app
 # or
 yarn create next-app --example with-redux-code-splitting with-redux-code-splitting-app
 ```

examples/with-redux-observable/README.md

@@ -21,7 +21,7 @@ Deploy the example using [Vercel](https://vercel.com):
 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
-npm init next-app --example with-redux-observable with-redux-observable-app
+npx create-next-app --example with-redux-observable with-redux-observable-app
 # or
 yarn create next-app --example with-redux-observable with-redux-observable-app
 ```

examples/with-redux-persist/README.md

@@ -17,7 +17,7 @@ Deploy the example using [Vercel](https://vercel.com):
 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
-npm init next-app --example with-redux-persist with-redux-persist-app
+npx create-next-app --example with-redux-persist with-redux-persist-app
 # or
 yarn create next-app --example with-redux-persist with-redux-persist-app
 ```

examples/with-redux-saga/README.md

@@ -17,7 +17,7 @@ Deploy the example using [Vercel](https://vercel.com):
 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
-npm init next-app --example with-redux-saga with-redux-saga-app
+npx create-next-app --example with-redux-saga with-redux-saga-app
 # or
 yarn create next-app --example with-redux-saga with-redux-saga-app
 ```

examples/with-redux-thunk/README.md

@@ -17,7 +17,7 @@ Deploy the example using [Vercel](https://vercel.com):
 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
-npm init next-app --example with-redux-thunk with-redux-thunk-app
+npx create-next-app --example with-redux-thunk with-redux-thunk-app
 # or
 yarn create next-app --example with-redux-thunk with-redux-thunk-app
 ```

examples/with-redux-wrapper/README.md

@@ -15,7 +15,7 @@ Deploy the example using [Vercel](https://vercel.com):
 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
-npm init next-app --example with-redux-wrapper with-redux-wrapper-app
+npx create-next-app --example with-redux-wrapper with-redux-wrapper-app
 # or
 yarn create next-app --example with-redux-wrapper with-redux-wrapper-app
 ```

examples/with-redux/README.md

@@ -27,7 +27,7 @@ Deploy the example using [Vercel](https://vercel.com):
 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
-npm init next-app --example with-redux with-redux-app
+npx create-next-app --example with-redux with-redux-app
 # or
 yarn create next-app --example with-redux with-redux-app
 ```

examples/with-reflux/README.md

@@ -15,7 +15,7 @@ Deploy the example using [Vercel](https://vercel.com):
 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
-npm init next-app --example with-reflux with-reflux-app
+npx create-next-app --example with-reflux with-reflux-app
 # or
 yarn create next-app --example with-reflux with-reflux-app
 ```

examples/with-relay-modern/README.md

@@ -19,7 +19,7 @@ Deploy the example using [Vercel](https://vercel.com):
 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
-npm init next-app --example with-relay-modern with-relay-modern-app
+npx create-next-app --example with-relay-modern with-relay-modern-app
 # or
 yarn create next-app --example with-relay-modern with-relay-modern-app
 ```

examples/with-rematch/README.md

@@ -17,7 +17,7 @@ Deploy the example using [Vercel](https://vercel.com):
 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
-npm init next-app --example with-rematch with-rematch-app
+npx create-next-app --example with-rematch with-rematch-app
 # or
 yarn create next-app --example with-rematch with-rematch-app
 ```

examples/with-segment-analytics/README.md

@@ -15,7 +15,7 @@ Deploy the example using [Vercel](https://vercel.com):
 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
-npm init next-app --example with-segment-analytics with-segment-analytics-app
+npx create-next-app --example with-segment-analytics with-segment-analytics-app
 # or
 yarn create next-app --example with-segment-analytics with-segment-analytics-app
 ```

examples/with-semantic-ui/README.md

@@ -15,7 +15,7 @@ Deploy the example using [Vercel](https://vercel.com):
 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
-npm init next-app --example with-semantic-ui with-semantic-ui-app
+npx create-next-app --example with-semantic-ui with-semantic-ui-app
 # or
 yarn create next-app --example with-semantic-ui with-semantic-ui-app
 ```

examples/with-sentry-simple/README.md

@@ -15,7 +15,7 @@ This is a simple example showing how to use [Sentry](https://sentry.io) to catch
 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
-npm init next-app --example with-sentry-simple with-sentry-simple
+npx create-next-app --example with-sentry-simple with-sentry-simple
 # or
 yarn create next-app --example with-sentry-simple with-sentry-simple
 ```

examples/with-sentry/README.md

@@ -9,7 +9,7 @@ An example showing use of [Sentry](https://sentry.io) to catch & report errors o
 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
-npm init next-app --example with-sentry with-sentry-app
+npx create-next-app --example with-sentry with-sentry-app
 # or
 yarn create next-app --example with-sentry with-sentry-app
 ```

examples/with-shallow-routing/README.md

@@ -17,7 +17,7 @@ Deploy the example using [Vercel](https://vercel.com):
 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
-npm init next-app --example with-shallow-routing with-shallow-routing-app
+npx create-next-app --example with-shallow-routing with-shallow-routing-app
 # or
 yarn create next-app --example with-shallow-routing with-shallow-routing-app
 ```

examples/with-slate/README.md

@@ -15,7 +15,7 @@ Deploy the example using [Vercel](https://vercel.com):
 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
-npm init next-app --example with-slate with-slate-app
+npx create-next-app --example with-slate with-slate-app
 # or
 yarn create next-app --example with-slate with-slate-app
 ```

examples/with-static-export/README.md

@@ -11,7 +11,7 @@ When trying to run `npm start` it will build and export your pages into the `out
 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
-npm init next-app --example with-static-export with-static-export-app
+npx create-next-app --example with-static-export with-static-export-app
 # or
 yarn create next-app --example with-static-export with-static-export-app
 ```

examples/with-stitches-styled/README.md

@@ -13,7 +13,7 @@ Deploy the example using [Vercel](https://vercel.com):
 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
-npm init next-app --example with-stitches-styled
+npx create-next-app --example with-stitches-styled
 # or
 yarn create next-app --example with-stitches-styled
 ```

examples/with-stitches/README.md

@@ -13,7 +13,7 @@ Deploy the example using [Vercel](https://vercel.com):
 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
-npm init next-app --example with-stitches
+npx create-next-app --example with-stitches
 # or
 yarn create next-app --example with-stitches
 ```

examples/with-stomp/README.md

@@ -13,7 +13,7 @@ Read more about [STOMP](http://jmesnil.net/stomp-websocket/doc/) protocol.
 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
-npm init next-app --example with-stomp with-stomp-app
+npx create-next-app --example with-stomp with-stomp-app
 # or
 yarn create next-app --example with-stomp with-stomp-app
 ```

examples/with-storybook/README.md

@@ -9,7 +9,7 @@ This example shows a default set up of Storybook. Also included in the example i
 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
-npm init next-app --example with-storybook with-storybook-app
+npx create-next-app --example with-storybook with-storybook-app
 # or
 yarn create next-app --example with-storybook with-storybook-app
 ```

examples/with-strict-csp/README.md

@@ -18,7 +18,7 @@ Deploy the example using [Vercel](https://vercel.com):
 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
-npm init next-app --example with-strict-csp-hash with-strict-csp-hash-app
+npx create-next-app --example with-strict-csp-hash with-strict-csp-hash-app
 # or
 yarn create next-app --example with-strict-csp-hash with-strict-csp-hash-app
 ```

examples/with-stripe-typescript/README.md

@@ -60,7 +60,7 @@ Read more about testing on Stripe at https://stripe.com/docs/testing.
 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
-npm init next-app --example with-stripe-typescript with-stripe-typescript-app
+npx create-next-app --example with-stripe-typescript with-stripe-typescript-app
 # or
 yarn create next-app --example with-stripe-typescript with-stripe-typescript-app
 ```

examples/with-style-sheet/README.md

@@ -15,7 +15,7 @@ Deploy the example using [Vercel](https://vercel.com):
 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
-npm init next-app --example with-style-sheet with-style-sheet-app
+npx create-next-app --example with-style-sheet with-style-sheet-app
 # or
 yarn create next-app --example with-style-sheet with-style-sheet-app
 ```

examples/with-styled-components-rtl/README.md

@@ -15,7 +15,7 @@ Deploy the example using [Vercel](https://vercel.com):
 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
-npm init next-app --example with-styled-components-rtl with-styled-components-rtl-app
+npx create-next-app --example with-styled-components-rtl with-styled-components-rtl-app
 # or
 yarn create next-app --example with-styled-components-rtl with-styled-components-rtl-app
 ```

examples/with-styled-components/README.md

@@ -17,7 +17,7 @@ Deploy the example using [Vercel](https://vercel.com):
 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
-npm init next-app --example with-styled-components with-styled-components-app
+npx create-next-app --example with-styled-components with-styled-components-app
 # or
 yarn create next-app --example with-styled-components with-styled-components-app
 ```

examples/with-styled-jsx-plugins/README.md

@@ -21,7 +21,7 @@ Deploy the example using [Vercel](https://vercel.com):
 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
-npm init next-app --example with-styled-jsx-plugins with-styled-jsx-plugins-app
+npx create-next-app --example with-styled-jsx-plugins with-styled-jsx-plugins-app
 # or
 yarn create next-app --example with-styled-jsx-plugins with-styled-jsx-plugins-app
 ```

examples/with-styled-jsx-scss/README.md

@@ -21,7 +21,7 @@ Deploy the example using [Vercel](https://vercel.com):
 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
-npm init next-app --example with-styled-jsx-scss with-styled-jsx-scss-app
+npx create-next-app --example with-styled-jsx-scss with-styled-jsx-scss-app
 # or
 yarn create next-app --example with-styled-jsx-scss with-styled-jsx-scss-app
 ```

examples/with-styletron/README.md

@@ -17,7 +17,7 @@ Deploy the example using [Vercel](https://vercel.com):
 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
-npm init next-app --example with-styletron with-styletron-app
+npx create-next-app --example with-styletron with-styletron-app
 # or
 yarn create next-app --example with-styletron with-styletron-app
 ```

examples/with-tailwindcss-emotion/README.md

@@ -17,7 +17,7 @@ Deploy the example using [Vercel](https://vercel.com):
 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
-npm init next-app --example with-tailwindcss-emotion with-tailwindcss-emotion-app
+npx create-next-app --example with-tailwindcss-emotion with-tailwindcss-emotion-app
 # or
 yarn create next-app --example with-tailwindcss-emotion with-tailwindcss-emotion-app
 ```

examples/with-tailwindcss/README.md

@@ -15,7 +15,7 @@ Deploy the example using [Vercel](https://vercel.com):
 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
-npm init next-app --example with-tailwindcss with-tailwindcss-app
+npx create-next-app --example with-tailwindcss with-tailwindcss-app
 # or
 yarn create next-app --example with-tailwindcss with-tailwindcss-app
 ```

examples/with-typescript-graphql/README.md

@@ -27,7 +27,7 @@ Deploy the example using [Vercel](https://vercel.com):
 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
-npm init next-app --example with-typescript-graphql with-typescript-graphql-app
+npx create-next-app --example with-typescript-graphql with-typescript-graphql-app
 # or
 yarn create next-app --example with-typescript-graphql with-typescript-graphql-app
 ```

examples/with-typescript-styled-components/README.md

@@ -15,7 +15,7 @@ Deploy the example using [Vercel](https://vercel.com):
 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
-npm init next-app --example with-typescript-styled-components with-typescript-app
+npx create-next-app --example with-typescript-styled-components with-typescript-app
 # or
 yarn create next-app --example with-typescript-styled-components with-typescript-app
 ```

examples/with-typescript/README.md

@@ -15,7 +15,7 @@ Deploy the example using [Vercel](https://vercel.com):
 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
-npm init next-app --example with-typescript with-typescript-app
+npx create-next-app --example with-typescript with-typescript-app
 # or
 yarn create next-app --example with-typescript with-typescript-app
 ```

examples/with-typestyle/README.md

@@ -17,7 +17,7 @@ Deploy the example using [Vercel](https://vercel.com):
 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
-npm init next-app --example with-typestyle with-typestyle-app
+npx create-next-app --example with-typestyle with-typestyle-app
 # or
 yarn create next-app --example with-typestyle with-typestyle-app
 ```

examples/with-universal-configuration-build-time/README.md

@@ -17,7 +17,7 @@ Deploy the example using [Vercel](https://vercel.com):
 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
-npm init next-app --example with-universal-configuration-build-time with-universal-configuration-build-time-app
+npx create-next-app --example with-universal-configuration-build-time with-universal-configuration-build-time-app
 # or
 yarn create next-app --example with-universal-configuration-build-time with-universal-configuration-build-time-app
 ```

examples/with-universal-configuration-runtime/README.md

@@ -11,7 +11,7 @@ For documentation see: https://github.com/vercel/next.js#exposing-configuration-
 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
-npm init next-app --example with-universal-configuration-runtime with-universal-configuration-runtime-app
+npx create-next-app --example with-universal-configuration-runtime with-universal-configuration-runtime-app
 # or
 yarn create next-app --example with-universal-configuration-runtime with-universal-configuration-runtime-app
 ```

examples/with-unstated/README.md

@@ -17,7 +17,7 @@ Deploy the example using [Vercel](https://vercel.com):
 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
-npm init next-app --example with-unstated with-unstated-app
+npx create-next-app --example with-unstated with-unstated-app
 # or
 yarn create next-app --example with-unstated with-unstated-app
 ```

examples/with-urql/README.md

@@ -15,7 +15,7 @@ Deploy the example using [Vercel](https://vercel.com/now):
 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
-npm init next-app --example with-urql with-urql-app
+npx create-next-app --example with-urql with-urql-app
 # or
 yarn create next-app --example with-urql with-urql-app
 ```

examples/with-userbase/README.md

@@ -17,7 +17,7 @@ Deploy the example using [Vercel](https://vercel.com):
 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
-npm init next-app --example with-userbase next-userbase-app
+npx create-next-app --example with-userbase next-userbase-app
 # or
 yarn create next-app --example with-userbase next-userbase-app
 ```

examples/with-videojs/README.md

@@ -15,7 +15,7 @@ Deploy the example using [Vercel](https://vercel.com):
 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
-npm init next-app --example with-videojs with-videojs-app
+npx create-next-app --example with-videojs with-videojs-app
 # or
 yarn create next-app --example with-videojs with-videojs-app
 ```

examples/with-web-worker/README.md

@@ -15,7 +15,7 @@ Deploy the example using [Vercel](https://vercel.com/):
 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
-npm init next-app --example with-web-worker with-web-worker-app
+npx create-next-app --example with-web-worker with-web-worker-app
 # or
 yarn create next-app --example with-web-worker with-web-worker-app
 ```

examples/with-webassembly/README.md

@@ -9,7 +9,7 @@ This example shows how to import WebAssembly files (`.wasm`) and use them inside
 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
-npm init next-app --example with-webassembly with-webassembly-app
+npx create-next-app --example with-webassembly with-webassembly-app
 # or
 yarn create next-app --example with-webassembly with-webassembly-app
 ```

examples/with-webpack-bundle-size-analyzer/README.md

@@ -9,7 +9,7 @@ This example shows how to analyze the output bundles using [webpack-bundle-size-
 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
-npm init next-app --example with-webpack-bundle-size-analyzer with-webpack-bundle-size-analyzer-app
+npx create-next-app --example with-webpack-bundle-size-analyzer with-webpack-bundle-size-analyzer-app
 # or
 yarn create next-app --example with-webpack-bundle-size-analyzer with-webpack-bundle-size-analyzer-app
 ```

examples/with-xstate/README.md

@@ -15,7 +15,7 @@ Deploy the example using [Vercel](https://vercel.com):
 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
-npm init next-app --example with-xstate with-xstate-app
+npx create-next-app --example with-xstate with-xstate-app
 # or
 yarn create next-app --example with-xstate with-xstate-app
 ```

examples/with-yarn-workspaces/README.md

@@ -21,7 +21,7 @@ Deploy the example using [Vercel](https://vercel.com):
 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
-npm init next-app --example with-yarn-workspaces with-yarn-workspaces-app
+npx create-next-app --example with-yarn-workspaces with-yarn-workspaces-app
 # or
 yarn create next-app --example with-yarn-workspaces with-yarn-workspaces-app
 ```

examples/with-zeit-fetch/README.md

@@ -15,7 +15,7 @@ Deploy the example using [Vercel](https://vercel.com):
 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
-npm init next-app --example with-zeit-fetch with-zeit-fetch-app
+npx create-next-app --example with-zeit-fetch with-zeit-fetch-app
 # or
 yarn create next-app --example with-zeit-fetch with-zeit-fetch-app
 ```

examples/with-zones/README.md

@@ -20,7 +20,7 @@ Deploy the example using [Vercel](https://vercel.com):
 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
-npm init next-app --example with-zones with-zones-app
+npx create-next-app --example with-zones with-zones-app
 # or
 yarn create next-app --example with-zones with-zones-app
 ```