Examples: use npx and yarn create to run create-next-app on examples (#4002)

* remove global npm install of create-next-app

* add npx to create-next-app command in examples

* add bash to shell snippets

* add yarn create to next-app command in examples

* fix READMEs named with lowercase

* change READMEs to use UPPERCASE

examples/active-class-name/README.md

@@ -8,9 +8,10 @@
 
 Download [`create-next-app`](https://github.com/segmentio/create-next-app) to bootstrap the example:
 
-```
+```bash
-npm i -g create-next-app
+npx create-next-app --example active-class-name active-class-name-app
-create-next-app --example active-class-name active-class-name-app
+# or
+yarn create next-app --example active-class-name active-class-name-app
 ```
 
 ### Download manually

examples/basic-css/README.md

@@ -8,9 +8,10 @@
 
 Download [`create-next-app`](https://github.com/segmentio/create-next-app) to bootstrap the example:
 
-```
+```bash
-npm i -g create-next-app
+npx create-next-app --example basic-css basic-css-app
-create-next-app --example basic-css basic-css-app
+# or
+yarn create next-app --example basic-css basic-css-app
 ```
 
 ### Download manually

examples/custom-server-express/README.md

@@ -8,9 +8,10 @@
 
 Download [`create-next-app`](https://github.com/segmentio/create-next-app) to bootstrap the example:
 
-```
+```bash
-npm i -g create-next-app
+npx create-next-app --example custom-server-express custom-server-express-app
-create-next-app --example custom-server-express custom-server-express-app
+# or
+yarn create next-app --example custom-server-express custom-server-express-app
 ```
 
 ### Download manually

examples/custom-server-fastify/README.md

@@ -8,9 +8,10 @@
 
 Download [`create-next-app`](https://github.com/segmentio/create-next-app) to bootstrap the example:
 
-```
+```bash
-npm i -g create-next-app
+npx create-next-app --example custom-server-fastify custom-server-fastify-app
-create-next-app --example custom-server-fastify custom-server-fastify-app
+# or
+yarn create next-app --example custom-server-fastify custom-server-fastify-app
 ```
 
 ### Download manually

examples/custom-server-hapi/README.md

@@ -8,9 +8,10 @@
 
 Download [`create-next-app`](https://github.com/segmentio/create-next-app) to bootstrap the example:
 
-```
+```bash
-npm i -g create-next-app
+npx create-next-app --example custom-server-hapi custom-server-hapi-app
-create-next-app --example custom-server-hapi custom-server-hapi-app
+# or
+yarn create next-app --example custom-server-hapi custom-server-hapi-app
 ```
 
 ### Download manually

examples/custom-server-koa/README.md

@@ -8,9 +8,10 @@
 
 Download [`create-next-app`](https://github.com/segmentio/create-next-app) to bootstrap the example:
 
-```
+```bash
-npm i -g create-next-app
+npx create-next-app --example custom-server-koa custom-server-koa-app
-create-next-app --example custom-server-koa custom-server-koa-app
+# or
+yarn create next-app --example custom-server-koa custom-server-koa-app
 ```
 
 ### Download manually

examples/custom-server-micro/README.md

@@ -8,9 +8,10 @@
 
 Download [`create-next-app`](https://github.com/segmentio/create-next-app) to bootstrap the example:
 
-```
+```bash
-npm i -g create-next-app
+npx create-next-app --example custom-server-micro custom-server-micro-app
-create-next-app --example custom-server-micro custom-server-micro-app
+# or
+yarn create next-app --example custom-server-micro custom-server-micro-app
 ```
 
 ### Download manually

examples/custom-server-nodemon/README.md

@@ -8,9 +8,10 @@
 
 Download [`create-next-app`](https://github.com/segmentio/create-next-app) to bootstrap the example:
 
-```
+```bash
-npm i -g create-next-app
+npx create-next-app --example custom-server-nodemon custom-server-nodemon-app
-create-next-app --example custom-server-nodemon custom-server-nodemon-app
+# or
+yarn create next-app --example custom-server-nodemon custom-server-nodemon-app
 ```
 
 ### Download manually

examples/custom-server-typescript/README.md

@@ -8,9 +8,10 @@
 
 Download [`create-next-app`](https://github.com/segmentio/create-next-app) to bootstrap the example:
 
-```
+```bash
-npm i -g create-next-app
+npx create-next-app --example custom-server-typescript custom-server-typescript-app
-create-next-app --example custom-server-typescript custom-server-typescript-app
+# or
+yarn create next-app --example custom-server-typescript custom-server-typescript-app
 ```
 
 ### Download manually

examples/custom-server/README.md

@@ -8,9 +8,10 @@
 
 Download [`create-next-app`](https://github.com/segmentio/create-next-app) to bootstrap the example:
 
-```
+```bash
-npm i -g create-next-app
+npx create-next-app --example custom-server custom-server-app
-create-next-app --example custom-server custom-server-app
+# or
+yarn create next-app --example custom-server custom-server-app
 ```
 
 ### Download manually

examples/data-fetch/README.md

@@ -8,9 +8,10 @@
 
 Download [`create-next-app`](https://github.com/segmentio/create-next-app) to bootstrap the example:
 
-```
+```bash
-npm i -g create-next-app
+npx create-next-app --example data-fetch data-fetch-app
-create-next-app --example data-fetch data-fetch-app
+# or
+yarn create next-app --example data-fetch data-fetch-app
 ```
 
 ### Download manually

examples/form-handler/README.md

@@ -8,9 +8,10 @@
 
 Download [`create-next-app`](https://github.com/segmentio/create-next-app) to bootstrap the example:
 
-```
+```bash
-npm i -g create-next-app
+npx create-next-app --example form-handler form-handler-app
-create-next-app --example form-handler form-handler-app
+# or
+yarn create next-app --example form-handler form-handler-app
 ```
 
 ### Download manually

examples/head-elements/README.md

@@ -8,9 +8,10 @@
 
 Download [`create-next-app`](https://github.com/segmentio/create-next-app) to bootstrap the example:
 
-```
+```bash
-npm i -g create-next-app
+npx create-next-app --example head-elements head-elements-app
-create-next-app --example head-elements head-elements-app
+# or
+yarn create next-app --example head-elements head-elements-app
 ```
 
 ### Download manually

examples/hello-world/README.md

@@ -8,9 +8,10 @@
 
 Download [`create-next-app`](https://github.com/segmentio/create-next-app) to bootstrap the example:
 
-```
+```bash
-npm i -g create-next-app
+npx create-next-app --example hello-world hello-world-app
-create-next-app --example hello-world hello-world-app
+# or
+yarn create next-app --example hello-world hello-world-app
 ```
 
 ### Download manually

examples/layout-component/README.md

@@ -8,9 +8,10 @@
 
 Download [`create-next-app`](https://github.com/segmentio/create-next-app) to bootstrap the example:
 
-```
+```bash
-npm i -g create-next-app
+npx create-next-app --example layout-component layout-component-app
-create-next-app --example layout-component layout-component-app
+# or
+yarn create next-app --example layout-component layout-component-app
 ```
 
 ### Download manually

examples/nested-components/README.md

@@ -8,9 +8,10 @@
 
 Download [`create-next-app`](https://github.com/segmentio/create-next-app) to bootstrap the example:
 
-```
+```bash
-npm i -g create-next-app
+npx create-next-app --example nested-components nested-components-app
-create-next-app --example nested-components nested-components-app
+# or
+yarn create next-app --example nested-components nested-components-app
 ```
 
 ### Download manually

examples/page-transitions/README.md

@@ -8,9 +8,10 @@
 
 Download [`create-next-app`](https://github.com/segmentio/create-next-app) to bootstrap the example:
 
-```
+```bash
-npm i -g create-next-app
+npx create-next-app --example page-transitions page-transitions-app
-create-next-app --example page-transitions page-transitions-app
+# or
+yarn create next-app --example page-transitions page-transitions-app
 ```
 
 ### Download manually

examples/parameterized-routing/README.md

@@ -8,9 +8,10 @@
 
 Download [`create-next-app`](https://github.com/segmentio/create-next-app) to bootstrap the example:
 
-```
+```bash
-npm i -g create-next-app
+npx create-next-app --example parameterized-routing parameterized-routing-app
-create-next-app --example parameterized-routing parameterized-routing-app
+# or
+yarn create next-app --example parameterized-routing parameterized-routing-app
 ```
 
 ### Download manually

examples/progressive-render/README.md

@@ -7,9 +7,10 @@
 
 Download [`create-next-app`](https://github.com/segmentio/create-next-app) to bootstrap the example:
 
-```
+```bash
-npm i -g create-next-app
+npx create-next-app --example progressive-render progressive-render-app
-create-next-app --example progressive-render progressive-render-app
+# or
+yarn create next-app --example progressive-render progressive-render-app
 ```
 
 ### Download manually

examples/root-static-files/README.md

@@ -8,9 +8,10 @@
 
 Download [`create-next-app`](https://github.com/segmentio/create-next-app) to bootstrap the example:
 
-```
+```bash
-npm i -g create-next-app
+npx create-next-app --example root-static-files root-static-files-app
-create-next-app --example root-static-files root-static-files-app
+# or
+yarn create next-app --example root-static-files root-static-files-app
 ```
 
 ### Download manually

examples/shared-modules/README.md

@@ -7,9 +7,10 @@
 
 Download [`create-next-app`](https://github.com/segmentio/create-next-app) to bootstrap the example:
 
-```
+```bash
-npm i -g create-next-app
+npx create-next-app --example shared-modules shared-modules-app
-create-next-app --example shared-modules shared-modules-app
+# or
+yarn create next-app --example shared-modules shared-modules-app
 ```
 
 ### Download manually

examples/ssr-caching/README.md

@@ -8,9 +8,10 @@
 
 Download [`create-next-app`](https://github.com/segmentio/create-next-app) to bootstrap the example:
 
-```
+```bash
-npm i -g create-next-app
+npx create-next-app --example ssr-caching ssr-caching-app
-create-next-app --example ssr-caching ssr-caching-app
+# or
+yarn create next-app --example ssr-caching ssr-caching-app
 ```
 
 ### Download manually

examples/svg-components/README.md

@@ -8,9 +8,10 @@
 
 Download [`create-next-app`](https://github.com/segmentio/create-next-app) to bootstrap the example:
 
-```
+```bash
-npm i -g create-next-app
+npx create-next-app --example svg-components svg-components-app
-create-next-app --example svg-components svg-components-app
+# or
+yarn create next-app --example svg-components svg-components-app
 ```
 
 ### Download manually

examples/using-inferno/README.md

@@ -8,9 +8,10 @@
 
 Download [`create-next-app`](https://github.com/segmentio/create-next-app) to bootstrap the example:
 
-```
+```bash
-npm i -g create-next-app
+npx create-next-app --example using-inferno using-inferno-app
-create-next-app --example using-inferno using-inferno-app
+# or
+yarn create next-app --example using-inferno using-inferno-app
 ```
 
 ### Download manually

examples/using-nerv/README.md

@@ -8,9 +8,10 @@
 
 Download [`create-next-app`](https://github.com/segmentio/create-next-app) to bootstrap the example:
 
-```
+```bash
-npm i -g create-next-app
+npx create-next-app --example using-nerv using-nerv-app
-create-next-app --example using-nerv using-nerv-app
+# or
+yarn create next-app --example using-nerv using-nerv-app
 ```
 
 ### Download manually

examples/using-preact/README.md

@@ -8,9 +8,10 @@
 
 Download [`create-next-app`](https://github.com/segmentio/create-next-app) to bootstrap the example:
 
-```
+```bash
-npm i -g create-next-app
+npx create-next-app --example using-preact using-preact-app
-create-next-app --example using-preact using-preact-app
+# or
+yarn create next-app --example using-preact using-preact-app
 ```
 
 ### Download manually

examples/using-router/README.md

@@ -7,9 +7,10 @@
 
 Download [`create-next-app`](https://github.com/segmentio/create-next-app) to bootstrap the example:
 
-```
+```bash
-npm i -g create-next-app
+npx create-next-app --example using-router using-router-app
-create-next-app --example using-router using-router-app
+# or
+yarn create next-app --example using-router using-router-app
 ```
 
 ### Download manually

examples/using-with-router/README.md

@@ -7,9 +7,10 @@
 
 Download [`create-next-app`](https://github.com/segmentio/create-next-app) to bootstrap the example:
 
-```
+```bash
-npm i -g create-next-app
+npx create-next-app --example using-with-router using-with-router-app
-create-next-app --example using-with-router using-with-router-app
+# or
+yarn create next-app --example using-with-router using-with-router-app
 ```
 
 ### Download manually

examples/with-absolute-imports/README.md

@@ -6,9 +6,10 @@
 
 Download [`create-next-app`](https://github.com/segmentio/create-next-app) to bootstrap the example:
 
-```
+```bash
-npm i -g create-next-app
+npx create-next-app --example with-absolute-imports with-absolute-imports-app
-create-next-app --example with-absolute-imports with-absolute-imports-app
+# or
+yarn create next-app --example with-absolute-imports with-absolute-imports-app
 ```
 
 ### Download manually

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

@@ -8,9 +8,10 @@
 
 Download [`create-next-app`](https://github.com/segmentio/create-next-app) to bootstrap the example:
 
-```
+```bash
-npm i -g create-next-app
+npx create-next-app --example with-algolia-react-instantsearch with-algolia-react-instantsearch-app
-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
 ```
 
 ### Download manually

examples/with-amp/README.md

@@ -8,9 +8,10 @@
 
 Download [`create-next-app`](https://github.com/segmentio/create-next-app) to bootstrap the example:
 
-```
+```bash
-npm i -g create-next-app
+npx create-next-app --example with-amp with-amp-app
-create-next-app --example with-amp with-amp-app
+# or
+yarn create next-app --example with-amp with-amp-app
 ```
 
 ### Download manually

examples/with-analytics/README.md

@@ -8,9 +8,10 @@
 
 Download [`create-next-app`](https://github.com/segmentio/create-next-app) to bootstrap the example:
 
-```
+```bash
-npm i -g create-next-app
+npx create-next-app --example with-analytics with-analytics-app
-create-next-app --example with-analytics with-analytics-app
+# or
+yarn create next-app --example with-analytics with-analytics-app
 ```
 
 ### Download manually

examples/with-ant-design/README.md

@@ -8,9 +8,10 @@
 
 Download [`create-next-app`](https://github.com/segmentio/create-next-app) to bootstrap the example:
 
-```
+```bash
-npm i -g create-next-app
+npx create-next-app --example with-ant-design with-ant-design-app
-create-next-app --example with-ant-design with-ant-design-app
+# or
+yarn create next-app --example with-ant-design with-ant-design-app
 ```
 
 ### Download manually

examples/with-antd-mobile/README.md

@@ -7,9 +7,10 @@
 
 Download [`create-next-app`](https://github.com/segmentio/create-next-app) to bootstrap the example:
 
-```
+```bash
-npm i -g create-next-app
+npx create-next-app --example with-antd-mobile with-antd-mobile-app
-create-next-app --example with-antd-mobile with-antd-mobile-app
+# or
+yarn create next-app --example with-antd-mobile with-antd-mobile-app
 ```
 
 ### Download manually

examples/with-aphrodite/README.md

@@ -8,9 +8,10 @@
 
 Download [`create-next-app`](https://github.com/segmentio/create-next-app) to bootstrap the example:
 
-```
+```bash
-npm i -g create-next-app
+npx create-next-app --example with-aphrodite with-aphrodite-app
-create-next-app --example with-aphrodite with-aphrodite-app
+# or
+yarn create next-app --example with-aphrodite with-aphrodite-app
 ```
 
 ### Download manually

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

@@ -7,9 +7,10 @@
 
 Download [`create-next-app`](https://github.com/segmentio/create-next-app) to bootstrap the example:
 
-```
+```bash
-npm i -g create-next-app
+npx create-next-app --example with-apollo-and-redux-saga with-apollo-and-redux-saga-app
-create-next-app --example with-apollo-and-redux-saga with-apollo-and-redux-saga-app
+# or
+yarn create next-app --example with-apollo-and-redux-saga with-apollo-and-redux-saga-app
 ```
 
 ### Download manually

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

@@ -7,9 +7,10 @@
 
 Download [`create-next-app`](https://github.com/segmentio/create-next-app) to bootstrap the example:
 
-```
+```bash
-npm i -g create-next-app
+npx create-next-app --example with-apollo-and-redux with-apollo-and-redux-app
-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
 ```
 
 ### Download manually

examples/with-apollo-auth/README.md

@@ -11,9 +11,10 @@ https://next-with-apollo-auth.now.sh
 
 Download [`create-next-app`](https://github.com/segmentio/create-next-app) to bootstrap the example:
 
-```
+```bash
-npm i -g create-next-app
+npx create-next-app --example with-apollo-auth with-apollo-auth-app
-create-next-app --example with-apollo-auth with-apollo-auth-app
+# or
+yarn create next-app --example with-apollo-auth with-apollo-auth-app
 ```
 
 ### Download manually

examples/with-apollo/README.md

@@ -11,9 +11,10 @@ https://next-with-apollo.now.sh
 
 Download [`create-next-app`](https://github.com/segmentio/create-next-app) to bootstrap the example:
 
-```
+```bash
-npm i -g create-next-app
+npx create-next-app --example with-apollo with-apollo-app
-create-next-app --example with-apollo with-apollo-app
+# or
+yarn create next-app --example with-apollo with-apollo-app
 ```
 
 ### Download manually

examples/with-asset-imports/README.md

@@ -6,9 +6,10 @@
 
 Download [`create-next-app`](https://github.com/segmentio/create-next-app) to bootstrap the example:
 
-```
+```bash
-npm i -g create-next-app
+npx create-next-app --example with-asset-imports with-asset-imports-app
-create-next-app --example with-asset-imports with-asset-imports-app
+# or
+yarn create next-app --example with-asset-imports with-asset-imports-app
 ```
 
 ### Download manually

examples/with-babel-macros/README.md

@@ -8,9 +8,10 @@
 
 Download [`create-next-app`](https://github.com/segmentio/create-next-app) to bootstrap the example:
 
-```
+```bash
-npm i -g create-next-app
+npx create-next-app --example with-babel-macros with-babel-macros-app
-create-next-app --example with-babel-macros with-babel-macros-app
+# or
+yarn create next-app --example with-babel-macros with-babel-macros-app
 ```
 
 ### Download manually

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

@@ -9,7 +9,7 @@ Sorry for the extra packages. I belong to the minority camp of writing ES6 code
 
 ## How to run it
 
-```
+```bash
 npm i; npm run build; npm run dev;
 ```
 

examples/with-cxs/README.md

@@ -8,9 +8,10 @@
 
 Download [`create-next-app`](https://github.com/segmentio/create-next-app) to bootstrap the example:
 
-```
+```bash
-npm i -g create-next-app
+npx create-next-app --example with-cxs with-cxs-app
-create-next-app --example with-cxs with-cxs-app
+# or
+yarn create next-app --example with-cxs with-cxs-app
 ```
 
 ### Download manually

examples/with-data-prefetch/README.md

@@ -7,9 +7,10 @@
 
 Download [`create-next-app`](https://github.com/segmentio/create-next-app) to bootstrap the example:
 
-```
+```bash
-npm i -g create-next-app
+npx create-next-app --example with-data-prefetch with-data-prefetch-app
-create-next-app --example with-data-prefetch with-data-prefetch-app
+# or
+yarn create next-app --example with-data-prefetch with-data-prefetch-app
 ```
 
 ### Download manually

examples/with-dotenv/README.md

@@ -8,9 +8,10 @@
 
 Download [`create-next-app`](https://github.com/segmentio/create-next-app) to bootstrap the example:
 
-```
+```bash
-npm i -g create-next-app
+npx create-next-app --example with-dotenv with-dotenv-app
-create-next-app --example with-dotenv with-dotenv-app
+# or
+yarn create next-app --example with-dotenv with-dotenv-app
 ```
 
 ### Download manually

examples/with-draft-js/README.md

@@ -7,9 +7,10 @@
 
 Download [`create-next-app`](https://github.com/segmentio/create-next-app) to bootstrap the example:
 
-```
+```bash
-npm i -g create-next-app
+npx create-next-app --example with-draft-js
-create-next-app --example with-draft-js
+# or
+yarn create next-app --example with-draft-js with-draft-js-app
 ```
 
 ### Download manually

examples/with-dynamic-import/README.md

@@ -6,9 +6,10 @@
 
 Download [`create-next-app`](https://github.com/segmentio/create-next-app) to bootstrap the example:
 
-```
+```bash
-npm i -g create-next-app
+npx create-next-app --example with-dynamic-import with-dynamic-import-app
-create-next-app --example with-dynamic-import with-dynamic-import-app
+# or
+yarn create next-app --example with-dynamic-import with-dynamic-import-app
 ```
 
 ### Download manually

examples/with-electron/README.md

@@ -8,9 +8,10 @@
 
 Download [`create-next-app`](https://github.com/segmentio/create-next-app) to bootstrap the example:
 
-```
+```bash
-npm i -g create-next-app
+npx create-next-app --example with-electron with-electron-app
-create-next-app --example with-electron with-electron-app
+# or
+yarn create next-app --example with-electron with-electron-app
 ```
 
 ### Download manually

examples/with-emotion/README.md

@@ -8,9 +8,10 @@
 
 Download [`create-next-app`](https://github.com/segmentio/create-next-app) to bootstrap the example:
 
-```
+```bash
-npm i -g create-next-app
+npx create-next-app --example with-emotion with-emotion-app
-create-next-app --example with-emotion with-emotion-app
+# or
+yarn create next-app --example with-emotion with-emotion-app
 ```
 
 ### Download manually

examples/with-fela/README.md

@@ -8,9 +8,10 @@
 
 Download [`create-next-app`](https://github.com/segmentio/create-next-app) to bootstrap the example:
 
-```
+```bash
-npm i -g create-next-app
+npx create-next-app --example with-fela with-fela-app
-create-next-app --example with-fela with-fela-app
+# or
+yarn create next-app --example with-fela with-fela-app
 ```
 
 ### Download manually

examples/with-firebase-authentication/README.md

@@ -8,9 +8,10 @@
 
 Download [`create-next-app`](https://github.com/segmentio/create-next-app) to bootstrap the example:
 
-```
+```bash
-npm i -g create-next-app
+npx create-next-app --example with-firebase-authentication with-firebase-authentication-app
-create-next-app --example with-firebase-authentication with-firebase-authentication-app
+# or
+yarn create next-app --example with-firebase-authentication with-firebase-authentication-app
 ```
 
 ### Download manually

examples/with-firebase-hosting/README.md

@@ -6,9 +6,10 @@
 
 Download [`create-next-app`](https://github.com/segmentio/create-next-app) to bootstrap the example:
 
-```
+```bash
-npm i -g create-next-app
+npx create-next-app --example with-firebase-hosting with-firebase-hosting-app
-create-next-app --example with-firebase-hosting with-firebase-hosting-app
+# or
+yarn create next-app --example with-firebase-hosting with-firebase-hosting-app
 ```
 
 ### Download manually

examples/with-flow/README.md

@@ -7,9 +7,10 @@
 
 Download [`create-next-app`](https://github.com/segmentio/create-next-app) to bootstrap the example:
 
-```
+```bash
-npm i -g create-next-app
+npx create-next-app --example with-flow with-flow-app
-create-next-app --example with-flow with-flow-app
+# or
+yarn create next-app --example with-flow with-flow-app
 ```
 
 ### Download manually

examples/with-freactal/README.md

@@ -8,9 +8,10 @@
 
 Download [`create-next-app`](https://github.com/segmentio/create-next-app) to bootstrap the example:
 
-```
+```bash
-npm i -g create-next-app
+npx create-next-app --example with-freactal with-freactal-app
-create-next-app --example with-freactal with-freactal-app
+# or
+yarn create next-app --example with-freactal with-freactal-app
 ```
 
 ### Download manually

examples/with-glamor/README.md

@@ -8,9 +8,10 @@
 
 Download [`create-next-app`](https://github.com/segmentio/create-next-app) to bootstrap the example:
 
-```
+```bash
-npm i -g create-next-app
+npx create-next-app --example with-glamor with-glamor-app
-create-next-app --example with-glamor with-glamor-app
+# or
+yarn create next-app --example with-glamor with-glamor-app
 ```
 
 ### Download manually

examples/with-glamorous/README.md

@@ -8,9 +8,10 @@
 
 Download [`create-next-app`](https://github.com/segmentio/create-next-app) to bootstrap the example:
 
-```
+```bash
-npm i -g create-next-app
+npx create-next-app --example with-glamorous with-glamorous-app
-create-next-app --example with-glamorous with-glamorous-app
+# or
+yarn create next-app --example with-glamorous with-glamorous-app
 ```
 
 ### Download manually

examples/with-global-stylesheet/README.md

@@ -10,9 +10,10 @@ This is an example of how you can include a global stylesheet in a next.js webap
 
 Download [`create-next-app`](https://github.com/segmentio/create-next-app) to bootstrap the example:
 
-```
+```bash
-npm i -g create-next-app
+npx create-next-app --example with-global-stylesheet with-global-stylesheet-app
-create-next-app --example with-global-stylesheet with-global-stylesheet-app
+# or
+yarn create next-app --example with-global-stylesheet with-global-stylesheet-app
 ```
 
 ### Download manually

examples/with-hashed-statics/README.md

@@ -6,9 +6,10 @@
 
 Download [`create-next-app`](https://github.com/segmentio/create-next-app) to bootstrap the example:
 
-```
+```bash
-npm i -g create-next-app
+npx create-next-app --example with-hashed-statics with-hashed-statics-app
-create-next-app --example with-hashed-statics with-hashed-statics-app
+# or
+yarn create next-app --example with-hashed-statics with-hashed-statics-app
 ```
 
 ### Download manually

examples/with-higher-order-component/README.md

@@ -9,9 +9,10 @@
 Download [`create-next-app`](https://github.com/segmentio/create-next-app) to
 bootstrap the example:
 
-```
+```bash
-npm i -g create-next-app
+npx create-next-app --example with-higher-order-component with-higher-order-component-app
-create-next-app --example with-higher-order-component with-higher-order-component-app
+# or
+yarn create next-app --example with-higher-order-component with-higher-order-component-app
 ```
 
 ### Download manually

examples/with-i18next/README.md

@@ -7,9 +7,10 @@
 
 Download [`create-next-app`](https://github.com/segmentio/create-next-app) to bootstrap the example:
 
-```
+```bash
-npm i -g create-next-app
+npx create-next-app --example with-i18next with-i18next-app
-create-next-app --example with-i18next with-i18next-app
+# or
+yarn create next-app --example with-i18next with-i18next-app
 ```
 
 ### Download manually

examples/with-ioc/README.md

@@ -7,9 +7,10 @@
 
 Download [`create-next-app`](https://github.com/segmentio/create-next-app) to bootstrap the example:
 
-```
+```bash
-npm i -g create-next-app
+npx create-next-app --example with-ioc with-ioc-app
-create-next-app --example with-ioc with-ioc-app
+# or
+yarn create next-app --example with-ioc with-ioc-app
 ```
 
 ### Download manually

examples/with-jest/README.md

@@ -7,9 +7,10 @@
 
 Download [`create-next-app`](https://github.com/segmentio/create-next-app) to bootstrap the example:
 
-```
+```bash
-npm i -g create-next-app
+npx create-next-app --example with-jest with-jest-app
-create-next-app --example with-jest with-jest-app
+# or
+yarn create next-app --example with-jest with-jest-app
 ```
 
 ### Download manually

examples/with-kea/README.md

@@ -8,9 +8,10 @@
 
 Download [`create-next-app`](https://github.com/segmentio/create-next-app) to bootstrap the example:
 
-```
+```bash
-npm i -g create-next-app
+npx create-next-app --example with-kea with-kea-app
-create-next-app --example with-kea with-kea-app
+# or
+yarn create next-app --example with-kea with-kea-app
 ```
 
 ### Download manually

examples/with-loading/README.md

@@ -7,9 +7,10 @@
 
 Download [`create-next-app`](https://github.com/segmentio/create-next-app) to bootstrap the example:
 
-```
+```bash
-npm i -g create-next-app
+npx create-next-app --example with-loading with-loading-app
-create-next-app --example with-loading with-loading-app
+# or
+yarn create next-app --example with-loading with-loading-app
 ```
 
 ### Download manually

examples/with-markdown/README.md

@@ -8,9 +8,10 @@
 
 Download [`create-next-app`](https://github.com/segmentio/create-next-app) to bootstrap the example:
 
-```
+```bash
-npm i -g create-next-app
+npx create-next-app --example with-markdown with-markdown
-create-next-app --example with-markdown with-markdown
+# or
+yarn create next-app --example with-markdown with-markdown-app
 ```
 
 ### Download manually

examples/with-material-ui-next/README.md

@@ -7,9 +7,10 @@
 
 Download [`create-next-app`](https://github.com/segmentio/create-next-app) to bootstrap the example:
 
-```
+```bash
-npm i -g create-next-app
+npx create-next-app --example with-material-ui-next with-material-ui-next-app
-create-next-app --example with-material-ui-next with-material-ui-next-app
+# or
+yarn create next-app --example with-material-ui-next with-material-ui-next-app
 ```
 
 ### Download manually

examples/with-material-ui/README.md

@@ -7,9 +7,10 @@
 
 Download [`create-next-app`](https://github.com/segmentio/create-next-app) to bootstrap the example:
 
-```
+```bash
-npm i -g create-next-app
+npx create-next-app --example with-material-ui with-material-ui-app
-create-next-app --example with-material-ui with-material-ui-app
+# or
+yarn create next-app --example with-material-ui with-material-ui-app
 ```
 
 ### Download manually

examples/with-mobx/README.md

@@ -8,9 +8,10 @@
 
 Download [`create-next-app`](https://github.com/segmentio/create-next-app) to bootstrap the example:
 
-```
+```bash
-npm i -g create-next-app
+npx create-next-app --example with-mobx with-mobx-app
-create-next-app --example with-mobx with-mobx-app
+# or
+yarn create next-app --example with-mobx with-mobx-app
 ```
 
 ### Download manually

examples/with-next-css/README.md

@@ -8,9 +8,10 @@
 
 Download [`create-next-app`](https://github.com/segmentio/create-next-app) to bootstrap the example:
 
-```
+```bash
-npm i -g create-next-app
+npx create-next-app --example with-next-css with-next-css-app
-create-next-app --example with-next-css with-next-css-app
+# or
+yarn create next-app --example with-next-css with-next-css-app
 ```
 
 ### Download manually

examples/with-next-routes/README.md

@@ -7,9 +7,10 @@
 
 Download [`create-next-app`](https://github.com/segmentio/create-next-app) to bootstrap the example:
 
-```
+```bash
-npm i -g create-next-app
+npx create-next-app --example with-next-routes with-next-routes-app
-create-next-app --example with-next-routes with-next-routes-app
+# or
+yarn create next-app --example with-next-routes with-next-routes-app
 ```
 
 ### Download manually

examples/with-next-sass/README.md

@@ -9,8 +9,9 @@
 Download [`create-next-app`](https://github.com/segmentio/create-next-app) to bootstrap the example:
 
 ```bash
-npm i -g create-next-app
+npx create-next-app --example with-next-sass with-next-sass-app
-create-next-app --example with-next-sass with-next-sass-app
+# or
+yarn create next-app --example with-next-sass with-next-sass-app
 ```
 
 ### Download manually

examples/with-noscript/README.md

@@ -8,9 +8,10 @@
 
 Download [`create-next-app`](https://github.com/segmentio/create-next-app) to bootstrap the example:
 
-```
+```bash
-npm i -g create-next-app
+npx create-next-app --example with-noscript with-noscript-app
-create-next-app --example with-noscript with-noscript-app
+# or
+yarn create next-app --example with-noscript with-noscript-app
 ```
 
 ### Download manually

examples/with-pkg/README.md

@@ -6,9 +6,10 @@
 
 Download [`create-next-app`](https://github.com/segmentio/create-next-app) to bootstrap the example:
 
-```
+```bash
-npm i -g create-next-app
+npx create-next-app --example with-pkg with-pkg-app
-create-next-app --example with-pkg with-pkg-app
+# or
+yarn create next-app --example with-pkg with-pkg-app
 ```
 
 ### Download manually

examples/with-portals/README.md

@@ -6,9 +6,10 @@
 
 Download [`create-next-app`](https://github.com/segmentio/create-next-app) to bootstrap the example:
 
-```
+```bash
-npm i -g create-next-app
+npx create-next-app --example with-portals with-portals-app
-create-next-app --example with-portals with-portals-app
+# or
+yarn create next-app --example with-portals with-portals-app
 ```
 
 ### Download manually

examples/with-prefetching/README.md

@@ -7,9 +7,10 @@
 
 Download [`create-next-app`](https://github.com/segmentio/create-next-app) to bootstrap the example:
 
-```
+```bash
-npm i -g create-next-app
+npx create-next-app --example with-prefetching with-prefetching-app
-create-next-app --example with-prefetching with-prefetching-app
+# or
+yarn create next-app --example with-prefetching with-prefetching-app
 ```
 
 ### Download manually

examples/with-pretty-url-routing/README.md

@@ -8,9 +8,10 @@
 
 Download [`create-next-app`](https://github.com/segmentio/create-next-app) to bootstrap the example:
 
-```
+```bash
-npm i -g create-next-app
+npx create-next-app --example with-pretty-url-routing with-pretty-url-routing-app
-create-next-app --example with-pretty-url-routing with-pretty-url-routing-app
+# or
+yarn create next-app --example with-pretty-url-routing with-pretty-url-routing-app
 ```
 
 ### Download manually

examples/with-react-ga/README.md

@@ -8,9 +8,10 @@
 
 Download [`create-next-app`](https://github.com/segmentio/create-next-app) to bootstrap the example:
 
-```
+```bash
-npm i -g create-next-app
+npx create-next-app --example with-react-ga with-react-ga-app
-create-next-app --example with-react-ga with-react-ga-app
+# or
+yarn create next-app --example with-react-ga with-react-ga-app
 ```
 
 ### Download manually

examples/with-react-helmet/README.md

@@ -8,9 +8,10 @@
 
 Download [`create-next-app`](https://github.com/segmentio/create-next-app) to bootstrap the example:
 
-```
+```bash
-npm i -g create-next-app
+npx create-next-app --example with-react-helmet with-react-helmet-app
-create-next-app --example with-react-helmet with-react-helmet-app
+# or
+yarn create next-app --example with-react-helmet with-react-helmet-app
 ```
 
 ### Download manually

examples/with-react-intl/README.md

@@ -7,9 +7,10 @@
 
 Download [`create-next-app`](https://github.com/segmentio/create-next-app) to bootstrap the example:
 
-```
+```bash
-npm i -g create-next-app
+npx create-next-app --example with-react-intl with-react-intl-app
-create-next-app --example with-react-intl with-react-intl-app
+# or
+yarn create next-app --example with-react-intl with-react-intl-app
 ```
 
 ### Download manually
@@ -53,7 +54,7 @@ This app stores translations and default strings in the `lang/` dir. This dir ha
 
 The translated messages files that exist at `lang/*.json` are only used during production, and are automatically provided to the `<IntlProvider>`. During development the `defaultMessage`s defined in the source code are used. To prepare the example app for localization and production run the build script and start the server in production mode:
 
-```
+```bash
 $ npm run build
 $ npm start
 ```

examples/with-react-md/README.md

@@ -10,9 +10,10 @@
 
 Download [`create-next-app`](https://github.com/segmentio/create-next-app) to bootstrap the example:
 
-```
+```bash
-npm i -g create-next-app
+npx create-next-app --example with-react-md with-react-md-app
-create-next-app --example with-react-md with-react-md-app
+# or
+yarn create next-app --example with-react-md with-react-md-app
 ```
 
 ### Download manually

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

@@ -6,9 +6,10 @@
 
 Download [`create-next-app`](https://github.com/segmentio/create-next-app) to bootstrap the example:
 
-```
+```bash
-npm i -g create-next-app
+npx create-next-app --example with-react-native-web
-create-next-app --example with-react-native-web
+# or
+yarn create next-app --example with-react-native-web with-react-native-web-app
 ```
 
 ### Download manually

examples/with-react-toolbox/README.md

@@ -8,9 +8,10 @@
 
 Download [`create-next-app`](https://github.com/segmentio/create-next-app) to bootstrap the example:
 
-```
+```bash
-npm i -g create-next-app
+npx create-next-app --example with-react-toolbox with-react-toolbox-app
-create-next-app --example with-react-toolbox with-react-toolbox-app
+# or
+yarn create next-app --example with-react-toolbox with-react-toolbox-app
 ```
 
 ### Download manually

examples/with-react-uwp/README.md

@@ -7,9 +7,10 @@
 
 Download [`create-next-app`](https://github.com/segmentio/create-next-app) to bootstrap the example:
 
-```
+```bash
-npm i -g create-next-app
+npx create-next-app --example with-react-uwp with-react-uwp-app
-create-next-app --example with-react-uwp with-react-uwp-app
+# or
+yarn create next-app --example with-react-uwp with-react-uwp-app
 ```
 
 ### Download manually

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

@@ -8,9 +8,10 @@
 
 Download [`create-next-app`](https://github.com/segmentio/create-next-app) to bootstrap the example:
 
-```
+```bash
-npm i -g create-next-app
+npx create-next-app --example with-react-with-styles with-react-with-styles-app
-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
 ```
 
 ### Download manually

examples/with-reasonml/README.md

@@ -7,9 +7,10 @@
 
 Download [`create-next-app`](https://github.com/segmentio/create-next-app) to bootstrap the example:
 
-```
+```bash
-npm i -g create-next-app
+npx create-next-app --example with-reasonml with-reasonml-app
-create-next-app --example with-reasonml with-reasonml-app
+# or
+yarn create next-app --example with-reasonml with-reasonml-app
 ```
 
 ### Download manually

examples/with-rebass/README.md

@@ -10,9 +10,10 @@
 
 Download [`create-next-app`](https://github.com/segmentio/create-next-app) to bootstrap the example:
 
-```
+```bash
-npm i -g create-next-app
+npx create-next-app --example with-rebass with-rebass-app
-create-next-app --example with-rebass with-rebass-app
+# or
+yarn create next-app --example with-rebass with-rebass-app
 ```
 
 ### Download manually

examples/with-recompose/README.md

@@ -8,9 +8,10 @@
 
 Download [`create-next-app`](https://github.com/segmentio/create-next-app) to bootstrap the example:
 
-```
+```bash
-npm i -g create-next-app
+npx create-next-app --example with-recompose with-recompose-app
-create-next-app --example with-recompose with-recompose-app
+# or
+yarn create next-app --example with-recompose with-recompose-app
 ```
 
 ### Download manually

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

@@ -9,9 +9,10 @@
 
 Download [`create-next-app`](https://github.com/segmentio/create-next-app) to bootstrap the example:
 
-```
+```bash
-npm i -g create-next-app
+npx create-next-app --example with-redux-code-splitting with-redux-code-splitting-app
-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
 ```
 
 ### Download manually

examples/with-redux-observable/README.md

@@ -6,9 +6,10 @@
 
 Download [`create-next-app`](https://github.com/segmentio/create-next-app) to bootstrap the example:
 
-```
+```bash
-npm i -g create-next-app
+npx create-next-app --example with-redux-observable with-redux-observable-app
-create-next-app --example with-redux-observable with-redux-observable-app
+# or
+yarn create next-app --example with-redux-observable with-redux-observable-app
 ```
 
 ### Download manually

examples/with-redux-reselect-recompose/README.md

@@ -8,9 +8,10 @@
 
 Download [`create-next-app`](https://github.com/segmentio/create-next-app) to bootstrap the example:
 
-```
+```bash
-npm i -g create-next-app
+npx create-next-app --example with-redux-reselect-recompose with-redux-reselect-recompose-app
-create-next-app --example with-redux-reselect-recompose with-redux-reselect-recompose-app
+# or
+yarn create next-app --example with-redux-reselect-recompose with-redux-reselect-recompose-app
 ```
 
 ### Download manually

examples/with-redux-saga/README.md

@@ -10,9 +10,10 @@
 
 Download [`create-next-app`](https://github.com/segmentio/create-next-app) to bootstrap the example:
 
-```
+```bash
-npm i -g create-next-app
+npx create-next-app --example with-redux-saga with-redux-saga-app
-create-next-app --example with-redux-saga with-redux-saga-app
+# or
+yarn create next-app --example with-redux-saga with-redux-saga-app
 ```
 
 ### Download manually

examples/with-redux-wrapper/README.md

@@ -8,9 +8,10 @@
 
 Download [`create-next-app`](https://github.com/segmentio/create-next-app) to bootstrap the example:
 
-```
+```bash
-npm i -g create-next-app
+npx create-next-app --example with-redux-wrapper with-redux-wrapper-app
-create-next-app --example with-redux-wrapper with-redux-wrapper-app
+# or
+yarn create next-app --example with-redux-wrapper with-redux-wrapper-app
 ```
 
 ### Download manually

examples/with-redux/README.md

@@ -8,9 +8,10 @@
 
 Download [`create-next-app`](https://github.com/segmentio/create-next-app) to bootstrap the example:
 
-```
+```bash
-npm i -g create-next-app
+npx create-next-app --example with-redux with-redux-app
-create-next-app --example with-redux with-redux-app
+# or
+yarn create next-app --example with-redux with-redux-app
 ```
 
 ### Download manually

examples/with-refnux/README.md

@@ -8,9 +8,10 @@
 
 Download [`create-next-app`](https://github.com/segmentio/create-next-app) to bootstrap the example:
 
-```
+```bash
-npm i -g create-next-app
+npx create-next-app --example with-refnux with-refnux-app
-create-next-app --example with-refnux with-refnux-app
+# or
+yarn create next-app --example with-refnux with-refnux-app
 ```
 
 ### Download manually

examples/with-relay-modern/README.md

@@ -7,9 +7,10 @@
 
 Download [`create-next-app`](https://github.com/segmentio/create-next-app) to bootstrap the example:
 
-```
+```bash
-npm i -g create-next-app
+npx create-next-app --example with-relay-modern with-relay-modern-app
-create-next-app --example with-relay-modern with-relay-modern-app
+# or
+yarn create next-app --example with-relay-modern with-relay-modern-app
 ```
 
 ### Download manually

examples/with-semantic-ui/README.md

@@ -8,9 +8,10 @@
 
 Download [`create-next-app`](https://github.com/segmentio/create-next-app) to bootstrap the example:
 
-```
+```bash
-npm i -g create-next-app
+npx create-next-app --example with-semantic-ui with-semantic-ui-app
-create-next-app --example with-semantic-ui with-semantic-ui-app
+# or
+yarn create next-app --example with-semantic-ui with-semantic-ui-app
 ```
 
 ### Download manually

examples/with-sentry/README.md

@@ -8,9 +8,10 @@
 
 Download [`create-next-app`](https://github.com/segmentio/create-next-app) to bootstrap the example:
 
-```
+```bash
-npm i -g create-next-app
+npx create-next-app --example with-sentry with-sentry-app
-create-next-app --example with-sentry with-sentry-app
+# or
+yarn create next-app --example with-sentry with-sentry-app
 ```
 
 ### Download manually

examples/with-shallow-routing/README.md

@@ -8,9 +8,10 @@
 
 Download [`create-next-app`](https://github.com/segmentio/create-next-app) to bootstrap the example:
 
-```
+```bash
-npm i -g create-next-app
+npx create-next-app --example with-shallow-routing with-shallow-routing-app
-create-next-app --example with-shallow-routing with-shallow-routing-app
+# or
+yarn create next-app --example with-shallow-routing with-shallow-routing-app
 ```
 
 ### Download manually

examples/with-socket.io/README.md

@@ -8,9 +8,10 @@
 
 Download [`create-next-app`](https://github.com/segmentio/create-next-app) to bootstrap the example:
 
-```
+```bash
-npm i -g create-next-app
+npx create-next-app --example with-socket.io with-socket.io-app
-create-next-app --example with-socket.io with-socket.io-app
+# or
+yarn create next-app --example with-socket.io with-socket.io-app
 ```
 
 ### Download manually

examples/with-static-export/README.md

@@ -6,9 +6,10 @@
 
 Download [`create-next-app`](https://github.com/segmentio/create-next-app) to bootstrap the example:
 
-```
+```bash
-npm i -g create-next-app
+npx create-next-app --example with-static-export with-static-export-app
-create-next-app --example with-static-export with-static-export-app
+# or
+yarn create next-app --example with-static-export with-static-export-app
 ```
 
 ### Download manually